/* ==========================================================================
    Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
* Body settings, change it as required
*/

body { font-family:'lato', Arial, Helvetica, sans-serif ; font-size: 1em; line-height: 1.4; overflow-x:hidden; background:#f2f2f2; }
body.admin-panel {overflow-x:visible;}
body.hideScroll { overflow:hidden;}

/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family:'lato', Arial, Helvetica, sans-serif; font-weight:normal; color:#4a4548; text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:16px; }
h1 { font-size:40px; line-height:48px;}
h2 { font-size:24px; line-height:32px;}
h3 { font-size:18px; font-weight:600; line-height:22px; color:#19171A;}
h4 { font-size:18px; line-height:22px;}
h4.less-margin { margin-bottom:8px;}
h5 { font-size:14px; line-height:20px; color:#19171A; font-weight:600;}
h6 { font-size:14px; line-height:20px;}
p { font-size:14px; color:#4A4548; line-height:20px; margin-bottom:16px;}
p a { color:#d7263d;}
p a:hover, p a:focus { color:#d7263d;}

/*
* Links
*/

a { color: #d7263d; text-decoration: none; line-height: inherit; }
a:hover { /*color: #2795b6;*/ color: #d7263d; text-decoration:none; }
a:focus { color: #d7263d; outline: none; }
p a, p a:visited { line-height: inherit; }


/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #c2c2c2; margin:16px 0; padding: 0; position:relative; }


/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
    vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;
}


/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }


/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/*
* Iframe
*/
iframe[name="google_conversion_frame"]{ display:none;}

/*
* Pre
*/
pre { font-size:14px; color:#4a4548; line-height:20px;  font-family:'Fira Mono', Arial, Helvetica, sans-serif; font-weight:normal; border-radius: 3px;  background-color: #f7f7f7; padding:16px; border:1px solid #dadada; white-space:pre-wrap; margin-bottom:16px;}


/* ==========================================================================
    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:'Lato';
    src: url('techgig_resource/cand/fonts/Lato-Regular.eot');
    src: url('techgig_resource/cand/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('techgig_resource/cand/fonts/Lato-Regular.woff2') format('woff2'),
        url('techgig_resource/cand/fonts/Lato-Regular.woff') format('woff'),
        url('techgig_resource/cand/fonts/Lato-Regular.svg#Lato Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Lato';
    src: url('techgig_resource/cand/fonts/Lato-Light.eot');
    src: url('techgig_resource/cand/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('techgig_resource/cand/fonts/Lato-Light.woff2') format('woff2'),
        url('techgig_resource/cand/fonts/Lato-Light.woff') format('woff'),
        url('techgig_resource/cand/fonts/Lato-Light.svg#Lato Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Lato';
    src: url('techgig_resource/cand/fonts/Lato-Semibold.eot');
    src: url('techgig_resource/cand/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
        url('techgig_resource/cand/fonts/Lato-Semibold.woff2') format('woff2'),
        url('techgig_resource/cand/fonts/Lato-Semibold.woff') format('woff'),
        url('techgig_resource/cand/fonts/Lato-Semibold.svg#Lato Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Lato';
    src: url('techgig_resource/cand/fonts/Lato-Bold.eot');
    src: url('techgig_resource/cand/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('techgig_resource/cand/fonts/Lato-Bold.woff2') format('woff2'),
        url('techgig_resource/cand/fonts/Lato-Bold.woff') format('woff'),
        url('techgig_resource/cand/fonts/Lato-Bold.svg#Lato Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Lato';
    src: url('techgig_resource/cand/fonts/Lato-Black.eot');
    src: url('techgig_resource/cand/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('techgig_resource/cand/fonts/Lato-Black.woff2') format('woff2'),
        url('techgig_resource/cand/fonts/Lato-Black.woff') format('woff'),
        url('techgig_resource/cand/fonts/Lato-Black.svg#Lato Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family: 'Lato';
    src: url('techgig_resource/cand/fonts/lato-italic-webfont.woff2') format('woff2'),
         url('techgig_resource/cand/fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Fira Mono';
    src: url('techgig_resource/cand/fonts/FiraMono-Regular.eot');
    src: url('techgig_resource/cand/fonts/FiraMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('techgig_resource/cand/fonts/FiraMono-Regular.woff') format('woff'),
        url('techgig_resource/cand/fonts/FiraMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* ==========================================================================
    Layout
========================================================================== */

/* Container ---------------------- */
#container-wrap { min-width:320px; left:0; position:relative; padding-top:56px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}

#page-overlay  { height:100%; width:100%; position:fixed; z-index:101; left:0; top:0; background-color: rgba(0, 0, 0, 0.9); display:none; cursor:pointer;}
.activeMenu #page-overlay  { display:block;}

/* Header ---------------------- */
#header { position:absolute; left:0; top:0; width:100%; background:#ffffff; z-index:1001; height:56px; padding:12px 0; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12);}
#header.notransition {-webkit-transition-property: none !important;-moz-transition-property: none !important;-o-transition-property: none !important;transition-property: none !important; top:0 !important;}
#header .container { position:relative;}

/* Main-navigation ---------------------- */
#main-navigation { float:left; position:relative; margin:0;}

/* Content ---------------------- */
#content .container { padding:40px 10px 0; position:relative;}
#content .inner-content { position:relative; background:#fff; padding:40px 16px 16px; border-radius:0 0 6px 6px; margin-top:-40px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);}
#content .section-footer { padding:24px 0 0;}
#content .section-footer p { margin-bottom:0; float:left; color:#8a858d; line-height:32px;}
#content .section-footer .pagination { float:right;}

/*--- Simple Page --- */
.simple-page #content .container { padding-top:0;}
.sample-page #content .container { padding-top:0;}
.sample-page #content .left-panel { padding-top:24px;}

/*--- Content --- */
#content .container.top-extra-space { padding-top:84px;}

/* Footer ---------------------- */
#footer { background:#2d1846; padding:40px 0 0;}

/* ==========================================================================
    Common Functionalities & UI Elements
========================================================================== */

/*--- Header --- */
#header .logo { float:left; margin-right:21px; position:relative; width:74px; padding-top:7px; }
#header .login-signup-links { float:right; line-height:32px; color:#4a4548; margin:0; }
#header .login-signup-links a { color:#4a4548; display:inline-block; margin-left:14px;}
#header .login-signup-links a:first-child { margin-left:0;}
#header .login-signup-links .user-icon { width:20px; height:20px; line-height:20px;}
#header .login-signup-links .user-icon svg {vertical-align:top;}

#header .user-area { float:right; width:64px; padding-top:4px; position:relative;}
#header .user-area .avatar-pic { margin-left:16px; float:right; margin-left:16px; display:block;}
#header .user-area .avatar-pic img { width:24px; height:24px; border-radius:15px;}

#header .user-area .notification-icon { background:rgba(255,255,255,0.15); text-align:center; width:24px; height:24px; border-radius:15px; display:block; line-height:24px; position:relative;}
#header .user-area .notification-icon svg { vertical-align:middle;}
#header .user-area .notification-icon svg g { fill:#c2c2c2;}
#header .user-area .notification-icon .number { display:block; width:6px; height:6px; border-radius:5px; background:#d7263d; position:absolute; left:13px; top:3px;}

#header .user-area .user-actions { position:relative;}
#header .user-area .user-actions:hover .user-dropdown { display:block;}
#header .user-dropdown { width:164px; margin:0; list-style:none; display:none; background:#fff; padding:15px 10px; top:40px; border:1px solid #dadada; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); position:absolute; right:-8px; border-radius:6px;}
#header .user-dropdown:before { width:16px; height:10px; content:""; display:block; right:10px; top:-10px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;}
#header .user-dropdown:after { width:100%; height:16px; content:""; display:block; left:0; top:-17px; position:absolute;}
#header .user-dropdown li { float:none; position:static; font-size:14px; color:#424242;}
#header .user-dropdown li a { padding:0 8px; display:block; position:relative; line-height:32px; color:#8a858d;}
#header .user-dropdown li:hover  a, #header .user-dropdown  li.active  a { color:#8a858d;}
#header .user-dropdown li .fa { font-size:14px; width:25px; text-align:left; vertical-align:middle;}
#header .user-dropdown li .earn-bits { font-weight:500;}
#header .user-dropdown li .earn-bits span { color:#ffffff; opacity: 0.6;}
#header .user-dropdown li.profile-status a { text-transform:none; line-height:16px;}
#header .user-dropdown li.profile-status a:hover { background:none;}

#header .user-dropdown .progress { margin:5px 0 10px; height:5px; background:#dadada;}
#header .progress .progress-bar { background-color: #8a858d;}

/*--- Notification List --- */
#header .user-notifications { float:right;}
#header .user-notifications #notification-lists { display:none; position:absolute; background:#fff;}
#header .user-notifications:hover #notification-lists { display:block;}
#header .user-notifications #notification-lists:before { display:block; content:""; position:absolute; top:-20px; left:0; width:100%; height:20px;}
#header .user-notifications #notification-lists { margin:0; padding:0; list-style:none;}

#notification-lists { border:1px solid #dadada; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); width:350px; left:auto; right:33px; top:44px; border-radius:6px; padding:0;}
#notification-lists header:before { width:16px; height:10px; content:""; display:block; right:10px; top:-10px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;}
#notification-lists header:after { width:100%; height:16px; content:""; display:block; left:0; top:-17px; position:absolute;}
#notification-lists header { padding:10px; text-align:center; position:relative;}
#notification-lists header h5 { margin:0;}
#notification-lists header h5 .number { color:#fff; font-size:12px; font-weight:normal; display:inline-block; height:22px; line-height:22px; min-width:22px; padding:0 2px; border-radius:50%; background:#d7263d; margin-left:5px; vertical-align:middle;}
#notification-lists ul { margin:0; padding:0; list-style:none;}
#notification-lists h6 { background:#dadada; padding:3px 10px; margin-bottom:0; font-size:12px; font-weight:normal;}
#notification-lists h6 .fa { margin-right:5px;}
#notification-lists h6 .see-all { float:right;}
#notification-lists ul li { border-bottom:1px solid #dadada; padding:5px 10px;}
#notification-lists ul li:last-child { border-bottom:0;}
#notification-lists ul li p { margin-bottom:3px; color:#8c8c8c; font-size:11px; line-height:16px;}
#notification-lists ul li p a {color:#424242; font-size:12px;}
#notification-lists .followers-notifications ul li {margin-bottom:0px;}

#header .user-area .notification-icon:hover  .dropdown-menu { display:block !important; }

/*--- Main Banner --- */
.main-banner { background-color:#2d1846;/* background-image:url(images/tg_images_new/top-banner-bg.svg);*/ background-position:right top; background-repeat:no-repeat; padding:0 0 40px; position:relative; z-index:1; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; }
.main-banner .container { position:relative; z-index:2;}
.main-banner .banner-bg { display:none;}
.main-banner h1 { color:#fff; font-weight:300; margin-bottom:4px;}
.main-banner h2 { color:#feb95f; margin-bottom:8px; line-height:32px;}
.main-banner h2.white-txt { color:#fff; margin-bottom:0; line-height:32px; font-weight:normal;}
.main-banner h2.white-txt small { color:#dadada; font-size:18px; display:block; margin-bottom:4px;}
.main-banner .green-txt { color:#5ffea4;}
.main-banner .main-content p { color:#dadada; line-height:20px; margin:0;}
.main-banner .main-content p.metadata { padding-top:4px; color:#8a858d; line-height:16px; font-size:12px;}
.main-banner .main-content p.metadata .divider { margin:0 5px;}
.main-banner .main-content p strong { color:#fff;}
.main-banner .main-content p a { color:#dadada; text-decoration:underline;}
.main-banner .main-content p a:hover { color:#d7263d;}
.main-banner .main-content .banner-right-content { padding-top:12px;}
.main-banner .main-content .col-sm-7 p strong { font-weight:600;}

.main-banner .rating-area { padding-top:24px; position:relative;}
.main-banner .rating-area h5 {color:#fff; margin-bottom:4px;}
.main-banner .rating-area .rating1 p { float:left;}
.main-banner .rating-area .rating1 p a { text-decoration:none;}
.main-banner .rating-area .rating1 ul { margin:3px 8px 0;}
.main-banner .rating-area .rating1 p .icon { display:inline-block; width:16px; height:16px; background:url("images/tg_images_new/sprites.svg") -48px -184px no-repeat; margin-right:2px; vertical-align:text-bottom;}

/*-- User Feedback Form */
#user-feedback-form { width:568px; max-width:100%; top:75px; left:69px; border-radius:6px; border: solid 1px #dadada;}
#user-feedback-form .close { position:relative; right:5px;}
#user-feedback-form .popover-content { padding:24px;}
#user-feedback-form.popover.bottom > .arrow { left:51px;}
#user-feedback-form li > label { color:#8a858d; margin-bottom:0;}
#user-feedback-form .rating1 ul { margin-left:0; margin-top:2px; margin-right:11px;}
#user-feedback-form .rating1 ul li { margin-bottom:0;}
#user-feedback-form .rating1 p { color:#4a4548;}

/*--- Search Form --- */ 
.main-search-block .content-block-extra { margin-bottom:40px !important;}
#search-form { position:relative;}
#search-form .inner { background:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px; height:56px; padding:0 16px 0 56px; position:relative;}
#search-form .search-icon { width:32px; display:block; height:32px; background:url("images/tg_images_new/sprites.svg") 0 0 no-repeat; position:absolute; left:12px; top:11px;}
#search-form input[type='text'] { border:0; float:left; width:100%; height:54px; padding:0; font-size:18px; line-height:22px; color:#4a4548;}
#search-form input[type='submit'],#search-form input[type='button'] { border:0; float:right; background:url("../../files/event_images/cg2017_images/icons.png") -269px -40px no-repeat; width:32px; height:36px; }
#search-form.active { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);}
#search-form.active .inner { border-radius:6px 6px 0 0;}

#search-form-content { position:absolute; display:none; top:57px; left:0; background:#fff; border-radius:0 0 6px 6px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); width:100%; padding:15px 0 8px; z-index:10;}
#search-form-content h6 { line-height:18px; color:#8a858d; margin-bottom:0; margin-left:56px; text-transform:uppercase; border-bottom: solid 1px #dadada; padding-bottom:3px;}
#search-form-content ul { margin:0 0 10px; padding:0; list-style:none;}
#search-form-content ul li { margin:0;}
#search-form-content ul li a { font-size:14px; text-decoration:none; display:block; line-height:20px; color:#4a4548; padding:6px 6px 6px 56px;}
#search-form-content ul li a span { color:#8a858d; margin-left:12px;}
#search-form-content ul li a:hover { text-decoration:none; background-color:#f2f2f2;}

#search-form .no-content { padding:24px; text-align:center;}
#search-form .no-content svg { margin-bottom:16px;}
#search-form .no-content p { margin:0; color:#8a858d;}

/*--- Content Block --- */
.content-block { margin-bottom:20px;}
.content-block-normal { margin-bottom:32px;}
.content-block-extra { margin-bottom:40px;}
.content-block-sm { margin-bottom:8px;}
.content-block:last-child, .content-block-extra:last-child, .content-block-normal:last-child, .content-block-sm:last-child { margin-bottom:0;}

/*--- Widget --- */
.widget { margin-bottom:40px;}
.widget:last-child { margin-bottom:0;}
.widget ul { margin:0; padding:0; list-style:none;}
.widget li { font-size:14px; line-height:20px;/* margin-bottom:16px;*/ color:#19171a;}
.widget li > a { text-decoration:none; display:block;}
.widget li a {color:#19171a;}
.widget li:last-child { margin-bottom:0;}
.widget li figure,.widget.sponsor-block figure { width: 64px; height: 64px; text-align:center; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; float:right; margin-left:16px; line-height:58px; background-size:100% 100%; background-repeat:no-repeat;}
.widget li.webinar-list figure img { max-width:62px; max-height:62px; border-radius:2px;}
.widget li figure img,.widget.sponsor-block figure img { vertical-align:middle; max-width:56px; max-height:56px;}
.widget li figure.logo-frame img { max-width:56px !important; max-height:56px !important;}
.widget li figure svg { vertical-align:middle;}
.widget li  h5 { margin-bottom:8px;}
.widget li p { color:#8a858d; margin-bottom:4px;}
.widget li p:last-child { margin-bottom:0;}
.widget li p strong {font-weight:600; margin-left:2px;}
.widget li .live { font-size:14px; line-height:16px; color:#d7263d; font-weight:600; display:block; margin-bottom:8px;}
.widget li .live .dot { display:inline-block; vertical-align:middle; width: 8px; height: 8px; background-color: #d7263d; border-radius:6px; margin-right:8px; position:relative; top:-1px;}
.widget li:hover h5 { color:#d7263d;}

.widget .widget-heading { padding-right:80px; position:relative; text-transform:capitalize; }
.widget .widget-heading .see-all { font-weight: 600; line-height: 16px; font-size:14px; position:absolute; right:0; bottom:4px;}
.widget:first-child .widget-heading { margin-bottom:20px; padding-top:6px;} 
.widget.news-for-you li figure { border:0;}
.widget.news-for-you li figure img {border-radius: 3px;}

.widget.new-widget .button2 { min-width:120px; margin-top:4px; }
.widget.new-widget > p { color:#8a858d; margin-bottom:8px; }
.widget.new-widget h4 { margin-bottom:8px;}

.widget.less-padding { margin-bottom:16px;}

#related-links  .widget-heading {border-bottom: solid 1px #c2c2c2; padding-bottom:4px;}
#related-links.widget li { margin-bottom:12px; font-weight:600;}
#related-links.widget li:last-child { margin-bottom:0;}

.practice-widget figure svg path{fill:#3C91E6;}
.skilltest-widget figure svg path{fill:#fb8629;}

.practice-series-page .widget:first-child .widget-heading { margin-bottom:16px; padding-top:0;} 

/*--- Widget1 --- */
.widget1 { margin-bottom:24px;}
.widget1 .sociable2 p { margin-bottom:0; text-align:center;}

/*--- Boot box --- */
.bootbox .bootbox-close-button { height:0; padding-top:16px; overflow:hidden;}
.bootbox .modal-footer .btn-primary { background:#2f94d7; color:#fff; border-radius:2px; font-size:12px; text-transform:uppercase; font-weight:500; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;}
.bootbox .modal-footer .btn-primary:hover, .bootbox .modal-footer .btn-primary:focus, .bootbox .modal-footer .btn-primary:active { color:#fff; background:#2384c4; outline:none;}
 
/*--- Global Search Form --- */
#global-search-form { float:right; background:#f2f2f2; position:relative; margin-right:24px; border-radius:3px; height:32px; width:296px;}
#global-search-form .category-lists { position:relative; float:left;}
#global-search-form .category-lists .dropdown-menu { background:#fff; padding:8px 0; border:0; border-radius:0; width:178px; margin:0; border-radius:6px; border:1px solid #dadada; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); top:44px;}
#global-search-form .category-lists .dropdown-menu:before { width:16px; height:10px; content:""; display:block; left:8px; top:-10px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;}
#global-search-form .category-lists .dropdown-menu li a { padding:8px 10px 8px 0; font-size:14px; color:#8a858d; padding:5px 11px;}
#global-search-form .category-lists .dropdown-menu li a:hover { background:none; color:#d7263d;}
#global-search-form .category-menu { display:block; width:36px; height:32px; text-align:center; position:relative; background:url(images/tg_images_new/global-search-icon.svg) 10px 9px no-repeat;}

#global-search-form input[type='text'] { border:0; outline:none; border-radius:0; box-shadow:none; font-size:14px; padding:0; height:31px; color:#8a858d; width:100%; background:none; line-height:20px;}
#global-search-form .textbox { position:relative; display:block; float:left; width:260px;}
#global-search-form .remove { font-size:12px; display:none; color:#8c8c8c; position:absolute; right:8px; top:7px;}
#global-search-form button[type='submit'] { border:0; border-radius:0; box-shadow:none; float:right; background:#2f94d7; height:36px; width:42px; margin:-1px 0; position:relative; font-size:14px; color:#fff; text-align:center;}

/*--- Global Search Form For Landing --- 
.landing-page #global-search-form  {background:url(images/tg_images_new/global-search-icon.svg) 5px 5px no-repeat; width:24px;}*/

/*--- Search Result Lists --- */
#search-result-lists { box-shadow:0 2px 10px rgba(0, 0, 0, 0.2); width:615px; max-height:530px; overflow:auto; border:0; left:auto; right:0; top:58px; border-radius:0; padding:0; display:none; border:1px solid #dadada; position:absolute; background:#fff; top:35px;}
#search-result-lists > h6 { background:#f4f4f4; padding:3px 10px 3px 20px; margin-bottom:15px; font-size:12px; font-weight:normal;}
#search-result-lists > h6 .fa { margin-right:5px;}
#search-result-lists > h6 .dismiss { float:right; font-size:11px; color:#424242; background:#dadada; padding:1px 4px; border-radius:2px;}
#search-result-lists .result-block { padding:0 20px;}
#search-result-lists .result-head { margin-bottom:10px;}

#user_suggestions  { left:30px; right:auto; top:94px; max-height:350px; }
#user_suggestions .result-block  { padding-top:20px; padding-bottom:20px; }

#search-result-lists,#user_suggestions { box-shadow:0 2px 10px rgba(0, 0, 0, 0.2); width:615px; max-height:530px; overflow:auto; border:0; left:auto; right:0; top:58px; border-radius:0; padding:0; display:none; border:1px solid #dadada; position:absolute; background:#fff; top:33px;}
#search-result-lists > h6,#user_suggestions  > h6 { background:#f4f4f4; padding:3px 10px 3px 20px; margin-bottom:15px; font-size:12px; font-weight:normal;}
#search-result-lists > h6 .fa,#user_suggestions > h6 .fa { margin-right:5px;}
#search-result-lists > h6 .dismiss,#user_suggestions > h6 .dismiss  { float:right; font-size:11px; color:#424242; background:#dadada; padding:1px 4px; border-radius:2px;}
#search-result-lists .result-block,#user_suggestions .result-block  { padding:0 20px;}
#search-result-lists .result-head,#user_suggestions .result-head { margin-bottom:10px;}

/*--- Search Result Lists --- */
#user_suggestions  { left:30px; right:auto; top:94px; max-height:350px; }
#user_suggestions .result-block  { padding-top:20px; padding-bottom:20px; }


/*--- Main-navigation --- */ 
#main-navigation ul { margin:0; padding:0; list-style:none;}
#main-navigation ul > li { float:left; position:relative;}
#main-navigation ul li .icon { width:8px; height:4px; background:url(images/tg_images_new/sprites.svg) -208px -190px no-repeat; margin-left:4px; display:inline-block; vertical-align:middle; position:relative; top:-2px;}
#main-navigation ul li:hover .icon { background-position:-184px -190px;}
#main-navigation ul li a { display:block; padding:0 12px; z-index:5; line-height:31px; font-size:14px; color:#4a4548; border-radius:3px; position:relative;}
#main-navigation > ul > li:hover > a, #main-navigation > ul > li.active:hover > a { background:#f2f2f2; color:#d7263d;} 
#main-navigation ul li.parent:hover > a:before { width:16px; height:10px; content:""; display:block; left:50%; margin-left:-8px; top:35px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;}
#main-navigation ul li ul.child { display:none; background:#fff; padding:24px 24px 16px; left:-16px; top:44px; position:absolute; border-radius:6px; border:1px solid #dadada; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);}
#main-navigation ul li ul.child:before { width:100%; height:13px; content:""; display:block; left:0; top:-14px; position:absolute;}
#main-navigation ul li:hover > ul.child { display:block;}
#main-navigation ul li ul.child li { margin-bottom:12px; float:none;}
#main-navigation ul li ul.child li a {line-height:20px; color:#8a858d; padding:0; white-space:nowrap;}
#main-navigation ul li ul.child li a:hover { color:#d7263d;}
#main-navigation ul li ul.child li.half { float:left; padding-right:11px;}
#main-navigation ul li ul.child li.half:nth-child(2n){ padding-left:11px;}
#main-navigation ul li.compete-items ul.child { width:272px;}
#main-navigation ul li.compete-items ul.child li.half { width:111px;}

#main-navigation ul li.news-items ul.child { width:238px;}
#main-navigation ul li.news-items ul.child li.half { width:87px;}

#main-navigation .menu-btn { width:24px; height:24px; background:none; border:0; color:#424242; display:block; text-align:center; top:5px; position:absolute; left:10px; padding:6px 3px;}
#main-navigation .menu-btn svg path.menu-lines {fill:#19171a;}

/*--- User Status --- */
#user-status-mob { background:url(images/tg_images/user-status-bg.gif) left top no-repeat; background-size:100% 100%; height:82px; padding:16px; }
#user-status-mob .image { float:left;}
#user-status-mob .image img { width:50px; height:50px; border-radius:50%;}
#user-status-mob .image a { padding:0;}
#user-status-mob .details { margin-left:60px;}
#user-status-mob .details h6 { color:#fff; font-weight:normal; margin-bottom:1px;}
#user-status-mob .details h6 a { color:#fff; padding:0;}
#user-status-mob .details p { color:#fff; font-size:12px; margin-bottom:3px;}
#user-status-mob .progress { background:#fff; width:150px; position:relative; overflow:visible;}
#user-status-mob .progress, #user-status-mob .progress .progress-bar { height:6px; border-radius:0;}
#user-status-mob .progress .value { font-weight:500; font-size:12px; position:absolute; left:157px; top:-5px; color:#fff;}

/*--- Content Box1 --- */
.contest-box1 { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:20px; padding:18px 20px 5px; position:relative;}
.contest-box1 .contest-content { height:57px;}
.contest-box1 h6 { margin-bottom:5px;}
.contest-box1 h6 a {color:#424242;}
.contest-box1 p { font-size:12px; color:#8c8c8c; margin-bottom:0;}
.contest-box1 p .fa { width:18px;}
.contest-box1 p .divider { display:inline-block; margin:0 8px;}
.contest-box1 footer { padding:5px 10px 0; border-top:1px solid #2f94d7; position:relative; margin:0 -20px;}
.contest-box1 footer .view-area { float:right; font-weight:bold; font-size:12px;}
.contest-box1 footer .view-area .btn { border-radius:0; font-weight:500; text-transform:uppercase;}
.contest-box1 footer .view-area .btn:hover, .contest-box1 footer .view-area .btn:focus, .contest-box1 footer .view-area .btn:active { box-shadow:none; text-decoration:none; color:#2f94d7;}

/*--- Engage Box --- */
.engage-box { background:#fff; height:205px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:16px; border-radius:6px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.engage-box > a { text-decoration:none;}
.engage-box:last-child { margin-bottom:0;}
.engage-box header { padding:13px 10px 2px 16px; height:84px; border-radius:5px 5px 0 0; position:relative;}
.engage-box header svg { position:absolute; bottom:0; left:16px;}
.engage-box header .icon { float:right; display:block; width:104px; height:72px; line-height:72px; text-align:center;}
.engage-box header .icon img { vertical-align:bottom;}
.engage-box  h3 { padding-top:7px; margin-bottom:0; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.engage-box .content { padding:16px 15px;}
.engage-box .content p { margin-bottom:16px;}
.engage-box.engage-challenges header svg g { stroke:#26d974;}
.engage-box.engage-skilltests header svg g { stroke:#fb8629;}
.engage-box.engage-webinars header svg g { stroke:#5c5cc6;}
.engage-box.engage-community header svg g { stroke:#eac435;}
.engage-box.engage-practice header svg g { stroke:#3c91e6;}

.engage-box:hover h3 { color:#d7263d;}
.engage-box:hover .button2, .engage-box:hover .button2:hover,.engage-box:hover .button2:focus, .engage-box:hover .button2:active { color:#fff; background:#d7263d; outline:none;}

/*--- Engage1 Box --- */
.engage-box1 { background:#fff; padding:16px; margin-bottom:16px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px;}
.engage-box1 > a { text-decoration:none;}
.engage-box1 .inner-engage { min-height:96px;}
.widget .engage-box1:last-child { margin-bottom:0;}
.engage-box1 figure { width: 64px; height: 64px; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; float:right; margin-left:16px; margin-bottom:16px; text-align:center; line-height:61px;}
.engage-box1 figure svg {vertical-align:middle;}
.engage-box1 figure img { max-width:56px; max-height:56px;}
.engage-box1 h3 { margin-bottom:8px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.engage-box1 p { color:#8a858d; margin-bottom:4px;}
.engage-box1 p strong {font-weight:600;}
.engage-box1 .btn { margin-top:16px; clear:both;}
.engage-box1 .live { font-size:14px; line-height:16px; color:#d7263d; font-weight:600; display:block; margin-bottom:8px;}
.engage-box1 .live .dot { display:inline-block; vertical-align:middle; width: 8px; height: 8px; background-color: #d7263d; border-radius:6px; margin-right:8px; position:relative; top:-1px;}
.col-md-6:last-child .engage-box1 { margin-bottom:0;}

.engage-box1:hover h3 { color:#d7263d;}
.engage-box1:hover .button2, .engage-box1:hover .button2:hover,.engage-box1:hover .button2:focus, .engage-box1:hover .button2:active { color:#fff; background:#d7263d; outline:none;}
.engage-box1:hover .button1:hover, .engage-box1:hover .button1:focus, .engage-box1:hover .button1:active, .engage-box1:hover .button1 { color:#fff; background:#ae2d43; outline:none;}

.engage-box1.webinar-engage-box h3{ margin-bottom:4px;}
.engage-box1.webinar-engage-box .author { margin-bottom:8px; color:#4a4548;}
.engage-box1.webinar-engage-box figure { border:0;}
.engage-box1.webinar-engage-box figure img { max-width:63px; max-height:63px; border-radius:3px;}

.engage-box1.news-engage-box figure { border:0; margin-bottom:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.engage-box1.news-engage-box h5 { margin-bottom:0; color:#19171a; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.engage-box1.news-engage-box:hover h5 { color:#d7263d;}

.skilltest-widget .engage-box1 figure svg path { fill:#ff6b35;}

/*--- See All --- */
p.see-all { margin-bottom:0; font-weight:600; line-height:16px;}
p.see-all { color:#d7263d !important;}

/*--- Skilltest Box --- */
.skilltest-box { background:#fff; position:relative; margin-bottom:20px; border-radius:6px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18);}
.skilltest-box > a { text-decoration:none; display:block; height:120px; padding:16px;}
.skilltest-box .image { float:right; width:64px; height:64px; text-align:center; line-height:61px; border:1px solid #dadada; border-radius:3px;}
.skilltest-box .image img { height:62px; width:62px; vertical-align:middle;}
.skilltest-box .details { margin-right:90px;}
.skilltest-box h3 { margin-bottom:6px; max-height:44px; overflow:hidden;}
.skilltest-box:hover h3 {color:#d7263d;}
.skilltest-box p { margin-bottom:0; color:#8a858d;}
.skilltest-box p strong { font-weight:normal; color:#4A4548;}
.skilltest-box p span { font-weight:600;}
.skilltest-box p.see-all { position:absolute; bottom:15px;}

#popular-skills .view-all-block { padding-top:0;}

/*--- Skilltest Box1 --- */
.skilltest-box1 { padding:16px; background-color: #ffffff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-bottom:1px solid #e0e0e0;}
.skilltest-box1:first-child {  border-top-left-radius:6px;  border-top-right-radius:6px; }
.skilltest-box1:last-child {  border-bottom-left-radius:6px;  border-bottom-right-radius:6px; margin-bottom:16px; border-bottom:0; }
.skilltest-box1 p { margin:0;color:#8a858d;}
.skilltest-box1 p strong { font-weight:600; color:#4A4548; font-weight:normal;}
.skilltest-box1 p span.block { display:block; float:left; margin-right:24px;}
.skilltest-box1 p span.block:last-child { margin-right:0;}
.skilltest-box1 .leaderboard-icon { float:right; display:block;}
.skilltest-box1 .leaderboard-icon:hover .leaderboard-fill { fill:#7a7f8a;}
.skilltest-box1 .details { float:left; width:575px;}
.skilltest-box1 .button1 { min-width:120px; float:right;}

/*--- News Box --- */  
.news-box { padding:16px; background-color: #ffffff; border: solid 1px #dadada; margin-bottom:-1px; position:relative;}
.news-box:hover h3 { color:#d7263d;}
.news-box:first-child {  border-top-left-radius:6px;  border-top-right-radius:6px; }
.news-box:last-child {  border-bottom-left-radius:6px;  border-bottom-right-radius:6px;  border-bottom: solid 1px #dadada; }
.news-box .banner { background-color:#f2f2f2; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; border-radius:3px; float:right; width:160px; height:120px;}
.news-box .banner a {  display:block; width:100%; height:100%; top:0; left:0; position:absolute;}
.news-box p { font-size:12px; line-height:16px; color:#8a858d; margin:0;}
.news-box p img { max-width:100px; max-height:20px;}
.news-box p span.divider { margin:0 2px; display:inline-block;}
.news-box.large .banner  { margin-bottom:16px; height:292px; float:none; width:auto;}
.news-box .inner-wrap { margin-right:176px; position:relative; padding-top:26px;}
.news-box .inner-wrap > a { text-decoration:none;}
.news-box h2,.news-box h3  { margin-bottom:6px;}
.news-box h2 { color:#4a4548;}
.news-box h3 { color:#19171a;}
.news-box .news-category { line-height:20px; font-weight:600; font-size:14px; display:inline-block; color:#88498f; position:absolute; left:0; top:0;}
.news-box .news-category svg { margin-right:1px;}
.news-box > a { text-decoration:none;}

.news-box.next-story { border-radius:6px;}
.news-box.next-story a:active { text-decoration:none;}
.news-box.next-story h6 { line-height:20px; color:#8a858d; margin-bottom:8px;}
.news-box.next-story .inner-wrap { padding-top:0; margin-right:122px;}
.news-box.next-story .banner { width:106px; height:82px;}

/*--- News Widget1 --- */
.news-widget1 { float:left; border-radius:6px; background-color:#48698d; padding:16px; width:288px; margin-right:16px; margin-bottom:16px; }
.news-widget1 > a:active, .news-widget1 > a:focus { text-decoration:none;}
.news-widget1 h3 { color:#fff; margin-bottom:8px; }
.news-widget1 h6.trending-title { color:#fd805b; font-size:12px; line-height:16px; vertical-align:middle; margin-bottom:4px; }
.news-widget1 h6.trending-title .icon { background:url(images/tg_images_new/sprites.svg) -216px -240px no-repeat; display:inline-block; vertical-align:text-bottom; width:16px; height:16px;}
.news-widget1 p { margin-bottom:4px; color:#dadada; }
.news-widget1 p .count { color:#fff; }
.news-widget1 figure { width: 64px; height: 64px; text-align: center; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; float: right; margin-left: 16px; line-height: 59px; background-size: 100% 100%; background-repeat: no-repeat; }
.news-widget1 figure img { max-height:56px; max-width:56px; }
.news-widget1 .button1 { margin-top:12px; min-width:156px; }
.news-widget1 a:hover .button1 { color:#fff; background:#ae2d43; outline:none;}

.news-widget1.prize-challenge { float:right; margin:0px 0px 16px 16px; background-image:url(images/tg_images_new/news-widget1-bg.svg); background-repeat:no-repeat; background-position:right bottom; }
.news-widget1.prize-challenge h2 { margin-bottom:6px; color:#fff; font-weight:900; font-size:32px; line-height:1; }
.news-widget1.prize-challenge h4 { margin-bottom:4px; color:#fff; }
.news-widget1.prize-challenge .button1 { margin-top:20px; }

/*--- News Widget2 --- */
.news-widget2 { border-radius:6px; background-color:#ffffff;  border:solid 1px #dadada; width:288px; margin-bottom:16px; float:right; margin-left:16px; }
.news-widget2 header { padding:16px; border-bottom:1px solid #dadada; }
.news-widget2 header h3 { margin-bottom:4px; font-weight:bold; }
.news-widget2 header p { margin:0px; }
.news-widget2 figure { width:48px; height:48px; text-align:center; border-radius:3px; background-color:#ffffff; border:solid 1px #dadada; float:left; line-height:43px;}
.news-widget2 figure img { max-width:40px; max-height:40px; }
.news-widget2 .content { padding:16px; border-bottom:1px solid #dadada; padding-right:0px; padding-bottom:0; } 
.news-widget2 .content ul { margin:0px; padding:0px; list-style-type:none; }
.news-widget2 .content ul li { padding-left:0px; margin-bottom:16px; }
.news-widget2 .content ul li a, .news-widget2 .content ul li a:hover, .news-widget2 .content ul li a:active, .news-widget2 .content ul li a:focus { text-decoration:none;}
.news-widget2 .content ul li .details { margin-left:64px; padding-bottom:16px; border-bottom:1px solid #dadada; padding-right:16px;}
.news-widget2 .content ul li:last-child  .details{ border-bottom:none; padding-bottom:0px; }
.news-widget2 .content ul li .details h5 { margin-bottom:4px; color:#d7263d;}
.news-widget2 .content ul li .details p { color:#8a858d; margin:0px; }
.news-widget2 .content ul li .details p .count { color:#4a4548; margin:0px; } 
.news-widget2 footer p { margin:0px; color:#d7263d; font-weight:600; line-height:16px; } 
.news-widget2 footer a { text-decoration:none; padding:16px; text-align:center; display:block;} 
.news-widget2 .action-lnk { margin-left:0; color:#d7263d;}

.news-widget2.trending-skill { margin-right:16px; float:left; margin-left:0px; }
.news-widget2.trending-skill header h3 { margin:0px 0px 0px 64px; line-height:22px; font-weight:600; }
.news-widget2.trending-skill header  figure { border:none; }
.news-widget2.trending-skill .content ul li .details p { color:#8a858d; margin-bottom:8px; }
.news-widget2.trending-skill .content ul li  p:last-child { margin-bottom:0px; font-weight:600; }
.news-widget2.trending-skill .content { border-bottom:none; }
.news-widget2.trending-skill .content ul li .details h5 { color:#19171A;}
.news-widget2.trending-skill .content ul li:hover .details h5 { color:#d7263d;}

/*--- Company Box --- */
.company-box { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:20px; padding:10px;}
.company-box .banner { background-color:#122028; background-position:left top; background-repeat:no-repeat; background-size:cover; height:120px; position:relative;}
.company-box .comapny-logo { float:left; border:1px solid #dadada; width:70px; height:70px; line-height:66px;}
.company-box .comapny-logo img { max-width:68px; max-height:68px; vertical-align:middle;}
.company-box .details { margin-left:80px;}
.company-box .followers-area { float:right; width:100px; margin-left:10px; text-align:center;}
.company-box .followers-area p { margin-bottom:4px;}
.company-box .followers-area .btn { margin-top:0;}
.company-box .followers-area .btn span { display:inline-block; margin-right:2px; font-size:14px; line-height:16px;}
.company-box p { color:#8c8c8c; font-size:12px; margin-bottom:0;}
.company-box p a { color:#8c8c8c;}
.company-box h4 { margin-bottom:3px; max-height:41px; overflow:hidden;}
.company-box h4 a { color:#424242;}
.company-box .stats { border-top:1px solid #dadada; margin-top:20px; padding:10px 0 0;}
.company-box .stats p { float:left; margin:0;}
.company-box .stats .view-detail { float:right; font-size:12px; text-transform:uppercase; line-height:21px;}
.company-box .stats p a { margin-right:15px; line-height:19px;}
.company-box .stats p a .fa { margin-right:2px;}
/*
.company-box .stats { border-top:1px solid #dadada; padding-top:7px; margin-top:20px;}
.company-box .stats table { width:100%;}
.company-box .stats table tr td a { display: block; padding:0px 5px;  position: relative;}
.company-box .stats table tr td { font-size: 12px;  border-right:1px solid #dadada;  line-height:15px;  text-align: center;}
.company-box .stats table tr td:last-child { border:0;}
.company-box .stats table tr td strong { display: block; font-size:14px; color: #424242; margin-bottom:2px;}
*/

/*--- Winner Box --- */
.winner-box { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:20px; padding:15px 10px 5px; position:relative;}
.winner-box .winner-content { min-height:210px;}
.winner-box h5 { margin-bottom:10px;}
.winner-box h5 a {color:#424242;}
.winner-box h6 { text-transform:uppercase; font-weight:normal; padding-bottom:3px; border-bottom:1px solid #dadada;}
.winner-box p { font-size:12px; color:#8c8c8c;}
.winner-box p .fa { width:18px;}
.winner-box p .divider { display:inline-block; margin:0 8px;}
.winner-box .winners-list { text-align:center;}
.winner-box .winners-list img { width:42px; height:42px; margin-bottom:5px; border-radius:50%;}
.winner-box .winners-list p { margin-bottom:15px; white-space:nowrap;}
.winner-box .winners-list p a { color:#424242;}
.winner-box .winners-list .regular-winner { display:none;}
.winner-box footer { padding:5px 10px 0; border-top:1px solid #2f94d7; position:relative; margin:0 -10px;}
.winner-box footer p { margin-bottom:0; float:left;}
.winner-box footer .view-area { float:right; font-weight:bold; font-size:12px;}
.winner-box footer .view-area .btn { border-radius:0; font-weight:normal; text-transform:uppercase;}
.winner-box footer .view-area .btn:hover, .winner-box footer .view-area .btn:focus, .winner-box footer .view-area .btn:active { box-shadow:none; text-decoration:none; color:#2f94d7;}

/*--- Event Box --- */
.event-box { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:20px; text-align:center; border:1px solid #dadada; max-width:305px;}
.event-box .banner { height:110px; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.event-box .banner img { display:none;}
.event-box .event-content { padding:10px;}
.event-box h3:after { height:1px; display:block; background:#3bb8cf; width:90px; margin:12px auto; content:"";}
.event-box p { font-size:12px; font-weight:300; line-height:18px;}
.event-box p strong { font-weight:500;}

.event-box.small .banner { height:80px;}
.event-box.small h6 { position:relative; margin-top:-15px; margin-bottom:5px;}
.event-box.small h6 span { background:#3498db; display:inline-block; padding:5px 10px; color:#fff; font-weight:normal;}
.event-box.small p { line-height:18px; color:#8c8c8c; margin-bottom:10px;}
.event-box.small .countdown { min-height:48px;}
.event-box.small .event-content { padding-top:0;}

/*--- Skills-list --- */
.skills-list { margin-bottom:15px;}
.skills-list span { margin:0 7px 9px 0; font-size:12px; color:#424242; font-weight:300; padding:4px 12px; border-radius:15px; display:inline-block; border:1px solid #dadada;}

/*--- Popover --- */
.popover { border:0; border-radius:2px; font-family:'lato', Arial, Helvetica, sans-serif;} 
.popover.top > .arrow {border-top-color:rgba(0, 0, 0, 0.02);}
.popover.right > .arrow {border-right-color:rgba(0, 0, 0, 0.02);}

/*--- Hidden-txt --- */
.hidden-txt { display:none;}

/*--- Share-my-result --- */
#share-my-result .form-control { margin-bottom:16px;}
#share-my-result .button2 { float:right; min-width:272px;}
#share-my-result p { color:#8a858d; margin-bottom:16px;}
#share-my-result .count { float:right; display:block; font-size:14px; color:#4a4548; line-height:20px; padding-top:20px;}
#share-my-result #twitter-share-tab .form-control { margin-bottom:8px;}
#share-my-result #twitter-share-tab .button2 { min-width:120px;}

/*--- Social Btn --- */
.social-btn {  position:relative; background:none; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0; color:#fff; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; padding:0 12px 0 12px; height:38px; margin:0 10px 15px; font-size:12px;}
.social-btn:hover, .social-btn:focus, .social-btn:active { color:#fff; outline:none; text-decoration:none;}
.social-btn .inner { display:block; margin-left:37px; line-height:38px;}
.social-btn .fa { font-size:20px; float:left; vertical-align:top; width:28px; text-align:left; height:38px; line-height:38px;}
.social-btn.facebook { background:#6577c2;}
.social-btn.google { background:#ca4736;}
.social-btn.linkedin { background:#11709c;}
.social-btn.github { background:#0d2636;}
.social-btn.mail { background:#0d7e8f;}
.social-btn.twitter { background:#2daae2;}

.social-btn.facebook:hover { background:#5365b1;}
.social-btn.google:hover { background:#ad3425;}
.social-btn.linkedin:hover { background:#09577b;}
.social-btn.github:hover { background:#1f2123;}
.social-btn.mail:hover { background:#075f6c;}
.social-btn.twitter:hover { background:#2daae2;}


.social-btn.facebook .fa { border-right:1px solid #5b6bae; padding-left:2px;}
.social-btn.google .fa { border-right:1px solid #b63f2f;}
.social-btn.linkedin .fa { border-right:1px solid #0e5e83;}
.social-btn.github .fa { border-right:1px solid #252629;}
.social-btn.mail .fa { border-right:1px solid #0b6e7d;}
.social-btn.twitter .fa  { border-right:1px solid #2daae2; }

/*--- Footer Related Links --- */
#footer-related-links { padding:32px 0;}
#footer-related-links p { font-size:12px; line-height:18px; color:#8a858d; margin-bottom:8px;}
#footer-related-links p a { color:#8a858d;}
#footer-related-links p a:hover { color:#4A4548;}

/*--- Footer --- */
#footer h4 {margin-bottom:8px; color:#fff;}
#footer p { font-size:12px; color:#8a858d; line-height:12px; margin-bottom:0;}
#footer .tg-footer-logo { margin-bottom:14px;}
#footer .inner-footer { border-top: solid 1px rgba(255, 255, 255, 0.15); padding:13px 0; margin-top:40px;}
#footer .footer-error-msg { font-size:12px; line-height:20px; margin:0; color:#dadada; position:relative; margin-bottom:-15px; bottom:-12px;}

#footer .footer-sociable { margin-bottom:24px;}
#footer .footer-sociable a { width: 32px; display:inline-block;  height: 32px;  border-radius: 3px; float:left; margin-right:16px; background-color: rgba(255, 255, 255, 0.15); text-align:center; line-height:31px;}
#footer .footer-sociable a svg { vertical-align:middle;}
#footer .footer-sociable a:hover svg path { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
#footer .footer-sociable a:hover svg path { fill:#d7263d;}
#footer .footer-sociable a:last-child { margin:0;}

#footer .nav-links { margin:0; padding:0; list-style:none;}
#footer .col-sm-4 .nav-links { margin-bottom:20px; padding-left:8px;}
#footer .nav-links li { margin-bottom:4px;}
#footer .nav-links li a, #footer .footer-more-links ul li a{color:#8a858d; line-height:16px; font-size:12px; }
#footer .nav-links li a:hover {color:#d7263d;}

/*--- Newsletter Form --- */
#newsletter-form {height: 40px; border-radius: 3px;background-color: rgba(255, 255, 255, 0.15); padding:4px;}
#newsletter-form h6 { margin-bottom:3px;}
#newsletter-form form { padding-left:10px; border-radius:3px;}
#newsletter-form input[type="text"] { width:73%; float:left; background:none; padding:5px 10px 5px 0; border:0; box-shadow:none; font-size:14px; font-weight:normal; color:#8a858d; height:32px; outline:none;}
#newsletter-form input[type="button"] { height:32px; width:88px; float:right; font-size:12px; line-height:16px;}

/*--- Newsletter Form1 --- */
#newsletter-form1 {height: 40px; border-radius: 3px;background-color: rgba(255, 255, 255, 0.15);}
#newsletter-form1 form { padding-left:16px; border-radius:3px;}
#newsletter-form1 input[type="text"] { width:248px; float:left; background:none; padding:5px 10px 5px 0; border:0; box-shadow:none;  height:40px; outline:none;}
#newsletter-form1 input[type="button"] { height:40px; width:100px; float:right; border-radius:0 3px 3px 0; line-height:20px;}

/*--- Page More Info --- */
#page-more-info { padding:40px 0 20px;}
#page-more-info h4 { margin-bottom:16px;}
#page-more-info p, #page-more-info .post, #page-more-info .post li {font-size: 12px; line-height:18px; color: #8a858d; padding:0;}
#page-more-info .post ul { margin:0; padding:0 0 0 12px;}

/*--- Common Msg --- */
.common-msg { font-size:12px; padding-top:3px; display:block; color: #4a4548; position: relative; line-height:16px;}

/*--- B-lazy  --- */
.b-lazy { opacity:0; transition: all 500ms;}
.b-loaded, .b-error { opacity:1;}

/*--- Sociable1 --- */
.sociable1 a { width:32px; text-align:center; height:32px; display:inline-block; line-height:31px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:20px; color:#fff; margin:0 5px;}
.sociable1 a:hover .fa, .sociable1 a:active .fa, .sociable1 a:focus .fa { color:#fff;}
.sociable1 a.facebook { background:#366ea7;}
.sociable1 a.twitter { background:#55acee;}
.sociable1 a.google-plus { background:#ca4638;}
.sociable1 a.linkedin { background:#0177b5;}
.sociable1 a.email { background:#333333; line-height:29px;}

/*--- Sociable2 --- */
.sociable2 a { width: 32px; display:inline-block;  height: 32px;  border-radius: 3px; margin-left:12px; background-color:#f2f2f2; text-align:center; line-height:31px;  transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.sociable2 a.facebook { margin-left:5px;}
.sociable2 a svg { vertical-align:middle;}
.sociable2 a svg path { fill:#8a858d;  transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.sociable2 a:hover svg path { fill:#fff;}

.sociable2 .facebook:hover { background:#3b5998; }
.sociable2 .twitter:hover { background:#1ab2e8; }
.sociable2 .linkedin:hover { background:#0077b5; }
.sociable2 .google-plus:hover { background:#dc4a38; }

/*--- Alert --- */
.alert { border:0; border-radius:0; background:none; padding:0; font-size:14px; line-height:24px; font-weight:500;}
.alert a { font-size:12px; font-weight:normal;}
.alert-warning {/*color:#d54343;*/color:#ff0000;}
.alert-danger {/*color:#d54343;*/color:#ff0000;}
.alert-info {color:#fa8c2b;}
.alert-success {color:#02c54c;}

/*--- Rating1 --- */
.rating1 > ul {list-style: none;float: left;padding: 0;margin: 0;   }
.rating1 > ul > li {float: left; margin-left: 2px; background:url(images/tg_images_new/sprites.svg) -145px -80px no-repeat;width: 14px;height: 0; padding-top:14px;overflow:hidden;cursor: pointer;}
.rating1 > ul > li:first-child {    margin-left: 0; }
.rating1 > ul > li.hover {background-position: -121px -80px;}
.rating1 > ul > li.active {background-position:-121px -80px;}
.rating1 > span.less { display:none;}

/*--- Modal --- */
.modal .modal-header { border-bottom:0; padding-bottom:5px;}
.modal .modal-header p { margin-bottom:0;}
.modal .modal-footer { padding:16px; border:0;}
.modal-sm { width:336px;}
.modal .modal-footer .btn { min-width:120px; margin-left:14px;}
.modal .modal-footer .btn:first-child { margin-left:0;}
.modal button.close { width:16px; height:16px; outline:none; position:relative; z-index:10; background:url(images/tg_images_new/sprites.svg) -8px -152px no-repeat; opacity:1; margin-top:0;}
.modal button.close span { display:none;}
.modal .modal-content { border:0; border-radius:2px; box-shadow:0 5px 15px rgba(0,0,0,0.3);}
.modal-backdrop {background-color: rgba(0, 0, 0, 0.9);}
.modal-backdrop.in {opacity:1;}
.modal .modal-body { padding:16px;}
.modal .modal-body p { margin-bottom:8px;} 

.modal .tooltip{font-size:12px;line-height:18px;}.modal .tooltip-inner{ background:#e5e5e5; min-width:210px; color:#424242;}.modal .tooltip.top .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.top-left .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.top-right .tooltip-arrow{border-top-color:#e5e5e5}.modal .tooltip.right .tooltip-arrow{border-right-color:#e5e5e5}.modal .tooltip.left .tooltip-arrow{border-left-color:#e5e5e5}.modal .tooltip.bottom .tooltip-arrow{border-bottom-color:#e5e5e5}.modal .tooltip.bottom-left .tooltip-arrow{border-bottom-color:#e5e5e5}.modal .tooltip.bottom-right .tooltip-arrow{border-bottom-color:#e5e5e5;}

.modal .tooltip.right .tooltip-inner { text-align:left;}

.modal  .scroll .mCSB_inside > .mCSB_container { padding-right:16px; margin:0;}

/*---Form1 --- */
.form1 ul, .post .form1 ul { margin:0; padding:0; list-style:none;}
.form1 ul li { margin-bottom:24px;}
.form1 ul li:last-child { margin-bottom:0;}
.form1 .required {color:#ff0000;}
.form1 .form-control { border-radius:3px; font-size:14px; box-shadow:none; line-height:20px; color:#4a4548;}
.form1 .form-control, .form1 input[type="text"], .form1 input[type="password"] { height:36px; border:1px solid #dadada; box-shadow:none;}
.form1 input[type="submit"], .form1 button[type="submit"] { font-weight:900;}
.form1 li input[type="submit"], .form1 li button[type="submit"], .default-submit-btn, .form1 .default-submit-btn {min-width:120px;}
.form1 .forgot-password { float:right; font-size:13px;}
.form1 .error_msg {color: #ff0000; display:block; font-size:12px; position: relative; line-height:16px;}
.form1 .info_msg {color: #4a4548; display:block; font-size:12px; position: relative; line-height:16px; padding-top:4px;}
.form1 textarea.form-control { resize:none; height:64px; border:1px solid #dadada !important; padding:11px 12px;}
.form1 .has-error textarea.form-control { border:1px solid #d54343 !important;}
.form1 .has-error input[type="text"], .form1 .has-error input[type="password"] { border:1px solid #d54343;}
.form1 .clear-row { clear:left;}  

.form1 label { font-size:14px; color:#4a4548; display:block; font-weight:normal; }
.form1 label.left-label { margin-bottom:0; padding-top:8px;}
.form1 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;}
.form1 .radio-input.radio-inline { display:inline-block; margin-left:0; margin-right:20px;}
.form1 .radio-input label { font-size:14px; color:#314451; margin:0;}
.form1 .radio-input label a { color:#eb494f;}
.form1 .radio-input input[type=radio]:checked + label:before { background:url(images/tg_images_new/sprites.svg) -272px -215px no-repeat; }
.form1 .radio-input input[type=radio] { display: none; }  
.form1 .radio-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px;  position: absolute; left: 0;  top:1px; background:url(images/tg_images_new/sprites.svg) -272px -215px no-repeat; }  
.form1 .radio-input input[type=radio]:checked + label:before {background:url(images/tg_images_new/sprites.svg) -248px -215px no-repeat; }

.form1 .checkbox-input { position:relative; display:inline-block; padding-left:24px;}
.form1 .checkbox-input.checkbox-inline { display:inline-block; margin-left:0; margin-bottom:10px; margin-right:20px;}
.form1 .checkbox-input.checkbox-block { display:block; margin-bottom:16px; text-transform:capitalize;}
.form1 .checkbox-input.checkbox-block label { font-weight:normal;}
.form1 .checkbox-input label { font-size:14px; margin:0; line-height:19px; }
.form1 .checkbox-input input[type=checkbox] { display: none; }  
.form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px;  position: absolute; left: 0;  top:1px; background:url(images/tg_images_new/sprites.svg) -24px -80px no-repeat; }  
.form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(images/tg_images_new/sprites.svg) 0px -80px no-repeat; }

.form1 .select { position:relative; display:block; border:1px solid #dadada; border-radius:2px;  min-height:36px; height:auto; width:100%;}
.form1 .select select { width:100%; border:0;  font-family:'lato', Arial, Helvetica, sans-serif; background: #fff; padding:0 35px 0 5px; height:34px; font-size:14px; color:#999; position:relative; border-radius:2px;}
.form1 .select select .selected-option { color:#555;}
.form1 .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.form1 .select select::-ms-expand{ display:none;}
.form1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/tg_images_new/sprites.svg) -18px -176px no-repeat; width:31px; height:36px; content:"";}

.form-horizontal .control-label { padding-top:8px;}
.form-horizontal .control-label.two-lines { padding-top:0;}

.form1 .varification-field .reg-captcha { float:left;}
.form1 .varification-field .form-control { width:100px; text-align:center; height:39px; padding-left:10px !important; float:left; margin-right:6px;}
.modal .form1 .varification-field .form-control { width:90px;}
.form1 .varification-field .reg-frm-rfrs, .form1 .varification-field .captcha-rfrs { float:left; background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll 0 0;  float: left;  height: 40px;  margin:-1px 0 0 8px;   width: 40px;}
.form1 .varification-field .reg-frm-rfrs:hover, .form1 .varification-field .captcha-rfrs:hover { background-position: 0 -40px;}
.form1 .varification-field .reg-frm-rfrs:active, .form1 .varification-field .captcha-rfrs:active {  background-position: 0 -80px;}
.form1 .varification-field #imgCaptcha { float:left;}
.form1 .varification-field.has-error { padding-bottom:18px; position:relative;}
.form1 .varification-field.has-error .error_msg { position:absolute; left:0; bottom:0;}

.form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:22px;}
.form1 .chosen-container-multi .chosen-choices { border:0; border-radius:4px; padding:6px 6px 5px; background:#fff;}
.form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:1px solid #ccc; width:12px; height:12px;}
.form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {color: #999; content: "x"; display: block; font-size: 11px; left:2px; position: absolute;   top:-3px;}
.form1 .chosen-container-multi .chosen-choices li.search-choice { padding:2px 20px 4px 5px;}
.chosen-container .chosen-results li { font-size:12px;}

.form1 ul li.has-tooltip { position:relative;}
.form-tooltip { position:absolute; width:300px; background:#fff; right:-338px; padding-left:32px; z-index:100; display:none; top:0;}
.form-tooltip h3, .form-tooltip h5 { margin-bottom:4px;}
.form-tooltip ul {list-style:outside !important; padding-left:24px !important;}
.form-tooltip ul li { margin-bottom:8px !important;}
.form-tooltip p { margin-bottom:8px;}
.form-tooltip:before { width:16px; height:28px; background:url("images/tg_images_new/sprites.svg") -159px -339px no-repeat; display:block; position:absolute; left:-17px; top:5px; content:"";}

.form-page .form1 .col-sm-9 .radio-input.radio-inline { padding-right:0;}

.form1 .characters-limit, .form1 textarea.characters-limit { padding-right:60px;}

/*--- Breadcrumbs --- */
#breadcrumbs.colored { background:rgb(45, 24, 70);}
#breadcrumbs { padding:16px 0;}
#breadcrumbs p { color:#8a858d; line-height:16px; margin-bottom:0;}
#breadcrumbs p .divider { width:7px; height:8px; background:url(images/tg_images_new/sprites.svg) -13px -52px no-repeat; vertical-align:middle; margin:0 7px; display:inline-block;}

/*--- Post --- */
.post { color:#4a4548; font-size:14px; line-height:20px;}
.inner-post { padding-left:14px;}

.post .post-header h1 { color:#19171a; line-height:40px; font-size:32px; font-weight:normal; margin-bottom:8px;}
.post .post-header p { color:#8a858d; line-height:20px; font-size:14px; margin-bottom:24px;}
.post .post-header p.metadata .divider { margin:0 5px;}
.post .post-header p strong { color:#fff;}
.post .post-header p a { color:#8a858d; text-decoration:underline;}
.post .post-header p a:hover { color:#d7263d;}

.post .post-footer { padding-top:24px; margin-bottom:24px;}
.post .post-footer p { line-height:32px; margin:0;}
.post .post-header .sociable2, .post .post-footer .sociable2 { float:right;}
.post .post-footer p img, .post .post-header p img { max-height:18px;} 
/*.post .post-footer p a { font-weight:600;}*/
.post .post-footer p a { color:#4a4548; text-decoration:underline;}

.post ul, .post ol { padding-left:40px; margin-bottom:15px;}
.post li { margin-bottom:10px; color:#4a4548; font-size:14px; line-height:20px; padding-left:10px; }

.post .metadata { font-size:12px; color:#8c8c8c; display:block; margin-bottom:20px; line-height:18px;}

/*--- Result Head  --- */
.result-head { font-size:12px; border-left:3px solid #2f94d7; padding-left:10px;}

/*--- Has-error  --- */
.has-error .form-control, .has-error .form-control:focus, .has-error .select , .has-error .chosen-container .chosen-choices, .has-error .chosen-container .chosen-single{border-color:#f65039 !important;}
.has-error .form1 textarea.form-control {border-color:#f65039 !important;}

/*--- nicEdit --- */
.nicEdit-panelContain { border:1px solid #ccc !important; background-color:#f8f8f8 !important; border-radius:6px 6px 0 0;}
.nicEdit-panelContain .nicEdit-panel { margin:2px 2px 4px !important; padding:4px !important}
.nicEdit-button { background-color:#f8f8f8 !important;}
.nicEdit-button-undefined { border-color:#f8f8f8 !important;}

/*--- Message --- */
.common-message-box { position:absolute; top:-50px; z-index:999; left:50%; margin-left:-260px; width:520px; font-size:14px; line-height:19px; color:#fff;}
.common-message-box .close-msg { position:absolute; right:5px; top:12px; z-index:1; background:url(images/tg_images_new/sprites.svg) no-repeat; width:16px; height:16px; background-position:-49px -297px; opacity:1;}
.common-message-box .message-inner-content { z-index:10; width:100%; padding:8px 24px 8px 16px; position:absolute; border-radius:0 0 3px 3px; top:-30px; left:0; background:#fff9e6; box-shadow: 0 1px 8px 0 rgba(89, 89, 89, 0.51); display:block; transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; border: solid 2px #ffd23f; border-top:0; }
.common-message-box .message-inner-content p { color:#19171a; margin:0; font-weight:600;}
.common-message-box .msg-icon { width:24px; height:24px; margin-right:8px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat;}

/*--- Success --- */
.message-inner-content.success-msg  { background:#e1fae6; border-color:#08d37a; top:106px;}
.large-header .message-inner-content.success-msg  { top:166px;}
.message-inner-content.success-msg .msg-icon { background-position:2px -315px;}

/*--- Error --- */
.message-inner-content.error-msg  { background:#ffe6e6; border-color:#ee4266; top:106px;}
.large-header .message-inner-content.error-msg  { top:166px;}
.message-inner-content.error-msg .msg-icon { background-position:-328px -341px;}

/*--- Info --- */
.message-inner-content.info-msg, .message-inner-content.warning-msg { top:106px;}
.large-header .message-inner-content.info-msg, .large-header .message-inner-content.warning-msg  { top:166px;}
.message-inner-content.info-msg .msg-icon, .message-inner-content.warning-msg .msg-icon { background-position:-45px -78px;}

.common-message-box .message-inner-content.success-msg.move-top, .common-message-box .message-inner-content.error-msg.move-top, .common-message-box .message-inner-content.warning-msg.move-top, .common-message-box .message-inner-content.info-msg.move-top  { top:0;}

/*--- SignUp login ---*/
.signup-login-page .message-inner-content.success-msg, .signup-login-page .message-inner-content.error-msg,.signup-login-page .message-inner-content.warning-msg, .signup-login-page .message-inner-content.info-msg { top:50px;}

/*--- Ie Alert --- */
.ie-alert { padding:16px; background:#EFE4FB; font-size:14px; text-align:center; color:#19171A; margin:0; position:fixed; left:0; top:56px; border-radius:0; z-index:1005; width:100%; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12);}
.ie-alert .close { margin:-10px 20px 0 0; position:relative;}

/*--- TechGigbootStrapModal --- */
#TechGigbootStrapModal { z-index:1053; }
#TechGigbootStrapModal .modal-dialog { z-index:10008 !important; }

/*--- Scroll --- */
.scroll { overflow:auto;}
.scroll .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background:#dce0e0;}
.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#999999;}
.scroll .mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar { background-color:#999999 !important;}
.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background-color:#4990d1;}
.scroll .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background:none;}
.scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#8a858d;}
.scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:#8a858d;}
.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display:inline-block; text-align:right; margin:0; margin-right:1px;}
.scroll .mCSB_inside > .mCSB_container { margin-right:16px;}
.scroll .mCSB_scrollTools .mCSB_draggerContainer { text-align:right;}

/*--- Pagination --- */
.pagination { display: inline-block; margin:0; padding:4px; background-color: #ffffff; border: solid 1px #dadada; border-radius:3px;}
.pagination > li { display:block; float:left;}
.pagination > li > a, .pagination > li > span { font-size: 14px; padding:0; font-weight: 600; line-height:22px; text-align: center;color: #19171a; border:0;  width:24px; height:24px; border-radius:2px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background:#d7263d;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #19171a;}
.pagination > li { display:block; float:left;}
.pagination > li > a.previous-btn { width:36px; height:24px; background:url("images/tg_images_new/sprites.svg") -241px -44px no-repeat; border-right: solid 1px #dadada; margin-right:5px;}
.pagination > li > a.next-btn { width:36px; height:24px; background:url("images/tg_images_new/sprites.svg") -277px -44px no-repeat; border-left: solid 1px #dadada; margin-left:4px;}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-bottom-left-radius:2px; border-top-left-radius:2px;}


/*--- Tooltip --- */
.tooltip{font-size:13px;line-height:18px;}.tooltip.in{filter:alpha(opacity=100);opacity:1}.tooltip-inner{ background:#4a4548; padding:6px 18px;}.tooltip.top .tooltip-arrow{border-top-color:#4a4548}.tooltip.top-left .tooltip-arrow{border-top-color:#4a4548}.tooltip.top-right .tooltip-arrow{border-top-color:#4a4548}.tooltip.right .tooltip-arrow{border-right-color:#4a4548}.tooltip.left .tooltip-arrow{border-left-color:#4a4548}.tooltip.bottom .tooltip-arrow{border-bottom-color:#4a4548}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#4a4548}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#4a4548}

.tooltip.top { margin-top:0;}
.tooltip.top .tooltip-arrow { margin-left:-8px;border-width:8px 8px 0; bottom:0px;}
.tooltip.right .tooltip-arrow { margin-top:-8px; border-width:8px 8px 8px 0; left:-3px;}

/*--- Heading1 --- */
.heading1 a {font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; text-decoration:none; }

/*--- View-all-block --- */
.view-all-block { padding-top:24px;}
.view-all-block.no-padding { padding-top:0;}
.view-all-block .button2 { max-width:288px; width:100%;}

/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:0.7 !important;}
input:-moz-placeholder, textarea:-moz-placeholder { opacity:0.7 !important;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.7 !important;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:0.7 !important;}

/*--- Tabs1 --- */
.tabs1 .nav-tabs { border-bottom:0; border-bottom:1px solid #c2c2c2; margin-bottom:20px;}
.inner-content .tabs1 > .nav-tabs, .inner-content .tabs1 > .mobile-dropdown-view .nav-tabs { margin:0 -16px 24px;}
.tabs1 .nav-tabs.pull-right { position:relative; margin-top:-48px;}
.tabs1 .nav-tabs > li { margin-bottom:0; margin-bottom:-1px;}
.tabs1 .nav-tabs > li > a { border-radius:0; border:0; font-size:14px; min-width:75px; line-height:14px; text-align:center; color:#8a858d; border:0; padding:7px 24px 6px;  border-bottom: solid 1px #c2c2c2; margin:0;}
.tabs1 .nav-tabs > li > a .icon { vertical-align:top; margin-right:5px;}
.tabs1 .nav-tabs > li > a:hover { background:none;}
.tabs1 .nav-tabs > li.active > a, .tabs1 .nav-tabs > li.active > a:hover, .tabs1 .nav-tabs > li.active > a:focus { color:#19171a; font-weight:600; border:0; background:none;/* border-bottom:1px solid #000013;*/}
.tabs1 .nav > li > a:hover, .tabs1 .nav > li > a:focus { background:none;}
.tabs1 .nav-tabs > li.active > a .icon path, .tabs1 .nav-tabs > li.active > a:hover .icon path, .tabs1 .nav-tabs > li.active > a:focus .icon path { fill:#19171a;}
.small-view .tabs1 .nav-tabs > li { width:50%;}
.small-view .tabs1 .nav-tabs > li a { padding:7px 8px 6px;}
.small-view .tabs1 .nav-tabs .magic-line { display:none;}
.small-view .tabs1 .nav-tabs > li.active > a, .small-view .tabs1 .nav-tabs > li.active > a:hover, .small-view .tabs1 .nav-tabs > li.active > a:focus { border-bottom:1px solid #000013;}

.tabs1 .nav-tabs > li > a:hover {color:#19171a;}

.tabs1 .magic-line { position: absolute; bottom:-1px; left:0; width:100px; 	height:1px; background: #19171a;}

.extra-small-view .tabs1 { position:relative;}
.extra-small-view .tabs1 .nav-tabs { position:absolute; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); z-index:15; top:0px; background:#fff; display:none; border-radius:3px; width:100%;}
.extra-small-view .tabs1 .nav-tabs > li { width:100%; margin-bottom:0;}
.extra-small-view .tabs1 .nav-tabs > li a { padding:10px 13px; border:0; color:#8a858d; text-align:left; white-space:nowrap;}
.extra-small-view .tabs1 .nav-tabs > li.active a:hover { background:#f7f7f7; border:0;}
.extra-small-view .tabs1 .nav-tabs > li.active a, .extra-small-view .tabs1 .nav-tabs > li a:hover { background:#f7f7f7; border:0; font-weight:normal; color:#4a4548;}
.extra-small-view .tabs1 .nav-tabs > li:first-child a { border-radius:2px 2px 0 0;}
.extra-small-view .tabs1 .nav-tabs > li:last-child a { border-radius:0 0 2px 2px;}

/*--- Tabs2 --- */
.tabs2 .nav-tabs { border-bottom:0; float:left; margin-bottom:24px;}
.tabs2 .nav-tabs.right-align { float:right; margin-top:-5px;}
.tabs2 .nav-tabs > li { margin:0;}
.tabs2 .nav-tabs > li > a { border-radius:0; border: solid 1px #4a4548; font-size:14px; text-align:center; margin:0; color:#4a4548; padding:9px; line-height:14px; background:#fff; min-width:104px; border-right:0;}
.tabs2 .nav-tabs > li:first-child > a { border-radius:3px 0 0 3px;}
.tabs2 .nav-tabs > li:last-child > a { border-radius:0 3px 3px 0; border-right: solid 1px #4a4548;}
.tabs2 .nav > li > a:hover, .tabs2 .nav > li > a:focus { background:#fff;}
.tabs2 .nav-tabs > li.active > a, .tabs2 .nav-tabs > li.active > a:hover, .tabs2 .nav-tabs > li.active > a:focus { color:#fff; background-color: #4a4548;  border: solid 1px #4a4548; font-weight:normal;}
.tabs2 .tab-content { clear:both;}



/*--- tabs10 --- */
.tabs10 .nav-tabs { border-bottom:0; border-bottom:1px solid #c2c2c2; margin-bottom:20px;}
.inner-content .tabs10 > .nav-tabs { margin:0 -16px 24px;}
.tabs10 .nav-tabs.pull-right { position:relative; margin-top:-48px;}
.tabs10 .nav-tabs > li { margin-bottom:0; margin-bottom:-1px;}
.tabs10 .nav-tabs > li > a { border-radius:0; border:0; font-size:14px; min-width:75px; line-height:14px; text-align:center; color:#8a858d; border:0; padding:7px 24px 6px;  border-bottom: solid 1px #c2c2c2; margin:0;}
.tabs10 .nav-tabs > li > a .icon { vertical-align:top; margin-right:5px;}
.tabs10 .nav-tabs > li > a:hover { background:none;}
.tabs10 .nav-tabs > li.active > a, .tabs10 .nav-tabs > li.active > a:hover, .tabs10 .nav-tabs > li.active > a:focus { color:#19171a; font-weight:600; border:0; background:none; border-bottom:1px solid #000013;}
.tabs10 .nav > li > a:hover, .tabs10 .nav > li > a:focus { background:none;}
.tabs10 .nav-tabs > li.active > a .icon path, .tabs10 .nav-tabs > li.active > a:hover .icon path, .tabs10 .nav-tabs > li.active > a:focus .icon path { fill:#19171a;}

/*--- Btn-file --- */
.btn-file .button4 { z-index:10; pointer-events:none; background:#f2f2f2; cursor:pointer; padding:9px 14px; position:absolute; left:0; top:0; color:#4a4548; border-color:#c2c2c2; text-transform:capitalize; font-size:14px;}
.btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px;  text-align: left;   outline: none;  cursor: inherit; display: block; background:none;}

.btn-file { position: relative; display:block; height:37px; margin-top:0;}
.btn-file .button2 { z-index:10; pointer-events:none; background:#fff; cursor:pointer; padding:9px 14px; position:absolute; left:0; top:0; }
.left-panel .btn-file .button2 { background:#f2f2f2;}
.left-panel .modal .btn-file  .button2 { background:#ffffff;}
.btn-file .button2:hover, .left-panel .btn-file .button2:hover, .left-panel .modal .button2:hover { background:#d7263d;}
.btn-file input[type=file] { position: absolute; top:2px; left:0px; height:34px;font-size:13px;  text-align: left;   outline: none;  cursor: inherit; display: block; background:none;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .btn-file input[type=file] { text-indent:-50px; padding-top:7px; min-width:85px; left:1px;}
}

/*--- Btn-file1 --- */
.btn-file1 { position: relative; display:block; margin-top:5px; height:104px; border: 2px dashed #dadada;    border-radius: 6px;}
.btn-file1 .button4 { z-index:10; pointer-events:none; background:#fff; cursor:pointer; padding:9px 14px; width:100%; height:100%; position:absolute; left:0; top:0; color:#4a4548; border-color:#c2c2c2; text-transform:capitalize; font-size:14px; border:0;}
.btn-file1:hover, .btn-file1:active, .btn-file1:focus {border: 2px dashed #d7263d;}
.btn-file1 input[type=file] { position: absolute; top:2px; left:0px; height:98px;font-size:13px;  width:100%; text-align: left;   outline: none;  cursor: inherit; display: block; background:none; cursor: pointer;}
.btn-file1 .upload-icon { display:block; width:48px; height:48px; margin:0 auto 4px;  background:url("images/tg_images_new/sprites.svg") 0 -207px no-repeat;}
.btn-file1 .download-icon { display:block; width:48px; height:48px; margin:0 auto 4px;  background:url("images/tg_images_new/sprites.svg") -112px -207px no-repeat;}
.btn-file1 p { margin:0;}
.btn-file1 .inner { pointer-events:none; padding:11px 14px; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; text-align:center; }

/*--- Dropzone --- */
.dropzone.default-view { border:0; margin:0; border-radius:0; min-height:66px;}
.dropzone.default-view .dz-preview .dz-details { max-width:100%; min-width:100%;}
.dropzone.default-view .dz-preview .dz-progress { width:94%;}

/*--- Edit Box --- */
div[unselectable='on'] { z-index:1000 !important;}

/*--- Progress --- */
.progress { background:#eeeeee; box-shadow:none; height:15px; border-radius:8px;}
.progress .progress-bar { background:#2f94d7; box-shadow:none; border-radius:8px; line-height:15px;}

/*--- ui-datepicker-div --- */
#ui-datepicker-div { z-index:10 !important;}

/*--- Active User Status --- */
#active-user-status {border-radius: 6px; background-color: #ffffff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #c2c2c2; position:fixed; bottom:60px; width:731px; margin-left:-5px; padding:0 5px; z-index:100;}
#active-user-status .table1 tr td { padding-top:11px; padding-bottom:11px; font-weight:600; color:#19171a;}
#active-user-status .table1 tr td.name a { color:#19171a;}

/*--- Editor-submitted --- */
#editor-submitted { border:1px solid #dadada; border-radius:6px;}
#editor-submitted header { padding:10px 16px; border-bottom:1px solid #dadada;}
#editor-submitted header p { margin:0;}
#editor-submitted pre { border:0; margin:0; border-radius:0 0 5px 5px;}

/*--- Time Spent --- */
#time-spent { position:relative; margin-bottom:-16px;}

/*--- Flex Container --- */
#flex-container { display: flex; display: -webkit-flex; flex-direction: row; bottom: 0; width: 100%;    height:400px;font-size:14px; line-height:20px;  margin-top:62px;border:1px solid #dadada;border-top:0;  width: 100%;  overflow: auto; position:relative; top:auto;}
#flex-container.hide-compare { position:absolute; top:-1000000px;}
#flex-container .ace_editor {font-size:14px; line-height:20px;}
#flex-container>div {   flex-grow: 1;   -webkit-flex-grow: 1;   position: relative;}
#flex-container>div#gutter {   flex: 0 0 60px;   -webkit-flex: 0 0 60px;   border-left: 1px solid #dadada;   border-right: 1px solid #dadada;   background-color: #efefef;   overflow: hidden;}
#gutter svg {  background-color: #efefef;}
#ace-editor1 {  position: absolute;  top: 0;  bottom: 0;  width: 100%;}
#ace-editor2 { position: absolute; top: 0; bottom: 0; width: 100%;}
.acediff-diff { background-color: #d8f2ff; border-top: 1px solid #a2d7f2; border-bottom: 1px solid #a2d7f2;  position: absolute;  z-index: 4;}
.acediff-diff.targetOnly { height: 0px !important; border-top: 1px solid #a2d7f2; border-bottom: 0px; position: absolute;}
.acediff-connector { fill: #d8f2ff; stroke: #a2d7f2;}
.acediff-copy-left { float: right;}
.acediff-copy-right,.acediff-copy-left { position: relative;}
.acediff-copy-right div { color: #000000; text-shadow: 1px 1px #ffffff; position: absolute;  margin: -3px 2px; cursor: pointer;}
.acediff-copy-right div:hover { color: #004ea0;}
.acediff-copy-left div { color: #000000; text-shadow: 1px 1px #ffffff;  position: absolute; right: 0px; margin: -3px 2px;  cursor: pointer;}
.acediff-copy-left div:hover { color: #c98100;}


/*--- Multi Breakdown List --- */
#multi-breakdown-list { position:relative; margin-top:-8px; float:right; width:300px;}
#multi-breakdown-list .btn { width:100%; position:relative; padding-right:32px; text-align:left; height:40px; margin-bottom:24px; color:#4a4548; background:#fff; box-shadow:none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border:0; line-height:27px;}
#multi-breakdown-list .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:4px; background:url("images/tg_images_new/sprites.svg") no-repeat scroll -18px -176px; width:31px; height:36px; content:"";}

#multi-breakdown-list ul { position:absolute; border:1px solid #dadada !important; z-index:15; top:0;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); width:100%; display:none; max-height:210px; overflow:auto; border-radius:3px; float:none; margin-top:0; }
#multi-breakdown-list ul li { float:none; display:block; width:100% !important; border:none !important; }   
#multi-breakdown-list ul li.active { border:none;}
#multi-breakdown-list ul > li { width:100%; margin-bottom:0 !important;}
#multi-breakdown-list ul > li a, .tabs1 #multi-breakdown-list ul > li a { padding:11px; border:0; font-size:14px !important; color:#8a858d; text-align:left !important; white-space:nowrap; background:#fff; border:0 !important;}
#multi-breakdown-list ul > li.active a:hover { background:#f2f2f2 !important; border:0;}
#multi-breakdown-list ul > li.active a, #multi-breakdown-list ul > li a:hover, .tabs1 #multi-breakdown-list ul > li.active a, .tabs1 #multi-breakdown-list ul > li a:hover, #multi-breakdown-list ul > li a:active, #multi-breakdown-list ul > li.active a:hover { background:#f2f2f2 !important; border:0; font-weight:normal; color:#4a4548 !important;}


/*--- Table1 --- */
.table1 { width:100%;}
.table1-wrap { border: solid 1px #dadada; border-radius: 6px; position:relative; background:#fff; overflow-x: auto;}
.table1 tr td.text-left, .table1 tr th.text-left { text-align:left;}
.table1 tr td.text-right, .table1 tr th.text-right { text-align:right;}
.table1 tr th span.secondary { color:#8a858d; font-weight:normal; line-height:20px; display:block;}
.table1 tr th { text-align:center; white-space:nowrap; padding:10px 16px 11px; font-size: 14px; font-weight: 600; line-height:20px; color:#19171a; background-color: #f2f2f2; border-bottom: solid 1px #dadada; vertical-align:top;}
.table1 tr th:first-child { border-radius:5px 0 0 0;}
.table1 tr th:last-child { border-radius:0 5px 0 0;}
.table1 tr th small { font-size:10px;}
.table1 tr th .select { min-width:100px; max-width:152px; margin:4px auto 0;}
.table1 tr th .select select { color:#19171a;}
.table1 tr td { text-align:center; vertical-align:top; position:relative; padding:10px 16px; font-size:14px; color:#4a4548; line-height:20px;}
.table1 tr:nth-child(2n) { background:#f2f2f2;}
.table1 tr:last-child td:first-child { border-radius:0 0 0 5px;}
.table1 tr:last-child td:last-child { border-radius:0 0 5px 0;}
.table1 tr td h5.less-margin { margin-bottom:4px;}
.table1 tr td.name a { color:#4a4548; white-space:nowrap;}
.table1 tr td .arrow-icon { width:10px; height:12px; display:inline-block; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat; vertical-align:baseline;}
.table1 tr td.down-position .arrow-icon { background-position:-319px -50px;}
.table1 tr.passed { background-color:#e7ffec;}
.table1 tr td.up-position .arrow-icon { background-position:-344px -49px;}
.table1 tr td .my-score { display:inline-block; min-width:50px;}
.table1 tr td .icon-download { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -335px -80px no-repeat; margin-left:5px;}
.table1 tr.my-rank td { font-weight:600; background-color:#f7f7f7; border-top:1px solid #dadada; vertical-align:middle;}

.leaderboard-table .table1 tr td { width:130px;}

.table1 tr td .tick-icon, ._tick-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -168px -81px no-repeat; margin-left:1px;}
.table1 tr td .close-icon, ._close-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -192px -80px no-repeat; margin-left:6px;}
.table1 tr td .warning-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -48px -80px no-repeat; margin:0 1px;}
.table1 tr td .text-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -156px -184px no-repeat; margin-left:5px;}
.table1 tr td .view-icon { vertical-align:text-bottom; width:24px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -300px -216px no-repeat; margin-left:5px;}
.table1 tr td .view-icon.disabled, .table1 tr td .text-icon.disabled { opacity:0.5;}
.table1 tr td .tick-icon.no-space, .table1 tr td .close-icon.no-space { margin-left:0;}

.table1 tr .rank, .tab-content .table1 tr .rank { padding-left:28px; width:75px;}
.table1 tr .name, .tab-content .table1 tr .name { text-align:left; width:250px; min-width:200px;}
.table1 tr td.name img { margin-right:16px; border-radius:50%; width:24px; height:24px;}

.table1 tr .size-field {width:120px;}

.table1-wrap .table1.left-aligned tr td, .table1-wrap .table1.left-aligned tr th { text-align:left;}
.table1-wrap .table1.small-size tr td { font-size:12px;}
.table1-wrap .table1.small-font tr td, .table1-wrap .table1.small-font tr th { font-size:12px;}
.table1 tr td .checkbox-input.disabled { opacity:0.5;}

.table1 tr.open-content { display:none;}
.table1 tr.open-content > td { padding-top:24px; padding-bottom:24px;}
.submission-table .table1 .open-content { background:#ffffff;}
.submission-table .table1 tr td { border-bottom:1px solid #dadada;}
.submission-table .table1 tr td .checkbox-input { padding-left:12px;}
.submission-table .table1 tr:last-child td { border-bottom:0;}
.submission-table .table1 tr.current td.action-field { border-bottom:0; background:#fff;}
.submission-table .table1 tr.current td:nth-last-child(2) { border-radius:0 0 6px 0; border-right:1px solid #dadada;}
.submission-table .table1 .table1 tr td { border:0;}

/*--- Table2 --- */
.table2 { width:100%;}
.table2 tr th { text-align:center; background:#f4f4f4; padding:10px 30px; font-size:14px; color:#424242; font-weight:bold; border-bottom:1px solid #dadada;}
.table2 tr td { text-align:center; padding:8px 30px; font-size:14px; color:#424242;}
.table2 tr .text-left { text-align:left;}
.table2 tr td p { margin-bottom:0;}
.table2 tr td p a { color:#424242;}
.table2 tbody tr:nth-child(2n) td { background:#f4f4f4;}
.table2 .action-btn { min-width:145px; background:#fff;}

.table2 .status-icon { background:#8c8c8c; width:12px; height:12px; border-radius:2px; vertical-align:middle; display:inline-block; border:1px solid #8c8c8c;}
.table2 .status-icon.attempted { background:#2f94d7; border-color:#2f94d7;}
.table2 .status-icon.skipped { background:none;}

/*--- Box Default --- */
.box-default { background:#fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); padding:16px;}
.box-default.no-padding { padding:0;}

/*--- Box Default1 --- */
.box-default1 { background:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px;}
.box-default1.padding { padding:16px;}
.box-default1 .content-wrapper { border-bottom:1px solid #e0e0e0; padding:12px; }
.box-default1 .content-wrapper:last-child { border:none; }

.center-box { max-width:650px; width:100%; margin:0 auto 50px; padding:30px;}
.center-box.no-padding { padding:0;}

/*--- Default-list --- */
.default-list { margin:0 -10px; padding:0; list-style:none;}

/*--- Page Footer --- */
.page-footer  p { margin-bottom:0; float:left; font-size:12px; color:#8c8c8c; line-height:48px;}
.page-footer .pagination { float:right;}

/*--- List1 --- */
.list1 { margin:0; padding:0; list-style:none;}
.post .list1 { padding:0;}
.list1 > li { border-bottom:1px dashed #dadada; padding-bottom:10px; margin-bottom:10px;}
.list1 li .date-stamp { background:url(images/tg_images/icons.png) -215px -57px no-repeat; width:41px; height:47px; float:left; text-align:center; font-size:8px; color:#2f94d7; text-transform:uppercase; line-height:13px; padding-top:10px; font-weight:300;}
.list1 li .date-stamp span { font-size:15px;}
.list1 li .image { float:left; line-height:40px;}
.list1 li .image img { width:40px; height:40px; vertical-align:middle;}
.list1 li .details { margin-left:50px;} 
.list1 li h6{ margin-bottom:3px;}
.list1 li h6 a { color:#424242;}
.list1 li p { font-size:12px; color:#8c8c8c; margin-bottom:0;}
.list1 li p .fa { font-size:14px; margin-right:2px;}
.list1.challenges-list li .details { padding-top:4px;}

/*--- List2 --- */
.list2, .post .list2 { padding-left:14px;}

/*--- List5 --- */
.list5 { margin:0px; padding:0px; list-style-type:none;}
.list5 figure { float:left; text-align:center;}
.list5 figure img { width:40px; height:40px; border-radius:50%;}
.list5 .details { margin-left:55px;}
.list5 h5 { font-weight:600; margin-bottom:2px;}
.list5 p { font-size:13px; font-weight:200; line-height:17px; color:#8c8c8c; margin-bottom:2px;}

/*--- Follow Btn1 --- */
.follow-btn1 {min-width:100px;}
 
/*--- Load-more-content-btn --- */ 
.load-more-content-btn { margin-top:8px;}

/*--- Button1 --- */
.button1 { border-radius:3px; background: #d7263d; color:#fff; text-transform:capitalize; border:0; font-size:14px; line-height:18px; padding:7px 10px; font-weight:900; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;}
.button1:hover, .button1:focus, .button1:active, .button1.active { color:#fff; background:#ae2d43; outline:none;}
.button1.disabled { opacity:0.4; cursor:default; pointer-events:none;}
.button1.btn-lg { padding:12px 10px;}

/*--- Button2 --- */
.button2 { background:none; color:#d7263d; text-transform:capitalize; border-radius: 3px; border: solid 1px #d7263d; font-size:14px; line-height:16px; padding:7px 12px; font-weight:bold; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;}
.button2:hover { color:#fff; background:#d7263d; outline:none;}
.button2:focus { color:#d7263d;}
.button2:active:hover, .button2:focus:hover { color:#fff;}
/*.button2:focus svg path, .button2:active svg path {fill:#fff;}*/
.button2.btn-lg { padding:12px 10px;}
.button2.disabled { opacity:0.4; cursor:default; pointer-events:none;}


/*--- Button3 --- */
.button3 { background:#dadada; color:#424242; border-radius:3px; text-transform:capitalize; font-size:14px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;}
.button3:hover, .button3:focus, .button3:active { color:#424242; background:#c9c9c9; outline:none;}

/*--- Action lnk --- */
.action-lnk { font-size:14px; font-weight:600; margin-left:6px; vertical-align:baseline; background:none; border:0; padding:0;}
.action-lnk.no-margin { margin-left:0;}

/*--- After-submit --- */
#after-submit .modal-dialog { width:375px; text-align:center;}
#after-submit .user-score { font-size:36px; line-height:48px; font-weight:800; color:#19171a; margin-bottom:16px;}
#after-submit .user-score span { color:#8a858d; font-weight:normal;}
#after-submit .user-score span small { font-size:24px;}
#after-submit p { margin-bottom:24px;}

/*--- Mob-app-banner --- */
#mob-app-banner { background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100000; text-align:center;}
#mob-app-banner .container-fluid { background:#fff; position:fixed; left:0; bottom:0; padding:15px 0 25px; width:100%;}
#mob-app-banner .container-fluid:before { content:""; height:26px; top:-26px; position:absolute; left:0; width:100%; background:url(images/techgig_new_images/shadow.png) center top repeat-x; display:block;}
#mob-app-banner .app-box { background:url(images/techgig_new_images/mob-app-bg.jpg) center top repeat-x; height:350px; padding-top:24px; margin-bottom:50px;}
#mob-app-banner .website-lnk { font-size:12px; color:#333; text-transform:uppercase; font-weight:600; letter-spacing:1px;}
#mob-app-banner .seperation { margin-bottom: 15px; position: relative;}
#mob-app-banner .seperation::after {  background: #dadada; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 12px; width: 100%;}
#mob-app-banner .seperation span {  background: #dadada; border-radius: 50%; color: #404040; display: block; font-size: 12px; height:25px;  line-height: 25px;  margin: 0 auto; position: relative; text-align: center; width: 25px; z-index: 5; font-weight:600;}

/*css for mobile app download popup by brijesh on 21-6-2016*/
#mobile-app .tg-app-img{float:left;}
#mobile-app .modal-body{z-index:2;}
#mobile-app .tg-app-content{float:left;width: 350px;}
#mobile-app .tg-app-content h3{font-size:18px;color:#000;font-family:"open_sansregular",Helvetica,Arial,sans-serif;line-height: 26px;padding-top:30px;}
#mobile-app .tg-app-content h3 span{color:#ee1c27;}
#mobile-app .tg-app-content p{padding:0px 0 10px;}
#mobile-app .tg-app-content .send-app-block{position:relative;}
#mobile-app .tg-app-content .send-app-block input[type="text"]{font-size:14px;}
#mobile-app .tg-app-content .send-app-link{color:#ee1c27;position:absolute;right:0;background:#ee1c27;border-radius:0px 5px 5px 0;color:#fff;border:none;padding:10px; top:20px;}
#mobile-app .tg-app-content .tg-app-store-link{padding-top:30px;}
#mobile-app .tg-app-content .tg-app-store-link span{ padding:0 20px; }
#mobile-app .mobile-site { display:none; }
#header a.for-app-download { float:left; margin-right :10px; color :#82bd4f; margin-top:5px; font-size:14px; text-transform:none; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; }
#header a.for-app-download:hover { color:#689f38;}
#header a.for-app-download .fa { vertical-align:sub; margin-right:3px; font-size:28px;}

@media screen and (max-width: 630px) {
#mobile-app .tg-app-content{width: 256px;}  
}


/* ==========================================================================
    SignUp Specific Settings
========================================================================== */

.signup-login-page #container-wrap { padding-top:0;}
.signup-login-page div.token-input-dropdown-facebook { width:339px; max-height:150px; overflow:auto;}


/* ==========================================================================
    Landing Page Specific Settings
========================================================================== */


/* ==========================================================================
    Practice Page Specific Settings
========================================================================== */

/*--- Practice Diff --- */
.diff-page #container-wrap { padding-top:0 !important;}
#practice-diff #flex-container { border-top:1px solid #dadada; background:#efefef; margin-top:8px !important; padding-top:40px; min-height:500px !important;}
#practice-diff #flex-container > div { position:relative;}
/*#practice-diff #gutter svg, #practice-diff #gutter > div { display:none;}*/
#practice-diff #gutter > div > div { display:none;}
#practice-diff #flex-container #ace-editor1:before {content:"Your Output"; font-size:14px; line-height:18px; color:#19171a; font-weight:bold; text-transform:uppercase; display:block; position:absolute; right:-1px; top:-40px; background:#efefef; padding:11px 15px; z-index:10; width:100%; border-right:1px solid #dadada; font-family:'lato', Arial, Helvetica, sans-serif ; border-bottom:1px solid #dadada;}
#practice-diff #flex-container #ace-editor2:before {content:"Correct output"; font-size:14px; line-height:18px; color:#19171a; font-weight:bold; text-transform:uppercase; display:block; position:absolute; left:-1px; top:-40px; background:#efefef; padding:11px 15px; z-index:10; width:100%; border-left:1px solid #dadada; font-family:'lato', Arial, Helvetica, sans-serif; border-bottom:1px solid #dadada;}
#practice-diff .ace_editor { overflow:visible;}

/*--- Practice Control Nav --- */
#practice-control-vav { margin-bottom:-1px; position:relative;}
#practice-control-vav .nav-tabs { border-bottom:0; margin-bottom:0; padding:0;}
#practice-control-vav .nav-tabs > li { margin-bottom:0; padding:0;}
#practice-control-vav .nav-tabs > li > a { border-bottom:0; padding:16px 24px;}
/* #practice-control-vav .nav-tabs > li.active > a { border-bottom:1px solid #000013;} */
#practice-control-vav .nav-tabs .magic-line {bottom:0;}

/*--- Practice Control Nav --- */
.practice-viewanswers-page #container-wrap { padding-top:0px !important; width:100%; overflow:hidden;}
.practice-viewanswers-page #breadcrumbs { margin-top:56px !important;}
.practice-viewanswers-page #coding-platform { padding-top:40px;}
.practice-viewanswers-page #question-controller { position:relative; top:auto; width:auto; }
.practice-viewanswers-page #question-controller.fixed { position:fixed; top:0; width:377px;}
.practice-viewanswers-page #question-controller.fixed h2 { padding-top:64px;}
.practice-viewanswers-page #question-controller h2 small { line-height:16px;}
.practice-viewanswers-page #coding-content-area { background:none; padding:0;}
.practice-viewanswers-page #coding-content-area:after { display:none;}
.practice-viewanswers-page #coding-content-area .inner-coding-area { padding:24px 24px 24px 0; border-radius: 6px; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);}
.practice-viewanswers-page #coding-content-area .section-filter { position:relative; z-index:10; padding-top:42px;}
.practice-viewanswers-page #coding-content-area .question-number { width:50px; text-align:right;}
.practice-viewanswers-page #coding-content-area .question-details { margin-left:58px;}
.practice-viewanswers-page #attempted_option .answer-block { padding-top:96px; margin-top:-48px;}
.practice-viewanswers-page #attempted_option .answer-block:first-child { padding-top:0; margin-top:0;}
.practice-viewanswers-page #attempted_option ul.options { margin-bottom:0;}
.practice-viewanswers-page #attempted_option ul.options li {cursor:default; pointer-events:none;}

.practice-viewanswers-page .at-bottom #question-controller.fixed { position:absolute; bottom:0; top:auto !important;}
.practice-viewanswers-page #coding-platform.at-bottom .col-sm-4.padding-less { position:static;}
.practice-viewanswers-page #coding-platform.at-bottom  > .container > .row { position:relative;}

.practice-viewanswers-page #question-controller .questions-list {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); border:0;}
.practice-viewanswers-page #question-controller .questions-list ul li:hover .question-details h6 { color:#19171a !important;}
.practice-viewanswers-page #question-controller .questions-list ul li:hover:after {content:""; display:block !important; width:4px; height:100%; background:#d7263d; position:absolute; right:0; top:0;}
.practice-viewanswers-page #question-controller .questions-list ul li.current .question-number h6, .practice-viewanswers-page #question-controller .questions-list ul li.current .question-details h6 { font-weight:normal; color:#4a4548;}
.practice-viewanswers-page #question-controller .questions-list ul li.current:after {display:none;}

/*--- Practice Topics --- */
#practice-topics { padding:16px;}
#practice-topics ul { margin:0; padding:0; list-style:none;}
#practice-topics ul li { margin-bottom:12px;}
#practice-topics ul li:last-child { margin-bottom:0;}
#practice-topics ul li a { display:block; position:relative; text-decoration:none; padding-left:24px; font-size:14px; line-height:20px; color:#4a4548;}
#practice-topics ul li a:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0;  top:2px; background:url(images/tg_images_new/sprites.svg) -272px -215px no-repeat;}
#practice-topics ul li a:hover {color:#d7263d;}
#practice-topics ul li.active a:before {background:url(images/tg_images_new/sprites.svg) -248px -215px no-repeat;}
#practice-topics ul li.active a:hover, #practice-topics ul li.active a:focus { text-decoration:none;}

/*--- Practice Content --- */
#problems-content header { padding:24px 0 0; border-radius:6px 6px 0 0; position:relative;z-index:1;}
#problems-content header h2 { padding:0 16px; margin-bottom:8px;}
#problems-content header label.main-label { font-size:14px; margin:0 12px 0 0; line-height:34px; color:#8a858d; font-weight:normal;}
#problems-content header .custom-selectbox { margin-right:24px;}
#problems-content header .inner { background:#f2f2f2; padding:16px; border-bottom:1px solid #dadada; border-top:1px solid #dadada;}
#problems-content header .inner .section { display:inline-block;}
#problems-content .practice-box .appeared-in { margin-bottom:4px; color:#8a858d;}
#problems-content .appeared-in a { color:#4a4548; text-decoration:underline;}
#problems-content .show-problems-list .btn { width:114px;}

/*--- Practice-control-form --- */
#practice-control-form  ul { padding:16px; background:#fff; max-height:none;}
#practice-control-form  ul li { margin-bottom:16px !important;}
#practice-control-form  ul li:last-child { margin-bottom:0 !important;}
#practice-control-form .apply-btn  {-moz-user-select: none; background-image: none; border:0; border-radius:3px; cursor: pointer;  display: inline-block; font-size: 14px; font-weight: 900; min-width:120px; line-height: 1.42857; margin-bottom: 0; padding:7px 10px; text-align: center; touch-action: manipulation; vertical-align: middle; white-space: nowrap;}

/*--- Submission Table --- */
.submission-table .header { margin-bottom:16px;}
.submission-table .header h4 { float:left; margin-bottom:0; line-height:36px;}
.submission-table .header p { float:right; margin-bottom:0;}
.submission-table .header label { float:left; margin-right:8px; color:#4a4548; line-height:33px;}
.submission-table .header .select{ float:left; width:152px;/* min-width:152px;*/}
.submission-table .header .select select { color:#4a4548;}
.extra-small-view .submission-table .header p { float:left; width:100%;}

/*--- Section Filter --- */
.section-filter p { color:#8a858d;}
.section-filter p .radio-input.radio-inline { vertical-align:middle; margin:0 0 0 12px;}

/*--- My Status Block --- */
.my-status-block { color:#8a858d; position:relative; margin-top:-8px;}
.my-status-block .action-lnk { margin-left:0; margin-right:24px;}
.my-status-block span { margin-right:20px; color:#4a4548;}
.widget .section-filter { position:relative; margin-top:-8px;}
.widget .section-filter p .radio-input.radio-inline { margin-left:0; margin-right:24px;}

/*--- Custom Selectbox --- */
.custom-selectbox { position:relative; display:inline-block; vertical-align:top; margin:0;}
.custom-selectbox .btn { width:134px; vertical-align:top; border-radius: 3px; position:relative; background-color: #ffffff; border: solid 1px #dadada; text-align:left; color:#4a4548; padding-right:32px; padding-left:8px; overflow:hidden;}
.custom-selectbox .btn:focus, .custom-selectbox .btn:active, .custom-selectbox.open .btn { box-shadow:none; border:1px solid #fff; background:#fff;}
.custom-selectbox .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:#fff url(images/tg_images_new/sprites.svg) -18px -176px no-repeat; width:31px; height:36px; content:"";}
.custom-selectbox .custom-menu { left:auto; right:0; background:#fff; width:100%; top:34px; display:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); position:absolute; border-radius:0 0 3px 3px; padding:3px 0;}
.custom-selectbox .custom-menu label { padding:7px 16px 7px 0;}
.custom-selectbox .custom-menu li { margin-bottom:0;}
/*.custom-selectbox .custom-menu li:hover label {color:#d7263d;}*/
.custom-selectbox .custom-menu .checkbox-input, .custom-selectbox .custom-menu .radio-input { padding-left:40px; margin-bottom:0;}
.custom-selectbox .custom-menu .checkbox-input label:before { left:15px; top:10px;}
.custom-selectbox .custom-menu .radio-input label:before { left:15px; top:8px;}
.custom-selectbox.open .custom-menu { display:block;}
.custom-selectbox.open .btn {color:#8a858d;}

.custom-selectbox .btn { padding-left:11px;}
.custom-selectbox .custom-menu { padding:0;}
.custom-selectbox .custom-menu .checkbox-input, .custom-selectbox .custom-menu .radio-input { padding-left:0;}
.custom-selectbox .custom-menu label:before {display:none;}
.custom-selectbox .custom-menu label { padding:8px 11px; font-size:14px;}
.custom-selectbox .custom-menu label:hover,.custom-selectbox .custom-menu .radio-input input[type=radio]:checked + label { background:#f2f2f2; color:#4a4548;}

/*--- Multi Days Challenge  --- */
.multi-days-challenge .details { margin-right:80px; }
.multi-days-challenge header a { display:block; text-decoration:none; }
.multi-days-challenge header { margin-bottom:8px; }
.multi-days-challenge header h3 { margin-bottom:4px; }
.multi-days-challenge header p { margin-bottom:0px; }
.multi-days-challenge header h3 small{ margin-left:8px; font-size:14px; color:#8a858d; }
.multi-days-challenge header h3 small span{ color:#4a4548; }
.multi-days-challenge .day-box { padding:12px 16px; background:#f2f2f2; border-radius:6px; }
.multi-days-challenge .day-box a { display:block; text-decoration:none; }
.multi-days-challenge .day-box .button1 { float:right; min-width:120px; margin-top:7px; margin-left:16px; }
.multi-days-challenge .day-box .details { float:left; margin-right:0px; }
.multi-days-challenge .day-box p { margin:0px; color:#8a858d; }
.multi-days-challenge .day-box h5 { margin-bottom:6px; }
.multi-days-challenge .day-box p .block { margin-right:24px; float:left; }
.multi-days-challenge .day-box p .block strong { color:#4a4548; font-weight:normal; }
.multi-days-challenge .content-wrapper { padding:16px; }
.multi-days-challenge .content-wrapper:hover header h3 { color:#d7263d; }
.multi-days-challenge .image { width: 64px; height: 64px; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; line-height:61px; text-align:center; float:right; }
 
/*--- Practice Box --- */
.practice-box { padding:16px; border-bottom:1px solid #e0e0e0; }
.practice-box .button1 { min-width:120px; float:right; }
.practice-box a { text-decoration:none; }
.practice-box .details { margin-right:80px; }
.practice-box .details > a { display:block;}
.practice-box .see-lnk { margin:0px; }
.practice-box .see-lnk a { margin-right:24px; font-weight:600; }
.practice-box .see-lnk a:last-child { margin-right:0px;}
.practice-box h3 { margin-bottom:4px; }
.practice-box:hover h3 { color:#d7263d; }
.practice-box .image { width: 64px; height: 64px; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; line-height:61px; text-align:center; float:right; }
.practice-box p .block { margin-right:20px; color:#8a858d; float:left; margin-top:4px;}
.practice-box p .block:last-child { margin-right:0; }
.practice-box p .block strong { color:#4a4548; font-weight:normal; }
.practice-box p:last-child { margin:0px; }

/*--- Practice Section Block --- */
.practice-section-block > h2 { margin-bottom:4px;}

/*--- Practice Listing --- */
.practice-listing { border-radius:6px; background-color:#ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); }
.practice-listing .practice-box:first-child { border-top-left-radius:6px; border-top-right-radius:6px; }
.practice-listing .practice-box:last-child { border-bottom-left-radius:6px; border-bottom-right-radius:6px; margin-bottom:16px; border-bottom:0; }
.practice-listing .practice-box.last { border-bottom-left-radius:6px; border-bottom-right-radius:6px;}

/*--- Sponsor Block --- */
.sponsor-block { text-decoration:none; }
.widget.sponsor-block:first-child { padding-top:48px;}
.sponsor-block:hover h3 { color:#d7263d;}
.sponsor-block a { text-decoration:none; }
.sponsor-block .button2 { min-width:120px; }
.sponsor-block .inner{ padding:16px 4px 4px 4px; }
.sponsor-block footer{ padding:0px 4px 4px 4px; }
.sponsor-block .sponsor-banner { height:100px; background-repeat:no-repeat; background-size:cover; margin:-12px -12px 0px -12px; padding:29px 8px 7px 16px; position:relative; border-radius:6px 6px 0px 0px; }
.sponsor-block .sponsor-banner:after { content:""; height:100px; position:absolute; left:0px; top:0px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); background-repeat:no-repeat; width:100%; }
.sponsor-block .sponsor-banner p { color:#fff; font-size:18px; line-height:24px; position:absolute; z-index:10; margin-top:14px; margin-bottom:0px; max-height:48px; overflow:hidden; font-weight:600; width:70%; bottom:0px; }
.sponsor-block .sponsor-banner figure { position:relative; z-index:10; }
.sponsor-block h3 { margin-bottom:4px; }
.sponsor-block .sponsored { display:inline-block; color:#c2c2c2; font-size:14px; line-height:20px; float:right; margin-left:16px; margin-top:12px; }
.sponsor-block p,.sponsor-block .content-wrapper p:last-child { margin-bottom:12px; }
.sponsor-block p { color:#8a858d; }

/*--- Practice Ttorials --- */
#practice-tutorials .header h2 { float:left; }
#practice-tutorials .header .see-more-problem { float:right; padding-top:7px; }
#practice-tutorials .header .see-more-problem a { margin-left:16px; font-weight:600; }
#practice-tutorials .header p { margin:0px; }
#practice-tutorials .box-default1 footer { margin:0px -16px -16px -16px; padding:24px 16px; border-top:1px solid #e0e0e0; }
#practice-tutorials .box-default1 footer .button2 { min-width:120px; margin-right:16px; }
#practice-tutorials .box-default1 footer h4 { display:inline-block; margin-right:20px; line-height:25px; margin-bottom:0px; }
#practice-tutorials .box-default1 footer p{ margin:0px; line-height:25px; display:inline-block; margin-right:20px; }
#practice-tutorials .content-block-extra { margin-bottom:40px; }
#practice-tutorials pre { margin-bottom:16px; }
#practice-tutorials .box-default1 { padding:16px; margin-bottom:40px; }
#practice-tutorials .editor-footer { margin:0;}
#practice-tutorials #full-screen-question.normal-view header #compile_code { display:block;}
#practice-tutorials .bottom-action #compile_code { margin-top:0; margin-left:0;}
#practice-tutorials .bottom-action #submit_code { float:right; margin-left:16px;}
#practice-tutorials .bottom-action #submit_code .button1{ min-width:120px;}
#practice-tutorials #practice-control-vav { padding:0; border-bottom:1px solid #dadada; margin:0 -16px 24px; position:relative;}
#practice-tutorials #practice-control-vav .nav-tabs > li { position:relative; margin-bottom:-1px;}

#practice-tutorials #full-screen-question.normal-view #editor-box.fixed  header { width:850px !important;}
#practice-tutorials #full-screen-question.normal-view #editor-box.fixed  header:before {top:-81px; height:80px; width:860px; left:-5px;}

#practice-tutorials header.main-head { padding-top:8px;}
#practice-tutorials header.main-head h2 { margin-bottom:8px;}

/*--- Pre Table --- */
.pre-table { border-radius: 6px; background-color: #f7f7f7; border: solid 1px #dadada; padding:16px; }
.pre-table .table1 td ,.pre-table .table1 th{ text-align:left; }
.pre-table .table1 td:last-child,.pre-table .table1 th:last-child { text-align:center; }

/*--- Result Table --- */
.result-table { margin-bottom:40px; }
.result-table h2 .tick-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -168px -81px no-repeat; margin-left:1px; position:relative; top:-4px;}
.result-table h2 .close-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -192px -80px no-repeat; margin-left:6px; position:relative; top:-3px;}
.result-table h2 small { font-size:14px; color:#4a4548; }

/*--- Tutorial Feedback Popup --- */
#tutorial-feedback-popup h3 { margin:0px; }
#tutorial-feedback-popup .button1 { min-width:120px; }
#tutorial-feedback-popup .form1 textarea.form-control { min-height:71px; }
#tutorial-feedback-popup.modal .modal-body p { margin-bottom:16px; }
#tutorial-feedback-popup .checkbox-input:first-child { margin-right:16px; }


/* ==========================================================================
    Dashboard Page Specific Settings
========================================================================== */


/* ==========================================================================
    Skilltest Page Specific Settings
========================================================================== */



/* ==========================================================================
    Detailed Search Page Specific Settings
========================================================================== */

/*--- Detailed Search --- */
#detailed-search .result-block { padding-top:40px;}
#detailed-search .result-block:first-child, #detailed-search .result-block.active { padding-top:0;}
#detailed-search .tabs1 .nav-tabs { background:#e5e5e5; border-bottom:1px solid #dadada; padding:0; border-top:0;}
#detailed-search .tabs1 .nav-tabs > li { margin-top:0; text-align:center;}
#detailed-search .tabs1 .nav-tabs > li.all { min-width:75px;}
#detailed-search .tabs1 .nav-tabs > li > a { text-transform:uppercase; padding:15px; font-weight:500; margin-right:0; border-top:3px solid #e5e5e5;} 
#detailed-search .tabs1 .nav-tabs > li.active > a, #detailed-search .tabs1 .nav-tabs > li.active > a:hover, #detailed-search .tabs1 .nav-tabs > li.active > a:focus { border-top:3px solid #2f94d7;}
#detailed-search .view-more { text-align:center; text-transform:uppercase; margin-bottom:0;}
#detailed-search .sort-by { float:right; padding:10px 10px 0 0;}
#detailed-search .sort-by .select { display:block; height:30px; padding-left:3px; position:relative; background:#f4f4f4; border-radius:2px;}
#detailed-search .sort-by .select .fa { position:absolute; pointer-events:none; z-index:5; position:absolute; right:0; top:0; background:#f4f4f4; width:25px; height:30px; font-size:14px; color:#8c8c8c; text-align:center; line-height:30px; vertical-align:middle;}
#detailed-search .sort-by select { border:0; height:30px; width:100%; padding-right:27px; font-size:12px; color:#8c8c8c; font-weight:300; background:none;}
#detailed-search .sort-by select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
#detailed-search .sort-by .select select::-ms-expand{ display:none;}

/* ==========================================================================
    Jobs Page Specific Settings
========================================================================== */


/* ==========================================================================
    Challenge Page Specific Settings
========================================================================== */

/*--- Contest-summary-widget  --- */
#contest-summary-widget.fixed { position:fixed; width:367px; top:16px; z-index:10; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;  }
#contest-summary-widget.fixed.move-top { top:70px;}
#contest-summary-widget .show-on-scroll { display:none;}
#contest-summary-widget .show-on-scroll.disabled .description-list{ opacity:0.5;}

/*--- Loading Questions  --- */
.loading_question { position:absolute; display:table; top:0; height:100%; width:100%;}
.loading_question h2 { vertical-align:middle; margin:0; display:table-cell;}

/*--- Contest Search  --- */
#contest-search { float:right; border-radius:2px; border:1px solid #dadada; width:245px; background:#fff;}
#contest-search input[type='text'] { box-shadow:none; float:left; border-radius:0; border:0; outline:none; width:208px;}
#contest-search button[type='submit'] { box-shadow:none; float:left; border-radius:0; border:0; background:none; font-size:14px; color:#8c8c8c; width:35px; float:right; text-align:center; padding:0; height:34px;}

/*--- CodeMirror --- */
.CodeMirror { font-size:14px; border:1px solid #dadada; line-height:20px !important; color:#4a4548 !important;}

/*--- Players-result --- */
#players-result.modal .modal-header { background:#fff; padding-bottom:0;} 
#players-result.modal .players-table { margin-bottom:5px;} 
#players-result.modal .modal-header h2 small { font-size:14px; color:#4a4548; font-weight:normal; margin-left:2px;}
#players-result.modal .modal-header h2 .icon { width:16px; display:inline-block; height:16px; background:url("images/tg_images_new/sprites.svg") -160px 0 no-repeat; vertical-align:middle; margin-left:1px;}
#players-result.modal .modal-header h2 .icon.win { background-position:-168px -80px; }
#players-result.modal .modal-header h2 .icon.lost { background-position:-191px -80px; }

#players-result .fight-box { margin-bottom:24px;}
#players-result .fight-box h3 { margin:0;}
#players-result .fight-box h3 span { display:inline-block; vertical-align:middle;} 
#players-result .fight-box h3 small { display:block; font-size:14px; line-height:16px; color:#26d974; font-weight:900;}
#players-result .fight-box h3 .win-icon { width:16px; height:16px; display:inline-block; vertical-align:text-top; margin-left:4px; background:url("images/tg_images_new/sprites.svg") 1px -184px no-repeat;}
#players-result .fight-box p { font-weight:600; color:#8a858d; text-transform:uppercase; margin:0 20px;}
#players-result .fight-box .image-holder { margin:0 4px;}
#players-result .fight-box .image-holder img { border-radius:50%; width:40px; height:40px;}

.players-table tr.child  { display:none;}
.players-table tr.child td { background:#f0f0f0;}
.players-table tr.child td h5 { font-weight:normal;}
.players-table tr.child td p { font-size:12px; line-height:18px; color:#666;}
.players-table tr.child td p:last-child { margin-bottom:0;}
.players-table tr .view, .players-table tr .status {text-align:center;}
.players-table tr.parent { display:none;}
.players-table tr.visible { display:table-row;}

/*--- App-sort-data --- */
#app-sort-data .table { margin-bottom:40px;}
#app-sort-data .table tr th, #app-sort-data .table tr td { font-size:13px;}

/*--- Challenge Short info  --- */
#challenge-short-info { height:150px; padding:20px 0; left:0; top:0; width:100%;}

#challenge-short-info .company-logo { border:1px solid #dadada; margin-top:5px; float:left; border-radius:4px; width:100px; height:100px; line-height:98px; text-align:center;}
#challenge-short-info .company-logo img { vertical-align:middle; max-width:90px; max-height:90px;}

#challenge-short-info .inner-wrap { margin-left:130px;}

#challenge-short-info h2 { margin-bottom:8px;}
#challenge-short-info .stats { padding-bottom:12px; margin-bottom:15px; border-bottom:1px solid #dadada;}
#challenge-short-info .stats p { line-height:26px; font-size:12px; color:#8c8c8c; margin:0;}
#challenge-short-info .stats p .block { display:inline-block; margin-right:15px;}

#challenge-short-info .challenge-highlights p { font-size:14px; color:#8c8c8c; margin:0;}
#challenge-short-info .challenge-highlights p .block { display:inline-block; margin-right:15px;}
#challenge-short-info .challenge-highlights .fa { color:#2f94d7; margin-right:1px;}

#challenge-short-info .user-action { float:right; text-align:center; padding-top:5px;}
#challenge-short-info .user-action .btn { font-size:16px; margin-bottom:10px; min-width:170px;}
#challenge-short-info.floatingHeader .user-action .btn {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
#challenge-short-info .user-action p { font-size:16px; color:#8c8c8c; margin:0;}
#challenge-short-info .user-action p.success-message { font-size:14px; color:#424242; margin-bottom:5px;}
#challenge-short-info .user-action p.success-message .fa { margin-right:5px;}

#challenge-short-info .challenge-current-stats { padding-top:5px; text-align:center; font-size:12px; color:#424242; float:right;}
#challenge-short-info .challenge-current-stats .count { display:block; width:52px; height:52px; border:2px solid #2f94d7; border-radius:50%; margin:0 auto; margin-bottom:10px; padding-top:10px; line-height:15px;}

/*--- Challenge  --- */
#challenge { padding-bottom:1px; margin-bottom:20px;}

/*--- Challenge Box  --- */
.challenge-box { box-shadow:none; border:1px solid #dadada; margin-bottom:20px;}
.challenge-box h4 { margin-bottom:10px;}
.challenge-box p { font-size:12px; color:#8c8c8c; margin:0;}
.challenge-box p .block { display:inline-block; margin-right:15px;}
.challenge-box .button1 { font-size:14px; margin-top:5px;}

/*--- Found Count  --- */
p.found-count { margin-bottom:5px;}

/*--- Challenge Share  --- */
#challenge-share { padding:10px; height:100px; margin-bottom:20px;}
#challenge-share .sociable2 p { margin-bottom:0;}
#challenge-share .sociable2 a .fa { font-size:42px; border-radius:2px;}
#challenge-share .sociable2 .facebook .fa { margin-left:0;}
#challenge-share .facebook { margin-left:0;}

/*--- Challenge Countdown --- */
#challenge-countdown { background:#fa8c2b; padding:15px 0; text-align:center;}
#challenge-countdown h1 { color:#fff; display:inline-block; margin:0; margin-right:100px; vertical-align:top; padding-top:8px;}
#challenge-countdown .countdown { display:inline-block; min-height:15px; padding-top:2px;}
#challenge-countdown .countdown .item { font-size:24px;}
#challenge-countdown .countdown .item, #challenge-countdown .countdown .label { color:#fff;}
#challenge-countdown .countdown .item:after { background:#fff; height:37px;}
#challenge-countdown .countdown .item { padding:0 15px;}
#challenge-countdown.time-over h1 { margin:0; padding:0;}

/*--- Three-column-layout --- */
.three-column-layout { border:1px solid #dadada; border-radius:6px; width:500px; position:relative;}
.three-column-layout .column {display: inline-table; width:33.33%; position:relative;
    vertical-align: top; padding-right:2px;}
    .three-column-layout .column:last-child { margin-right:0;}
.three-column-layout .header { background:#f2f2f2; padding:8px 8px 8px 20px;}
.three-column-layout .header h5 { font-weight:bold; margin-bottom:0;}
.three-column-layout .draggable-hand { background: #dadada; right:0; cursor: pointer; display: block; position: absolute; top: 0; width:2px;}

/*--- Challenge Info Box --- */
.challenge-info-box { margin-bottom:10px; padding:5px; background:#f4f4f4; border:1px solid #dadada;}
.challenge-info-box ul { margin:0; padding:0; list-style:none;}
.challenge-info-box ul li { float:left; width:33.333%; line-height:23px; margin:0; border-right:1px solid #dadada; font-size:12px; text-align:center;}
.challenge-info-box ul li:last-child { border:0;}
.challenge-info-box ul li .number { font-size:18px; font-weight:bold; display:block;}
.challenge-info-box ul li .number small { font-size:11px;}

/*--- Body Bser Disabled --- */
#body_user_disabled { background:rgba(255,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000000;  }
.enable_alert_naviagtion {  z-index:10000001;  }
.enable_alert_naviagtion .modal-content { box-shadow:none}

/*--- Increase Value --- */
.increase-value { color:#5ffea4 !important;}
.decrease-value { color:#ff0000 !important;}

.up-arrow-icon { width:32px; height:32px; display:inline-block; vertical-align:text-top; margin-left:4px; background:url("images/tg_images_new/sprites.svg") -360px 0 no-repeat;}
.down-arrow-icon { width:32px; height:32px; display:inline-block; vertical-align:text-top; margin-left:4px; background:url("images/tg_images_new/sprites.svg") -320px 0 no-repeat;}

.up-bounce {
    -webkit-animation-name: up-bounce;
    -moz-animation-name: up-bounce;
    -o-animation-name: up-bounce;
    animation-name: up-bounce;
}

.down-bounce {
    -webkit-animation-name: down-bounce;
    -moz-animation-name: down-bounce;
    -o-animation-name: down-bounce;
    animation-name: down-bounce;
}

.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes up-bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-5px);}
    60% {-webkit-transform: translateY(-5px);}
}

@-moz-keyframes up-bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-5px);}
    60% {-moz-transform: translateY(-5px);}
}

@-o-keyframes up-bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-5px);}
    60% {-o-transform: translateY(-5px);}
}
@keyframes up-bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-5px);}
    60% {transform: translateY(-5px);}
}

@-webkit-keyframes down-bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(5px);}
    60% {-webkit-transform: translateY(5px);}
}

@-moz-keyframes down-bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(5px);}
    60% {-moz-transform: translateY(5px);}
}

@-o-keyframes down-bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(5px);}
    60% {-o-transform: translateY(5px);}
}
@keyframes down-bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(5px);}
    60% {transform: translateY(5px);}
}

/*--- Coding Platform Head --- */
#coding-platform-head { background:#fff; height:64px; padding:8px 0; position:fixed; left:0; top:0; width:100%; z-index:1002; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);}
.full-screen-view #coding-platform-head { top:0 !important; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
#coding-platform-head .logo { float:left; margin-right:24px; position:relative; width:74px; height:48px; line-height:48px;}
#coding-platform-head .question-info { float:left; width:27%;}
#coding-platform-head .question-info h4 { line-height:27px; margin-bottom:0; height:27px; overflow:hidden;}
#coding-platform-head .question-info h4 a { color:#4a4548; text-decoration:none;}
#coding-platform-head .question-info p { margin:0; line-height:16px;}
#coding-platform-head .question-info p .block { margin-right:16px;}
#coding-platform-head .user-attentions { float:left; margin-left:42px; width:400px;}
#coding-platform-head .user-attentions p { margin-bottom:6px; color:#4a4548; float:left;}
#coding-platform-head .user-attentions .progress { width:158px; height:6px; margin:9px 8px 0; float:left; border-radius:3px; background:#dadada;}
#coding-platform-head .user-attentions .progress .progress-bar {opacity: 0.6; border-radius: 3px; background-color: #8a858d;}
#coding-platform-head .test-actions { float:right; padding-top:8px;}
#coding-platform-head .test-actions .btn, #coding-platform-head .test-actions #submit_code { min-width:120px; margin-left:16px;}
#coding-platform-head .test-actions .expand-collapse-btn { min-width:32px;}
#coding-platform-head .test-actions .btn:first-child { margin-left:0;}
#coding-platform-head .test-actions #pause-test, #coding-platform-head .test-actions #straight-page-view { width:32px; min-width:32px; border-width:2px; padding:6px 5px; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
#coding-platform-head .test-actions #pause-test svg, #coding-platform-head .test-actions #straight-page-view svg { vertical-align:text-bottom;}
/* #coding-platform-head .test-actions #pause-test svg g, #coding-platform-head .test-actions #straight-page-view svg g, #coding-platform-head .test-actions #straight-page-view svg path { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;} */
#coding-platform-head .test-actions #pause-test:hover svg g, #coding-platform-head .test-actions #pause-test:active svg g, #coding-platform-head .test-actions #pause-test:focus svg g, #coding-platform-head .test-actions #straight-page-view:hover svg g { fill:#fff;}
#coding-platform-head .test-actions #pause-test:hover svg path, #coding-platform-head .test-actions #pause-test:active svg path, #coding-platform-head .test-actions #pause-test:focus svg path, #coding-platform-head .test-actions #straight-page-view:hover svg path { fill:#fff;}
#coding-platform-head .test-actions .expand-collapse-btn .expand-view { display:none;}
#coding-platform-head .test-actions .expand-collapse-btn.less .expand-view { display:inline-block;}
#coding-platform-head .test-actions .expand-collapse-btn.less .collapse-view { display:none;}

#coding-platform-head .container-fluid { padding:0 24px;}
#coding-platform-head .single .user-attentions { padding-top:13px;}
#coding-platform-head span#submit_test_response { margin-left:16px !important;}

#all-questions-lnk { float:left; margin-right:20px; padding-left:18px; line-height:24px; margin-top:11px; background:url("images/tg_images_new/sprites.svg") -89px -44px no-repeat; margin-left:0; position:relative; z-index:2; top:2px;}

#coding-platform-head .for-practice .question-info { min-width:27%; width:auto;}
#coding-platform-head .for-practice .user-attentions { padding-top:13px;}
#coding-platform-head .for-practice .question-info h4 { margin-bottom:0; line-height:22px;}
#coding-platform-head .for-practice .question-info p {line-height:20px;}
#coding-platform-head .for-practice .question-info p span { color:#8a858d;}
#coding-platform-head .for-practice .question-info p .block { margin-right:24px; float:left;}
#coding-platform-head .for-practice .question-info p .block span { color:#4a4548;}
#coding-platform-head .for-practice.show-answers .question-info { padding-top:10px;}
#coding-platform-head .for-practice .user-attentions { width:auto;}

#coding-platform-head .answer-status-block { float:right; padding-top:14px;}
#coding-platform-head .answer-status-block ul { margin:0; padding:0; list-style:none;}
#coding-platform-head .answer-status-block ul li { margin-right:24px; font-size:14px; float:left; line-height:20px; color:#8a858d;}
#coding-platform-head .answer-status-block ul li:last-child { margin-right:0;}
#coding-platform-head .answer-status-block ul li span { color:#4a4548;}
#coding-platform-head .answer-status-block ul li .icon { width:16px; height:16px; display:inline-block; vertical-align:text-bottom; margin-right:8px; background-image:url("images/tg_images_new/sprites.svg"); background-repeat:no-repeat; background-position:-360px -216px;}
#coding-platform-head .answer-status-block ul li.corrent .icon { background-position:-360px -216px;}
#coding-platform-head .answer-status-block ul li.incorrect .icon { background-position:-336px -216px;}

/*--- Instructions Popup --- */
#instructions-popup .modal-body { padding:0; height:353px !important; overflow-y:visible !important;}
#instructions-popup .column { float:left; width:50%; padding:16px;}
#instructions-popup .column:last-child { background:#f6f6f6; padding:0;}
#instructions-popup .column .inner { padding:24px 8px 24px 24px;}
#instructions-popup h2 { margin-bottom:4px;}
#instructions-popup h5 { margin-bottom:8px; font-weight:bold;}
#instructions-popup p { color:#8a858d; margin-bottom:32px;}
#instructions-popup ul { margin:0 0 20px; padding:0; list-style:none;}
#instructions-popup ul li {color:#8a858d; margin-bottom:5px; line-height:20px; font-size:14px;}
#instructions-popup ul li span{ font-weight:600;}
#instructions-popup ul li:last-child { margin-bottom:0;}
#instructions-popup ol { margin:0; padding:8px 0 0 18px;}
#instructions-popup ol li { font-size:14px; color:#19171a; font-weight:bold; line-height:18px; margin-bottom:12px;}
#instructions-popup ol li:last-child { margin-bottom:0;}
#instructions-popup ol li span { color:#4a4548; line-height:20px; font-weight:normal; display:block; padding-left:14px;}
#instructions-popup .scroll {height:353px;}

/*--- Coding Platform --- */
#coding-platform { background:#f2f2f2;}
#coding-platform .col-sm-4.padding-less  { padding-right:0;}
#coding-platform .col-sm-8.padding-less  { padding-left:0;}

#question-controller { position:fixed; top:64px; width:377px; padding-right:16px; z-index:6;}
#question-controller .scroll .mCSB_inside > .mCSB_container { padding-right:16px; margin:0;}
#question-controller .scroll { margin-right:-15px; position:relative;}
#question-controller h4 { padding-top:40px;}
#question-controller h4 span { font-size:14px; color:#8a858d; font-weight:normal;}
#question-controller .questions-list {border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada;}
#question-controller .questions-list ul { margin:0; padding:0; list-style:none;}
#question-controller .questions-list ul li { padding:16px 0 0 17px; position:relative;}
#question-controller .questions-list .question-number { float:left;}
#question-controller .questions-list .question-number h6 { margin-bottom:4px; width:32px; text-align:center; color:#4a4548;}
#question-controller .questions-list .question-details { margin-left:39px; padding-right:24px; padding-bottom:16px; min-height:64px; border-bottom: solid 1px #dadada;}
#question-controller .questions-list ul li:last-child .question-details { border-bottom:0;}
#question-controller .questions-list ul li > a { text-decoration:none;}
#question-controller .questions-list .question-details h6 { margin:0;}
#question-controller .questions-list .question-details h6 a { color:#4a4548; text-decoration:none;}
#question-controller .questions-list .question-details h6 a:hover { text-decoration:none;}
#question-controller .questions-list .question-number .answer-status { width:16px; height:16px; display:block; margin:8px 0 0 6px; background-image:url("images/tg_images_new/sprites.svg"); background-repeat:no-repeat; background-position:-360px -216px;}
#question-controller .questions-list .answer-status.correct { background-position:-168px -240px;}
#question-controller .questions-list .answer-status.wrong { background-position:-336px -216px;}

#question-controller .questions-list ul li.current .question-number h6, #question-controller .questions-list ul li.current .question-details h6 { font-weight:600; color:#19171a;}
#question-controller .questions-list ul li:hover .question-number h6, #question-controller .questions-list ul li:hover .question-details h6 { color:#19171a;}
#question-controller .questions-list ul li.attempted .question-number h6, #question-controller .questions-list ul li.attempted .question-details h6 { color:#8a858d;}
#question-controller .questions-list ul li.current:after {content:""; display:block; width:4px; height:100%; background:#d7263d; position:absolute; right:0; top:0;}

#coding-content-area { background:#fff; padding:40px 0 0 0; position:relative;}
#coding-content-area:after { content:""; height:100%; width:50%; background:#fff; display:block; position:fixed; right:0; top:0; z-index:5;}
#coding-content-area .inner-coding-area { position:relative; z-index:6;}
#coding-content-area .inner-coding-area .tabs1 > .nav-tabs, #coding-content-area .inner-coding-area .tabs1 > .mobile-dropdown-view .nav-tabs { margin:0 0 20px;}
#coding-content-area .inner-coding-area.left-space { padding-left:24px; padding-bottom:24px;}
#coding-content-area h4 { line-height:27px; color:#19171a; font-weight:bold; white-space:-moz-pre-space;white-space:pre-line;}
#coding-content-area .question-number { float:left; width:100px; text-align:center;}
#coding-content-area .question-number h4 { margin-bottom:8px;}
#coding-content-area .question-details { margin-left:100px;}
#coding-content-area .inner-coding-area h2 .bookmark-icon { vertical-align:top; margin-left:-9px;}

#question-controller #accordion .questions-list { border:0; box-shadow:none;}
#question-controller #accordion .panel-heading { background:none; padding:0;}
#question-controller #accordion .panel-heading .panel-title { font-size:14px; font-weight:bold; text-transform:uppercase; line-height:18px;}
#question-controller #accordion .panel-heading .panel-title span { margin-left:36px; display:block; border-bottom: solid 1px #dadada; padding-bottom:16px; padding-right:16px;}
#question-controller #accordion .panel-heading .panel-title small { font-size:14px; line-height:20px; display:block; color:#8a858d; font-weight:normal; text-transform:none; margin-top:4px;}
#question-controller #accordion .panel-heading .panel-title small.category-name-title { display:inline-block; margin-top:0;}
#question-controller #accordion .panel-heading .panel-title a { color:#19171a; display:block; border-radius:2px 2px 0 0; background:#fff; padding:16px 0 0 4px; text-decoration:none;}
#question-controller #accordion .panel-heading .panel-title a.collapsed { background:none;}
#question-controller #accordion .panel-heading .panel-title a.collapsed span { border:0;}
#question-controller #accordion .panel-default { background-color: #f7f7f7; border: solid 1px #dadada; border-bottom:0; border-radius:0; margin:0; box-shadow:none;}
#question-controller #accordion .in .panel-default { background-color: #fff;}
#question-controller #accordion .panel-default:first-child { border-top-left-radius:3px; border-top-right-radius:3px;}
#question-controller #accordion .panel-default:last-child { border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-bottom:1px solid #dadada;}
#question-controller #accordion .arrow-icon { width:32px; display:block; height:32px; background:url("images/tg_images_new/sprites.svg") -160px 0 no-repeat; position:relative; float:left; margin:-7px 4px 0 0;}
#question-controller #accordion .collapsed .arrow-icon { background-position:-200px 0; } 
#question-controller #accordion .questions-list ul li { padding-left:34px;}

/*--- Accordion 1 --- */
.accordion1 .panel-heading { background:none; padding:0;}
.accordion1 .panel-heading .panel-title { margin-bottom:0 !important;}
.accordion1 .panel-heading .panel-title a { color:#19171a; display:block; border-radius:5px; background:#fff; padding:11px 0 11px 16px; text-decoration:none;}
.accordion1 .panel-heading .panel-title a.collapsed { background:none;}
.accordion1 .panel-heading .panel-title a.collapsed span { border:0;}
.accordion1 .panel-default { background-color: #fff; border: solid 1px #dadada; border-radius:6px; margin:0; box-shadow:none;}
.accordion1 .panel-heading .panel-title { font-size:14px; font-weight:bold; text-transform:uppercase; line-height:18px !important;  white-space:normal !important;}
.accordion1 .arrow-icon { width:32px; display:block; height:32px; background:url("images/tg_images_new/sprites.svg") -160px 0 no-repeat; position:relative; float:left; margin:-7px 4px 0 0; float:right;}
.accordion1 .collapsed .arrow-icon { background-position:-200px 0; }
.accordion1 .collapse {overflow:hidden;}
.accordion1 .collapse.in {overflow:visible;}
.accordion1.panel-group .panel + .panel { margin-top:16px;}
.accordion1 .CodeMirror { margin:0 -1px -1px; border-radius:0 0 5px 5px; height:390px;}

/*--- Bookmark --- */
.bookmark-icon { width:32px; height:32px; display:inline-block;}
.bookmark-icon:hover .bookmark-fill, .bookmark-icon.active .bookmark-fill{ fill:#feb95f;}

/*--- Coding Footer --- */
.coding-footer { text-align:right; padding-bottom:50px;}
.coding-footer.no-padding { padding-bottom:8px;}
.coding-footer .btn  { min-width:136px; margin-left:13px; }
.expanded .coding-footer.no-padding .btn { min-width:100px;}

/*--- Question Area --- */
#question-area .question-status { font-size:12px;line-height:30px;}
#question-area .question-status .status-blk { display:inline-block; margin-right:20px; position:relative;}
#question-area .question-status .fa {margin-right:2px;}
#question-area .question-status .rating1 { display:inline-block; vertical-align:text-top; margin-left:5px; position:relative; top:2px;}
.coding-page #question-area, .coding-page .mcq-description { margin-bottom:32px;}
.coding-page #content { min-height:15px !important;}
#question-area .question-status .popover { padding:7px 10px 10px 15px; top:22px; min-width:185px; border:1px solid rgba(0, 0, 0, 0.25);}
#question-area .question-status .popover p { margin-bottom:5px;}
#question-area .question-status .popover .close { margin-right:-5px; margin-top:-7px;}
#question-area .question-status .status-blk.small { font-size:100%;}
#question-area .question-status .status-blk .dropdown-menu > li > a { padding:5px 10px; font-size:13px; color:#8c8c8c;}
#question-area .question-status .rating-thanks { display:none; margin-left:10px; font-weight:500;}
#question-area h2 small { font-size:14px; color:#8a858d; font-weight:normal;}
#question-area h5 { margin-bottom:4px;}
#question-area h6 { margin-bottom:8px;}
#question-area h1 { font-size:24px; line-height:32px;}
#question-area h1 small { font-size:14px; color:#8a858d; font-weight:normal;}

.expanded #question-area .row { margin:0;}
.expanded #question-area .col-sm-8 { padding:0; width:100%;}
.expanded #question-area .col-sm-4 { display:none;}

/*--- User-action-tabs --- */
.user-action-tabs {border-radius: 6px; display:none; background-color: #ffffff; border: solid 1px #dadada; padding-top:7px; margin-top:16px;}
.user-action-tabs button.close { width:16px; height:16px; outline:none; background:url(images/tg_images_new/sprites.svg) -8px -152px no-repeat; opacity:1; margin-top:2px; margin-right:8px;}
.user-action-tabs .tab-content { padding:0 16px 16px; min-height:300px;}

/*--- Front-end-render --- */
#front-end-render {border-radius: 6px; background-color: #f2f2f2; border: solid 1px #dadada; margin-bottom:16px;}
#front-end-render p { margin-bottom:8px;}
#front-end-render .alert { margin-bottom:0;}
#front-end-render iframe { border:1px solid #dadada; background:#fff; margin-top:8px;}

/*--- webcam_instruction_msg_body --- */
#webcam_instruction_msg_body { position:fixed; box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.12) inset; background:#EFE4FB; color:#4A4548; left:0; top:64px; width:100%; z-index:1002;}

/*--- 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:50px;}
#editor-box { margin-bottom:30px; position:relative;}
#editor-box #editor {margin:0;border-radius:0; border:1px solid #dadada; margin-top:61px; /*margin-top:-1px;*/}
#editor-box #editor.for-split-editors { margin-top:0;}
#editor-box header { background:#fff; padding:12px; border:1px solid #dadada; border-bottom:1px solid #dadada; border-radius:4px 4px 0 0; }
#editor-box .scroll .mCSB_inside > .mCSB_container { padding-right:16px; margin:0;}
#editor-box .ace_print-margin { background:none;}

#full-screen-question.normal-view #editor-box header { width:100% !important;}
#full-screen-question.normal-view #editor-box { display:none;}
#full-screen-question.straight #editor-box { display:block;}
/*#full-screen-question.normal-view header #compile_code { display:none;}*/
#full-screen-question .bottom-action { display:none; padding-top:16px;}
#full-screen-question.normal-view .bottom-action { display:block;}
#full-screen-question.expanded #editor-box, #full-screen-question.expanded #front-end { display:block !important;}
#full-screen-question.expanded #editor-box header {position:fixed; top:72px; z-index:100; border-radius:4px 0 0 0; border-right:0;}
#full-screen-question.expanded #editor-box header .user-actions > p {position:relative; z-index:101;}
#full-screen-question.expanded #split-editor { margin-top:62px;}
#full-screen-question.expanded #editor-box header .inner-fixed-header { border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-top:1px solid #dadada; border-radius:0 5px 0 0; background:#fff; position:fixed; top:72px; right:24px; display:block; height:62px; width:90%; padding:12px 12px 12px 0;}
#full-screen-question.expanded #editor-box header:before { content:""; border-left:1px solid #dadada; border-top:1px solid #dadada; border-radius:5px 0 0 0; background:#fff; position:absolute; top:-1px; left:-1px; display:block; height:61px; width:12px; z-index:102;}
#full-screen-question.expanded #editor-box header:after { content:""; background:#fff; position:absolute; top:-1px; left:-33px; display:block; height:62px; width:35px; z-index:101;}
#full-screen-question.expanded #editor-box .user-actions:after { content:""; background:#dadada; position:absolute; bottom:-13px; left:-13px; display:block; height:1px; width:4px; z-index:102;}

#full-screen-question.normal-view #editor-box.fixed  header { position:fixed; top:70px; z-index:100; width:947px !important;}
#full-screen-question.normal-view #editor-box.fixed  header:before { position:absolute; left:-1px; top:-20px; height:19px; display:block; width:949px; content:""; background:#f2f2f2; z-index:5;}
#full-screen-question.multi-question-view.normal-view #editor-box.fixed  header, #full-screen-question.multi-question-view.normal-view #editor-box.absolute header {width:698px !important;}
#full-screen-question.multi-question-view.normal-view #editor-box.fixed  header:before, #full-screen-question.multi-question-view.normal-view #editor-box.absolute header:before {width:700px;  background:#ffffff;}

#full-screen-question.normal-view #editor-box.fixed, #full-screen-question.normal-view #editor-box.absolute { padding-top:62px;}
#full-screen-question.normal-view #editor-box.absolute  header { position:absolute; top:-61px; z-index:100; width:947px !important;}
#full-screen-question.normal-view #editor-box.absolute  header:before { position:absolute; left:-1px; top:-20px; height:19px; display:block; width:949px; content:""; background:#f2f2f2; z-index:5;}

#editor-box header.compare-code-header h4 { margin-bottom:0; float:left; margin-right:8px; line-height:32px; position:relative;  z-index:101;}
#editor-box header.compare-code-header .action-lnk { margin-left:40px; float:right; margin-top:8px;}

#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 .editing-box { border-radius:0; margin-bottom:0; position:relative; margin-bottom:-1px;} 

#editor-box header .play-vs { float:right; margin-left:24px;}
#editor-box header .play-vs .select { margin-left:8px;}

#editor-box .editor-footer {background:#f7f7f7; padding:10px 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 { position:relative; height:36px;}
#editor-box .user-actions p.form1 > .select { width:150px;}
#editor-box.large-view .user-actions p.form1 > .select, .normal-view #editor-box .user-actions p.form1 > .select { width:265px;}

#editor-box .editor-controllers { float:right; padding-top:2px;}
#editor-box .editor-controllers > ul { margin:0; padding:0; list-style:none; position:relative;}
#editor-box .editor-controllers > ul > li { float:left; margin-left:8px;}
#editor-box .editor-controllers > ul > li > a { display:block; position:relative; border-radius:3px; width:32px; height:32px; line-height:30px; text-align:center; background-color:#fff; background-image:url("images/tg_images_new/sprites.svg"); background-repeat:no-repeat;}
#editor-box .editor-controllers > ul > li > a.active, #editor-box .editor-controllers > ul > li > a:active, #editor-box .editor-controllers > ul > li.open > a { background-color:#d8d8d8;}
#editor-box .editor-controllers > ul > li > a svg { vertical-align:middle;}
#editor-box .editor-controllers > ul > li > a:hover svg g {fill:#7a7f8a;}
#editor-box .editor-controllers > ul > li > a .number { display:block; border-radius:50%; width:12px; height:12px; background:#dadada; right:1px; bottom:3px; line-height:12px; color:#4a4548; text-align:center; font-size:8px; position:absolute;}
#editor-box .editor-controllers > ul > li > a .for-tooltip { width:32px; height:32px; display:block;}

#editor-box .editor-controllers > ul > li > a.settings-btn { background-position:-160px -104px;}
#editor-box .editor-controllers > ul > li > a.keyboard-btn { background-position:-201px -104px;}
#editor-box .editor-controllers > ul > li > a.diff-btn { background-position:-241px -104px;}
#editor-box .editor-controllers > ul > li > a.save-code-btn { background-position:-280px -104px;}
#editor-box .editor-controllers > ul > li > a.download-upload-btn { background-position:-320px -104px;}
#editor-box .editor-controllers > ul > li > a.input-btn { background-position:-361px -104px;}
#editor-box .editor-controllers > ul > li > a.faq-btn { background-position:-17px -256px;}

#editor-box .editor-controllers > ul > li > a.settings-btn:hover, #editor-box .editor-controllers > ul > li > a.settings-btn.active, #editor-box .editor-controllers > ul > li > a.settings-btn:active { background-position:-160px -144px;}
#editor-box .editor-controllers > ul > li > a.keyboard-btn:hover, #editor-box .editor-controllers > ul > li > a.keyboard-btn.active, #editor-box .editor-controllers > ul > li > a.keyboard-btn:active { background-position:-201px -144px;}
#editor-box .editor-controllers > ul > li > a.diff-btn:hover, #editor-box .editor-controllers > ul > li > a.diff-btn.active, #editor-box .editor-controllers > ul > li > a.diff-btn:active { background-position:-241px -143px;}
#editor-box .editor-controllers > ul > li > a.save-code-btn:hover, #editor-box .editor-controllers > ul > li > a.save-code-btn.active, #editor-box .editor-controllers > ul > li > a.save-code-btn:active { background-position:-280px -144px;}
#editor-box .editor-controllers > ul > li > a.download-upload-btn:hover, #editor-box .editor-controllers > ul > li > a.download-upload-btn.active, #editor-box .editor-controllers > ul > li > a.download-upload-btn:active, #editor-box .editor-controllers > ul > li.open > a.download-upload-btn { background-position:-320px -144px;}
#editor-box .editor-controllers > ul > li > a.input-btn:hover, #editor-box .editor-controllers > ul > li > a.input-btn.active, #editor-box .editor-controllers > ul > li > a.input-btn:active { background-position:-361px -144px;}
#editor-box .editor-controllers > ul > li > a.faq-btn:hover, #editor-box .editor-controllers > ul > li > a.faq-btn.active, #editor-box .editor-controllers > ul > li > a.faq-btn:active { background-position:9px -256px;}

#editor-box #compile_code, #editor-box .compile-action-btn, #editor-box #show_owntestcase_btn { float:right; margin-left:24px; margin-top:2px;}
#editor-box #show_owntestcase_btn { margin-right:-8px;}
#editor-box .editor-controllers > ul > li .inner { position:relative;}
#editor-box .editor-controllers > ul > li .dropdown-menu { border-radius:0; border:0; padding:0;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);} 
#editor-box .editor-controllers > ul > li .dropdown-menu > li > a {padding:8px 16px;} 
#editor-box .editor-controllers > ul > li.open .dropdown-menu { display:block !important;} 
#editor-box .editor-controllers > ul > li.custom-input-icon { display:none;}
#editor-box .editor-controllers .show-editor-controllers { display:none; height:32px; width:8px; background:url("images/tg_images_new/sprites.svg") no-repeat scroll -118px -176px;}
#editor-box .editor-controllers.dropdown-mode .show-editor-controllers { display:block;}
#editor-box .editor-controllers.dropdown-mode .dropdown-menu { left:auto; right:0; top:-2px;}

#editor-box .editor-controllers.dropdown-mode { position:relative;}
#editor-box .editor-controllers.dropdown-mode > ul { position:absolute; width:32px; left:-14px; top:2px; z-index:100; display:none; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1);}
#editor-box .editor-controllers.dropdown-mode > ul > li { float:none; margin:0;}
#editor-box .editor-controllers.dropdown-mode > ul > li a { border-radius:0;}
#editor-box .editor-controllers.dropdown-mode > ul > li.custom-input-icon { display:block;}
#editor-box .dropdown-mode #settings-dropdown label.left-label { width:100%; padding-top:0; margin-bottom:8px; float:none;}
#editor-box .dropdown-mode #settings-dropdown .col-sm-9, #editor-box .dropdown-mode #settings-dropdown .col-sm-3, #editor-box .dropdown-mode #settings-dropdown .col-sm-5 { width:100%; float:none;}
#editor-box .dropdown-mode #settings-dropdown .select-inline { display:block; width:100%; margin-bottom:24px; margin-left:0;}
#editor-box .dropdown-mode #settings-dropdown ul li:nth-last-child(2) { margin-bottom:0;}

#editor-box #editor-actions { padding-top:15px; margin-bottom:15px;}
#editor-box #editor-actions .button4 { margin-right:7px;}
#editor-box #own_testcase .form-control { height:285px; border:0 !important; padding:0;}

#full-screen-question.expanded { position:fixed; left:0; top:0; height:100%; width:100%; z-index:1001; margin-top:64px; background:#fff;}
#full-screen-question.expanded #question-area, #full-screen-question.expanded #editor-box { float:left;}
#full-screen-question.expanded #question-area .scroll { padding-top:40px; padding-bottom:8px;} 
#full-screen-question.expanded #question-area .scroll .mCSB_inside > .mCSB_container { padding-right:16px; margin:0; min-height:200px;}
#full-screen-question.expanded #editor-box .scroll { padding-top:8px; padding-bottom:8px;}
#full-screen-question.editor-view-only #question-area, #full-screen-question.editor-view-only #editor-box { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
#full-screen-question.expanded #question-area { padding:0 12px 0 24px; width:70%; position:relative; /*box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12) inset; */background-color: #f2f2f2; z-index:101;}
#full-screen-question.expanded #question-area.hide-contents > .scroll, #full-screen-question.expanded #question-area.hide-contents > .row {opacity:0;}
#full-screen-question.expanded #question-area .ui-resizable-handle {background-color: #dadada; width:4px; right:0;}
#full-screen-question.expanded #editor-box { padding:0 8px; padding-left:32px; padding-right:8px; width:30%; overflow:auto;}
/*#full-screen-question.expanded #editor-box:before { height:10px; display:block; width:100%; content:""; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12); position:absolute; left:0; top:-10px;}*/
#full-screen-question.expanded #editor-box .ui-resizable-handle {display:none !important;}
#hide-question-area { width:16px; height:32px; background-color:#dadada; background-image:url("images/tg_images_new/sprites.svg"); background-repeat:no-repeat; background-position:-313px -72px; display:block; position:absolute; left:0; text-decoration:none; top:20px; z-index:102; border-radius:0 3px 3px 0;}
#hide-question-area.less { background-position:-134px -176px;}
#full-screen-question #editor .ace_content { width:100% !important;}
#full-screen-question.normal-view #hide-question-area { display:none;}
#full-screen-question.normal-view .scroll .mCSB_inside > .mCSB_container { margin-right:0; overflow:visible;}
#full-screen-question.normal-view .mCSB_2_scrollbar_vertical, #full-screen-question.normal-view .mCSB_scrollTools { display:none !important;}
#full-screen-question.normal-view .mCustomScrollBox, #full-screen-question.normal-view .scroll {overflow:visible; height:auto !important;}
#full-screen-question.normal-view #languages-tabs .mCustomScrollBox {overflow:auto; height:100% !important;}
#full-screen-question.normal-view #languages-tabs .scroll {overflow:auto; height:300px !important;}
#full-screen-question.normal-view .half-column { width:auto !important; float:none;}
#full-screen-question.normal-view .submission-table { margin-bottom:40px;}
#full-screen-question.normal-view .scroll .mCSB_inside > .mCSB_container { padding-right:0;}
#full-screen-question.normal-view .half-column { width:auto !important; float:none;}
#full-screen-question.normal-view #editor-box #editor { margin-top:-1px;}
#full-screen-question.normal-view #flex-container { margin-top:0;}

#full-screen-question.code-memo-editor #editor-box.fixed header:before { height:70px; top:-71px; width:1140px;}
#full-screen-question.code-memo-editor #editor-box.absolute header, #full-screen-question.code-memo-editor #editor-box.fixed header { width:1140px !important;}

#keyboard-bindings .table2 tr td, #keyboard-bindings .table2 tr th { font-size:11px; padding:7px; text-align:left;}
#keyboard-bindings .modal-body { max-height:400px; overflow:auto;}

#show-tab-lists { display:none; width:100%; position:relative; padding-right:32px; text-align:left; border:1px solid #dadada; margin-bottom:24px; color:#4a4548; background:#fff; box-shadow:none;}
#show-tab-lists:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url("images/tg_images_new/sprites.svg") no-repeat scroll -18px -176px; width:31px; height:36px; content:"";}

#settings-dropdown { display:block; width:458px; max-width:458px; z-index:99; left:-204px; right:auto; top:36px; display:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dadada; padding:24px; border-radius:6px;}
#settings-dropdown label.left-label { color:#8a858d; font-weight:normal; line-height:16px;}
#editor-box .editor-controllers.dropdown-mode #settings-dropdown { right:auto; width:286px; left:50%; margin-left:-143px;}
#settings-dropdown > .arrow {left:auto; right:50%; margin-right:-11px; border-bottom-color:#dadada;}
#settings-dropdown .btn-group { display:block; margin-bottom:0;}
#settings-dropdown .btn-group .btn { width:33.333%; border:1px solid #8a858d; color:#4a4548;}
#settings-dropdown .btn-group .btn.active { border:1px solid #19171a; background:#19171a; color:#fff;}
#settings-dropdown .popover-title { padding:8px 15px; position:relative; margin-bottom:8px; border-radius:0;}
#settings-dropdown hr { margin:5px 0;}
#editor-box  #settings-dropdown .two-col { padding:10px 0;}
#editor-box  #settings-dropdown label.left-label { line-height:20px; padding-top:7px;}
#editor-box  #settings-dropdown .select-inline { width:auto; display:inline-block;}
#editor-box  #settings-dropdown .font-size-select { margin-left:16px;}
#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 h6 { text-transform:capitalize; font-weight:600; margin-bottom:8px; color:#19171a;}
#editor-box h6 .pass-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -168px -81px no-repeat; margin-left:3px;}
#editor-box h6 span.alert { text-transform:none;}
#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 pre { margin-bottom:40px; padding:0; background:#f4f4f4; color:#8c8c8c; padding:10px; border:0;}
#code_result.success-msg { color:#02c54c;}
#code_result.warning-msg { color:#d54343;}
#code_result.error-msg { color:#ff0000;}
#testcase_status ul { margin:0; padding:0; margin-bottom:24px; list-style:none;}
#testcase_status ul li { margin-right:40px; margin-bottom:16px; font-size:14px; float:left; line-height:20px; color:#8a858d;}
#testcase_status ul li span { color:#19171a; font-weight:600; margin-left:3px;}
#testcase_status ul li:last-child { margin-right:0;}
#testcase_status ul li .pass-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -168px -81px no-repeat; margin-left:3px;}
#testcase_status ul li .failed-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -192px -80px no-repeat; margin-left:6px;}

#attempted_option ul.options { margin:32px 0 28px; position:relative; padding:0; list-style:none;}
#attempted_option ul.options li { overflow:hidden; padding:16px 60px 16px 0; background:#fff; border:1px solid #dadada; cursor:pointer; position:relative; margin-bottom:0; border-bottom:0;}
#attempted_option ul.options li:hover { background-color: #f7f7f7;}
#attempted_option ul.options li:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px;}
#attempted_option ul.options li:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom:1px solid #dadada;}
#attempted_option ul.options li .option { width:50px; min-height:40px; display:block; text-align:center; font-size:18px; color:#000013; position:absolute; left:0; top:0; height:100%; line-height:27px; font-weight:bold; padding-top:14px;}
#attempted_option ul.options li .question-text { margin-left:48px; font-weight:normal; position:relative; font-size:18px; color:#4a4548; line-height:22px; display:table; height:24px;}
#attempted_option ul.options li .question-text span { display:table-cell; vertical-align:top; word-break:break-word;}
#attempted_option ul.options li pre { width:100%; max-height:200px; margin-bottom:0;}
#attempted_option ul.options li .tick-icon, #attempted_option ul.options li .wrong-icon { position:absolute; right:0; top:0; height:100%; text-align:center; width:60px;}
#attempted_option ul.options li .tick-icon img, #attempted_option ul.options li .wrong-icon img { position:absolute; top:50%; margin-top:-16px; left:50%; margin-left:-16px; opacity:0;}
#attempted_option ul.options li .wrong-icon img { margin-top:-8px; margin-left:-8px;}

#attempted_option ul.options li.active .tick-icon, #attempted_option ul.options li.wrong-answer .wrong-icon, #attempted_option ul.options li.correct-answer .wrong-icon {opacity:1;}
#attempted_option ul.options li.active .question-text, #attempted_option ul.options li.wrong-answer .question-text { margin-left:52px; font-weight:600;}
#attempted_option ul.options li.active .option, #attempted_option ul.options li.wrong-answer .option { padding-left:8px;}
#attempted_option ul.options li:last-child.active, #attempted_option ul.options li:last-child.wrong { margin-bottom:0;}
#attempted_option ul.options li.active, #attempted_option ul.options li.wrong-answer { background:#e7ffec; margin:0 -4px -1px; border-bottom:1px solid #dadada;}
#attempted_option ul.options li.active .tick-icon img, #attempted_option ul.options li.wrong-answer .wrong-icon img, #attempted_option ul.options li.correct-answer .tick-icon img {opacity:1;}
#attempted_option ul.options li.active.wrong-answer .tick-icon img { opacity:0;}

#attempted_option ul.options li.correct-answer { background:#e7ffec !important;;}
#attempted_option ul.options li.wrong-answer { background:#ffe7e7 !important;;}

#custom-input-testing { display:none; padding-top:40px; margin-bottom:16px;}

/*--- Front End --- */
#front-end #navcontainer { border-radius:6px 6px 0 0; border:1px solid #dadada; padding:16px; border-bottom:0; width:100%; overflow:hidden;}
#front-end #navcontainer .btn-group { display:block;}
#front-end #navcontainer .btn-group .btn { width:33.333%; font-size:14px; line-height:20px;}
#front-end .CodeMirror-scroll { margin-bottom:0; padding-bottom:0;}
#front-end #html-design { margin-bottom:0 !important;}

/*--- Job Openings --- */
#job-openings-widget dl.description-list { margin-bottom:24px;}
#job-openings-widget dl.description-list:last-child { margin-bottom:0;}
#job-openings-widget dl.description-list dd { margin-left:95px;}
#job-openings-widget dl.description-list dd.no-padding { margin-left:0;}

/*--- User Result --- */
#user-result { text-align:center; position:relative; margin-right:-8px; margin-left:-8px;}
#user-result.text-left { text-align:left;}
#user-result .inner { float:left;}
#user-result .user-score { font-size:56px; line-height:60px; font-weight: 900; color: #4a4548; margin-bottom:8px;}
#user-result p { color:#8a858d; margin:0;}
#user-result h4 { margin-bottom:8px; padding-top:4px;}
#user-result .badge-image { margin-bottom:11px;}
#user-result .text-left h4 { line-height:27px; margin-bottom:18px; padding-top:0;}
#user-result .btn { min-width:120px;}

#user-result .test-base-result { padding:16px; background:#f7f7f7; border-radius:6px; margin-right:8px; margin-left:8px; margin-bottom:16px; width:47.8%; float:left;}
#user-result .test-base-result.min-height {min-height:239px;}
#user-result .test-base-result .description-list { margin-bottom:16px;}
#user-result .test-base-result p { margin-bottom:16px;}
#user-result .test-base-result p strong {color:#19171a; font-weight:600;}
#user-result .test-base-result h4 { margin-bottom:16px; padding-top:0;}
#user-result .test-base-result h6 { margin-bottom:2px;}
#user-result .test-base-result:nth-child(2n) { float:right;}
#user-result .test-base-result:last-child { margin-bottom:0;}
#user-result .test-base-result h4  .icon { background:url("images/tg_images_new/sprites.svg") no-repeat scroll -43px -107px; display:inline-block; width:26px; height:26px; vertical-align:middle; margin-right:6px;}
#user-result .test-base-result h5 { margin-bottom:8px;}
#user-result .test-base-result dl.disabled, #user-result .test-base-result p.disabled { opacity:0.5;}

#user-result .test-base-result.not-cleared h4 small { display:block; color:#4a4548; font-size:14px; line-height:20px; margin-top:4px;}
#user-result .test-base-result.not-cleared .icon { margin-bottom:24px; float:left;}
#user-result .test-base-result.not-cleared p { color:#4a4548;}

#user-result .test-base-result.single { float:none; width:97.8%;}
#user-result .test-base-result.single h6 { float:left; margin-left:37px;}
#user-result .test-base-result.single .user-score { float:left; font-size:36px; margin-bottom:0; line-height:40px; margin-left:8px; margin-top:-11px;}
#user-result .test-base-result.single .user-score span { font-size:12px;}

#user-result .test-base-result.cleared { background:#e7ffec;}
#user-result .test-base-result.cleared h6 { margin-bottom:0;}
#user-result .test-base-result.cleared p { color:#4a4548;}
#user-result .test-base-result .user-score { margin-bottom:16px;}
#user-result .test-base-result .user-score span { font-size:14px; line-height:20px; font-weight: normal; color: #8a858d; vertical-align:baseline;}
#user-result .test-base-result.cleared h4  .icon, #user-result .test-base-result.not-cleared h4  .icon { background-position:-3px -107px;}

/*--- User Status Box --- */
.user-status-box { border:1px solid #dadada; padding:25px 30px; box-shadow:none; text-align:center; height:465px; }
.user-status-box .icon { margin-bottom:30px; display:inline-block; }
.user-status-box .result-status-box { display:block; padding:10px; color:#fff;  font-size:20px; line-height:24px; font-weight:bold; margin-bottom:30px; background:#fa8c2b;  }
.user-status-box .result-status-box small { display:block; font-size:12px; text-transform:uppercase; font-weight:normal; }
.user-status-box .sociable1 { margin:0px; }
.user-status-box .sociable1 p { font-size:14px; display:inline-block; margin-right:5px; }
.user-status-box > p, .user-status-box > h3 { margin-bottom:25px;}

/*--- User Test Score --- */
.user-test-score { padding:30px 30px 30px 30px; border:1px solid #dadada; background:#fff; height:421px; overflow:auto;  }
.user-test-score p { font-size:14px; margin-bottom:10px;}
.user-test-score .total-score .blue1,.user-test-score .total-score .blue2,.user-test-score .total-score .blue3 { width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:10px; float:left; margin-top:5px; }
.user-test-score .total-score .blue1 { background-color:#30a0ea; }
.user-test-score .total-score .blue2 { background-color:#8ecff9; }
.user-test-score .total-score .blue3 { background-color:#bfe8fe; }
.user-test-score .your-score { padding-top:20px; }
.user-test-score .your-score img { width:75px; height:75px; border-radius:50%; float:left; margin-right:20px; }
.user-test-score .your-score span { font-size:20px; margin-top:15px; display:block; }
.user-test-score .your-score p { text-transform:uppercase; }
.user-test-score .your-score p a { text-transform:none; }
.user-test-score .topic-score .inner-score { background:#f9f9f9; padding:15px 20px 1px; margin-bottom:17px;}
.user-test-score .topic-score h6 { font-size:16px; margin-bottom:20px; }
.user-test-score .topic-score p { margin-bottom:7px; } 
.user-test-score .topic-score p .smoothScroll { text-transform:uppercase; float:right; font-size:11px; line-height:15px; }
.user-test-score .score-button { display:inline-block; float:right; background:#00a63f; border-radius:15px; min-width:75px; font-size:14px; color:#fff; text-align:center; line-height:30px; }
.user-test-score .score-button.red { background:#f94953; }
.user-test-score .topic-score .button1 { min-width:150px; text-transform:uppercase; margin-top:21px;}
.skill-box2 .button1:hover { background:#ca353b; }
.user-test-score .topic-score .your-score { float:right; width:100%; text-align:right; padding-top:0px; margin-top:10px; }
.user-test-score .topic-score .your-score img  { margin:0px 0px 0px 20px;  float:right; }
.user-test-score .topic-score .your-score span { display:inline-block; }
.user-test-score .c100 { margin:0px !important;  margin-bottom:20px!important;  background-color: #32a0e9; }
.user-test-score .c100 .total-score { position:absolute; left:0; line-height:34px; top:39%; width:100%; display:black; height:48px; z-index:10; font-size:24px; text-align:center; color:#333; }
.user-test-score .topic-score .inner { height:200px; overflow:auto; padding-right:10px; max-height:auto; max-height:auto!important; }
.user-test-score .scroll { max-height:180px; }
.user-test-score .mCSB_scrollTools .mCSB_dragger { height:auto!important; min-height:auto!important; }


.user-test-score .pie, .user-test-score .c100 .bar, .user-test-score .c100.p51 .fill, .user-test-score .c100.p52 .fill, .user-test-score .c100.p53 .fill, .user-test-score .c100.p54 .fill, .user-test-score .c100.p55 .fill, .user-test-score .c100.p56 .fill, .user-test-score .c100.p57 .fill, .user-test-score .c100.p58 .fill, .user-test-score .c100.p59 .fill, .user-test-score .c100.p60 .fill, .user-test-score .c100.p61 .fill, .user-test-score .c100.p62 .fill, .user-test-score .c100.p63 .fill, .user-test-score .c100.p64 .fill, .user-test-score .c100.p65 .fill, .user-test-score .c100.p66 .fill, .user-test-score .c100.p67 .fill, .user-test-score .c100.p68 .fill, .user-test-score .c100.p69 .fill, .user-test-score .c100.p70 .fill, .user-test-score .c100.p71 .fill, .user-test-score .c100.p72 .fill, .user-test-score .c100.p73 .fill, .user-test-score .c100.p74 .fill, .user-test-score .c100.p75 .fill, .user-test-score .c100.p76 .fill, .user-test-score .c100.p77 .fill, .user-test-score .c100.p78 .fill, .user-test-score .c100.p79 .fill, .user-test-score .c100.p80 .fill, .user-test-score .c100.p81 .fill, .user-test-score .c100.p82 .fill, .user-test-score .c100.p83 .fill, .user-test-score .c100.p84 .fill, .user-test-score .c100.p85 .fill, .user-test-score .c100.p86 .fill, .user-test-score .c100.p87 .fill, .user-test-score .c100.p88 .fill, .user-test-score .c100.p89 .fill, .user-test-score .c100.p90 .fill, .user-test-score .c100.p91 .fill, .user-test-score .c100.p92 .fill, .user-test-score .c100.p93 .fill, .user-test-score .c100.p94 .fill, .user-test-score .c100.p95 .fill, .user-test-score .c100.p96 .user-test-score .fill, .user-test-score .c100.p97 .fill, .user-test-score .c100.p98 .fill, .user-test-score .c100.p99 .fill, .user-test-score .c100.p100 .fill { 
border: 0.08em solid #c1e6ff; }

.user-test-score .c100.big { font-size:150px; }

/*--- Query Form --- */
#query-form { float:right; margin:0 0 30px 20px; width:350px; }

/*--- Languages-tabs --- */
#languages-tabs { background:#ffffff; border:1px solid #dadada; border-radius:6px; margin-bottom:16px; margin-top:16px;}
#languages-tabs .scroll { height:300px !important; float:left; background:#f7f7f7; width:150px; padding-top:0 !important; overflow:auto; padding-bottom:0 !important;}
#languages-tabs .nav-tabs { margin-bottom:0; background:#f7f7f7; border-bottom:0; padding:0;}
#languages-tabs .tab-content { margin-left:150px;}
#languages-tabs .nav-tabs li { float:none; margin-bottom:0; padding:0;}
#languages-tabs .nav-tabs li:first-child a { border-radius:5px 0 0 0;}
#languages-tabs .nav-tabs li:last-child a { border-radius:0 0 0 5px;}
#languages-tabs .nav-tabs li a { border-radius:0; border-left:3px solid #f7f7f7; line-height:32px; text-align:left; font-size:14px; padding:0 8px 0 30px; border-bottom:0; color:#4a4548;transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
#languages-tabs .nav-tabs li a:hover, #languages-tabs .nav-tabs li.active a { border-left:3px solid #d7263d; color:#d7263d;}
#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;}

#full-screen-question.normal-view #languages-tabs .scroll .mCSB_inside > .mCSB_container { margin-right:16px; overflow:hidden;}
#full-screen-question.normal-view #languages-tabs .mCSB_2_scrollbar_vertical, #full-screen-question.normal-view #languages-tabs .mCSB_scrollTools { display:block !important;}
#full-screen-question.normal-view #languages-tabs .mCustomScrollBox, #full-screen-question.normal-view #languages-tabs .scroll {overflow:hidden; height:300px !important;}
#full-screen-question.normal-view #languages-tabs .mCustomScrollBox {overflow:hidden; height:100% !important;}
#full-screen-question.normal-view #languages-tabs .scroll {overflow:hidden; height:300px !important;}

/*--- Folder Structure --- */
#attempted_option #folder-structure > div { border:1px solid #dadada;}
#folder-structure #tree { background:#f4f4f4; border-bottom:0; padding:0; font-size:12px;}
#folder-structure #data { border-bottom:0; font-size:12px;}
#folder-structure .CodeMirror-lines { line-height:20px;}
#folder-structure .folder-box { border:1px solid #dadada; margin-bottom:16px; border-radius:6px;}
#folder-structure .folder-box .CodeMirror { border:0; border-radius:0 5px 5px 0;}
#folder-structure header { padding:15px; border-bottom:1px solid #d0d0d7; background:#f6f6fb; position:relative;}
#folder-structure header .select { width:200px;}
#folder-structure .CodeMirror-gutters { background:#f2f2f2;}
#selectable-tree { border-right:1px solid #dadada; background:#f7f7f7; padding:16px 0; overflow:auto; height:300px; z-index:10; position:relative; margin-right:-20px; border-radius:5px 0 0 5px;}
#folder-structure .common-lnk { float:none; margin-right:20px; color:#4a4548;}
#folder-structure .common-lnk .icon-download, #upload-zip-file .common-lnk .icon-download { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -335px -80px no-repeat;}
#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.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
#folder-structure header .settings:hover { opacity:1;}
#submitproject .button2  { border-radius:3px; background: #d7263d; color:#fff; text-transform:capitalize; border:0; font-size:14px; line-height:18px; padding:7px 10px; font-weight:900; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;}
#submitproject .button2:hover, #submitproject .button2:focus, #submitproject .button2:active { color:#fff; background:#ae2d43; outline:none;}

#debug-project-data .show-status { font-size:18px; font-weight:500; padding-top:15px;}
#upload-zip-file #download-candidate-code {color:#4a4548;}
#upload-zip-file .modal-footer p.pull-left { margin:0; line-height:32px;}

/*--- Dropzone-upload --- */
.after-upload p { color:#19171a; margin-bottom:16px; word-break:break-all;}
.after-upload p small { color:#8a858d; font-size:12px; margin-left:4px;}
.after-upload .file-icon { width:16px; height:16px; margin-right:1px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -216px -80px no-repeat; vertical-align:sub;}
.after-upload .download-icon { width:16px; height:16px; margin-right:4px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -336px -80px no-repeat; margin-left:14px; vertical-align:sub;}
.after-upload .description-list { padding-left:20px;}
.after-upload .tick-icon { width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -2px -184px no-repeat; vertical-align:sub; margin-right:3px;}
.after-upload .warning-icon { width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -48px -80px no-repeat; vertical-align:sub; margin-right:3px;}
.after-upload dl.description-list dt { max-width:98px;}
.after-upload dl.description-list dd { margin-left:98px;}

.after-submission { margin-top:16px;}


/*--- File-upload-widget --- */
.multi-question-format .file-upload-widget, .multi-question-format .file-upload-block  { display:none; border:1px solid #dadada;}
.file-upload-widget h5 { margin-bottom:4px; margin-top:16px;}
.file-upload-widget .info-p { margin-bottom:0px;}

/*--- Dropzone --- */
.dropzone, .dropzone * { box-sizing: border-box; }
.dropzone { border:solid 2px #dadada; border-style:dashed; border-radius:6px; margin-bottom:8px; position:relative; }
.dropzone:hover { border-color:#d7263d; }
.dropzone .overlay { display:none; position:absolute; width:100%; height:100%; border-radius:6px; background:#ffffff; left:0px; top:0px; pointer-events:none; padding-top:14px; text-align:center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; }
.dropzone.dz-drag-hover { border:dashed 2px #d7263d;}
.dropzone.dz-drag-hover .overlay { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; display:block; }
.dropzone.dz-started:hover  .overlay { border:none; background:none; }
.dropzone .overlay p { margin:0px; font-size:14px; line-height:20px; color:#4a4548; }
.dropzone.dz-started { border:none; }
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone .dz-message { text-align: center;    margin: 2em 0; font-size:14px;  color:#8a858d; line-height:20px; margin:0px; padding:14px; }
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; width:100%; height:100%;}
.dropzone .dz-preview  img { width:100%; height:100%; }
.dropzone .dz-preview.dz-file-preview .dz-image { border:dashed 2px #dadada; border-radius:6px; background: #fff; position:relative; }
.dropzone .dz-preview.dz-file-preview .dz-image:before {content:""; display:block; width:48px; height:48px; background:url("images/tg_images_new/sprites.svg") -57px -207px no-repeat; position:absolute; top:14px; left:50%; margin-left:-24px;}
.dropzone .dz-preview.dz-file-preview .dz-image:after {content:"Upload File"; display:block; width:100%; text-align:center; position:absolute; bottom:14px; color:#dadada; line-height:24px; font-size:14px;}
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; height:100%; }
.dropzone .dz-preview.dz-image-preview { background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove {overflow:hidden; width:16px; padding-top:16px; height:0;background:url("images/tg_images_new/sprites.svg") -359px -80px no-repeat; display: block; cursor: pointer; border: none; float:right; margin-top:1px; }
.dropzone .dz-preview.dz-complete .dz-remove { margin-top:-17px;}
.dropzone .dz-preview .dz-details { margin-top:16px; font-size: 13px; min-width: 90%; max-width:90%; padding-left:20px; position:relative; width:100%; overflow:hidden;}
.dropzone .dz-preview .dz-details:before {content:""; background:url("images/tg_images_new/sprites.svg") -214px -78px no-repeat; width:16px; height:16px; position:absolute; left:0; top:0;}
.dropzone .dz-preview .dz-details .dz-size { font-size: 14px; float:right; line-height:20px; color:#8a858d; font-weight:normal; }
.dropzone .dz-preview .dz-details .dz-size strong { font-weight:normal; }
.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; font-size:14px; line-height:20px; font-weight:600; float:left; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
/*.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }*/
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { border:0;}
.dropzone .dz-preview .dz-image { border-radius:4px;  overflow: hidden; width: 100%; height:102px; position: relative;     display: block; z-index: 10; }
.dropzone .dz-preview .dz-image img { display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 0; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500;
position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; display:none; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite;  animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height:4px; width:84%; background: #dadada; -webkit-transform: scale(1); border-radius: 8px; margin-left:20px; margin-top:8px; }
.dropzone .dz-preview .dz-progress:after {content:"Uploading"; display:block; position:absolute; left:0; bottom:-20px; font-size:12px; line-height:16px; color:#8a858d;}
.dropzone .dz-preview .dz-progress .dz-upload { background: #26d974; background: linear-gradient(to bottom, #26d974, #26d974); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out;  -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; border-radius:3px; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px;font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em;
 color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0;
border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }

.dropzone .upload-icon { display:block; width:48px; height:48px; margin:0 auto 4px;  background:url("images/tg_images_new/sprites.svg") 0 -207px no-repeat;}
.dropzone .download-icon { display:block; width:48px; height:48px; margin:0 auto 4px;  background:url("images/tg_images_new/sprites.svg") -112px -207px no-repeat;}
.dropzone p { margin:0; text-align:center;}
.dropzone .overlay p { font-weight:600; color:#d7263d;}

/*--- Webcam  --- */
#webcam_container { bottom:-16px !important; left:15px; right:auto !important;}
#webcam_movement_warning { top:auto !important; bottom:160px !important; left:16px !important; right:auto;}
#webcam_movement_warning iframe {width:216px !important;}


/* ==========================================================================
    News Page Specific Settings
========================================================================== */

.news-detail-page #content .container { padding-top:2px;}
.newslisting-page .main-banner { padding-bottom:24px;}

/*--- Detailed Description  --- */
.detailed-description img { clear: both; display: block; height: auto; margin: 0 0 20px; width: auto; border-radius:8px;}
.detailed-description img.cover-image { clear: none; float: left; margin: 0 20px 20px 0; max-height: 160px; border:1px solid #dadada; max-width:280px;}
.detailed-description iframe { width:100%;}
.detailed-description a { color:#4a4548; text-decoration:underline;}
/*.detailed-description .main-detail-image { margin-bottom:24px;}
.detailed-description .main-detail-image .image-placeholder { height:306px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:8px; border-radius:6px;}
.detailed-description .main-detail-image img { margin-bottom:6px;}
.detailed-description .main-detail-image .image-source { display:block; font-size:12px; color:#8a858d; line-height:16px;}*/

.detailed-description .main-detail-image { margin-bottom:16px; margin-right:16px; position:relative; float:left; max-width:284px;}
.detailed-description .main-detail-image img { margin:0;}
.detailed-description .main-detail-image .image-source { display:block; font-size:12px; color:#fff; line-height:12px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); position:absolute; left:8px; bottom:8px;}

.detailed-description .engage-box1 { max-width:288px; width:100%;}
.detailed-description .engage-box1.pull-left { margin:0 16px 16px 0;}
.detailed-description .engage-box1.pull-right { margin:0 0 16px 16px;} 

.detailed-description .news-widget1 img,.detailed-description .news-widget2 img { clear:none; display:inline-block; margin:0px; border-radius:0px;  }

#related-stories .engage-box1 { margin-bottom:0;}

/*-- News Slideshow --*/
#news-slideshow { position:relative; margin-bottom:-1px;}
#news-slideshow .slides { height:420px; width:100%;}
#news-slideshow .slide { width:100%; padding-bottom:40px; border-radius:6px 6px 0 0;} 
#news-slideshow .controls { text-align:center; position:absolute; width:100%; z-index:6; left:0; bottom:8px;}
#news-slideshow .controls a { width:8px; height:0; padding-top:8px; overflow:hidden; border-radius:5px; display:inline-block; margin:0 4px; background:#d7b9f7;}
#news-slideshow .controls a:hover, #news-slideshow .controls a.activeSlide { background:#674c87;}

/*--- Comments --- */
#comments { margin-bottom:40px;}
#comments h6 {text-transform:uppercase;}
#comments .fb-comments { border:1px solid #dadada; background:#eeeeee; padding:5px; display:block;}
#comments .fb-comments > span { display:block; width:100% !important;}
#comments .fb-comments iframe { width:100% !important;}

/*--- Comments --- */
#news-carousel { position:fixed; left:0; bottom:-80px; width:100%; height:65px; overflow:hidden; background:#eeeeee; padding:8px 88px; z-index:1000; box-shadow:0 5px 10px #000; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
#news-carousel.active { bottom:0;}
#news-carousel ul { margin:0; padding:0; list-style:none;}
#news-carousel li { float:left; font-size:12px; margin-right:20px;}
#news-carousel li h6 { margin-bottom:8px; font-weight:normal; font-size:13px;}
#news-carousel li p { font-size:12px; color:#8c8c8c; font-weight:300; margin-bottom:0;}
#news-carousel li .image { float:left; width:50px;}
#news-carousel li .image img { height:50px; width:50px;}
#news-carousel li .details { margin-left:60px;}
#news-carousel li .details h6 { margin-bottom:2px;}
#news-carousel li .details h6 a { color:#424242;}
#news-carousel li .details p { color:#8c8c8c;}
#news-carousel .slider .previous-btn { left:-55px;}
#news-carousel .slider .next-btn { right:-41px;}

.loggedin #news-carousel { height:100px; bottom:-115px; }
.loggedin #news-carousel.active { bottom:0; }
.loggedin #news-carousel li { position:relative; height:90px;}
.loggedin #news-carousel li .details { margin-left:0;}
.loggedin #news-carousel .caroufredsel_wrapper { height:90px !important;}
.loggedin #news-carousel .label { text-transform:lowercase; font-weight:normal; background:#fa8c2b; border-radius:0; padding:2px 5px; margin-left:5px;}
.loggedin #news-carousel .btn { padding:1px 8px 3px; text-transform:none; min-width:100px; position:absolute; left:0; bottom:5px;}


/* ==========================================================================
    Webinar Page Specific Settings
========================================================================== */


/* ==========================================================================
    Showcase Page Specific Settings
========================================================================== */


/* ==========================================================================
    Comapany Page Specific Settings
========================================================================== */


/* ==========================================================================
    Skill Page Specific Settings
========================================================================== */


/* ==========================================================================
    Inbox Page Specific Settings
========================================================================== */

/* ==========================================================================
    404 Page Specific Settings
========================================================================== */
.error-page { background:#fff;}
.error-page #content .container { padding-bottom:0;}
.error-page #content .col-sm-4 { display:table; height:582px;}
.error-page #content p  { display:table-cell; vertical-align:middle; margin:0; font-size:24px; line-height:40px; color:#475773; font-weight:300;}
.error-page #content p img { margin-bottom:20px;}
.error-page #content p .button1 { min-width:130px; font-size:16px;}

/* ==========================================================================
    Times Point Page Specific Settings
========================================================================== */


/* ==========================================================================
    Share Activity Page Specific Settings
========================================================================== */

/*--- Share Section --- */
.invt-lft, .flexi-list, .invt-rgt { float:none; width:100%; margin-right:0;}
#network_contacts_block .clear-width { width:auto; float:left;}

.invt-list-menu { margin:0; padding:0; list-style:none;}
.invt-list-menu li { float:left;}
.invt-list-menu li a { text-align:left; font-size:19px; padding:15px 30px; background:#faf9f9;} 
.invt-bx { border-radius:0; border-color:#f5f5f5; border-top:0; box-shadow:none;}
.invt-list-menu li a.inv-act { background:#e1d9d3;}
.inv-conn { font-size:14px; line-height:21px;}
.inv-conn-btn { font-size:20px;}
.inv-conn-btn span, .inv-conn-btn:hover span { padding:12px 15px; height:55px;}
.invt-hd2 { line-height:32px; margin-right:10px; }
.flexi-list .invt-srch-frnd {  margin-bottom:20px; margin-left:15px; margin-top:-8px; clear:right; }
.flexi-list .invt-frnd-info:nth-child(3n) { margin-right:0;}
.invt-gmail em { margin-top:0;}
.invt-frnd-info .invt-frnd-pic { float:left; margin-right:10px;}
.flexi-list .invt-frnd-info { margin-right:35px;}
.invt-frnt-btn{ float:right; line-height:22px;}
.flexi-list .invt-frnd-info .button4 { float:right;}
.invt-frnd-info .friend-name { font-size:14px; color:#424242; margin-bottom:-1px !important; font-weight:500;}
.invt-frnd-info { border-bottom:1px solid #dadada; margin-bottom:4px;}
.invt-frnd-info:last-child { border-bottom:0; margin-bottom:0;}


.invt-lft { width:20%;}
.invt-rgt { width:70%;}
.invt-list-menu li a { font-size:22px; overflow:visible; line-height:22px; display:block; width:100%; overflow:hidden; height:auto; color:#fff !important; }
.invt-list-menu li.gmail-menu a { background:#e93e30 !important;}
.invt-list-menu li.email-menu a { background:#f89a1e !important;}
.invt-list-menu li.codebuddies-menu a { background:#00a8ec !important;}
.invt-list-menu li a.inv-act { background:#eeeeee; color:#333;}
.invt-list-menu li a i { float:none; height:auto; width:auto; background:none; display:inline;}
.invt-list-menu li a .fa { font-size:19px;}
.invt-list-menu li { position:relative;}
.invt-list-menu li .arrow-down { width: 0; display:none; height: 0; position:absolute; bottom:-15px; left:50%; margin-left:-15px; border-left:15px solid transparent; border-right:15px solid transparent;}
.invt-list-menu li .inv-act .arrow-down { display:block;}
.invt-list-menu li.email-menu .arrow-down { border-top:15px solid #f89a1e;}
.invt-list-menu li.gmail-menu .arrow-down { border-top:15px solid #e93e30;}
.invt-list-menu li.codebuddies-menu .arrow-down { border-top:15px solid #00a8ec;}

/*--- Gallery --- */
.gallery .preview { text-align:center; height:372px; margin:0 auto 30px; padding:10px; background:#fff; width:100%;}
.gallery .preview .slide { width:100%; min-height:355px; line-height:355px;}
.gallery .preview .slide img { max-height:353px; vertical-align:middle;}
.gallery .thumbnails { padding:0 50px; position:relative;}
.gallery .thumbnails a.previous-btn { background:url(images/techgig_images/previous-btn.png) left top no-repeat; width:23px; height:32px; position:absolute; left:0; top:50%; margin-top:-16px;}
.gallery .thumbnails a.next-btn { background:url(images/techgig_images/next-btn.png) left top no-repeat; width:23px; height:32px; position:absolute; right:0; top:50%; margin-top:-16px;}
.gallery .thumbnails ul { margin:0; padding:0; list-style:none;}
.gallery .caroufredsel_wrapper { height:100px !important;}
.gallery .thumbnails ul li { float:left; margin-right:25px; width:160px; padding:5px; background:#fff; height:100px; line-height:88px; text-align:center;}
.gallery .thumbnails ul li  a { display:block; max-width:160px; margin:0 auto;}
.gallery .thumbnails ul li img { width:100%; max-height:90px; vertical-align:middle;}
.gallery .company-photos { padding-top:30px;}
.gallery .company-videos .preview { border:2px solid #fff;} 

.gallery .preview .figcaption { width:100%; padding:7px 10px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7);}
.gallery .preview .figcaption h5 { margin-bottom:3px; color:#fff;}
.gallery .preview .figcaption p { margin-bottom:0; color:#8c8c8c;}

.common-popup .pop-image { margin-bottom:15px; max-width:100px; float:left; margin-right:15px; }
.common-popup .button1,.common-popup .button2 { margin-bottom:15px; }
.common-popup h4 { margin-bottom:26px; }


.codejudge-participate #container-wrap { padding-top:0px !important; }
.codejudge-participate #container-wrap.loggedin { padding-top:56px !important; }
.codejudge-participate .left-panel  { margin-bottom:80px;}


/* ==========================================================================
    Admin Panel Pages Specific Settings
========================================================================== */


/* ==========================================================================
    Hackathon
========================================================================== */

/*--- Search Form --- */ 
#search-form1 { float:right; width:340px; position:relative; margin-top:-20px; margin-bottom:20px;}
#search-form1 .inner { background:#fff; border:1px solid #efefef; border-radius:2px; padding:0 5px 0 15px;}
#search-form1  .error_msg { margin-bottom:-18px; display:block;}
#search-form1 input[type='text'] { border:0; float:left; width:283px; padding-left:0;}
#search-form1 input[type='submit'],#search-form1 input[type='button'] { border:0; float:right; background:url("../../files/event_images/cg2017_images/icons.png") -269px -73px no-repeat; width:32px; height:36px; }

#search-form1.search-by-categories .inner{ padding-left:48px;}
#search-form1.search-by-categories input[type='text']{ width:253px;}
#search-form1 .category-lists { position:relative; float:left;}
#search-form1 .category-lists .dropdown-menu { box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:0; border:0; border-radius:0; left:1px; width:178px;}
#search-form1 .category-lists .dropdown-menu li { border-bottom:1px solid #efefef; margin-bottom:0;}
#search-form1 .category-lists .dropdown-menu li:last-child { border-bottom:0;}
#search-form1 .category-lists .dropdown-menu li a { padding:8px 16px; font-size:14px; color:#8c8c8c;}
#search-form1 .category-lists .dropdown-menu li.active a, #search-form1 .category-lists .dropdown-menu li a:hover { color:#8a858d; background:#f2f2f2;}
#search-form1 .category-lists .dropdown-menu li .fa { width:32px; text-align:center;}
#search-form1 .category-menu { display:block; width:37px; border-right:1px solid #efefef; height:37px; text-align:center; padding:10px 4px 0 6px; position:relative;}
#search-form1 .category-menu .line { display:block; height:1px; width:15px; margin:4px auto; background:#8c8c8c;}
#search-form1 .category-menu .icons { display:block; float:left; width:18px; text-align:center;}
#search-form1 .category-menu .fa-caret-down { width:8px; height:4px; display:inline-block; background:url(images/tg_images_new/sprites.svg) -76px -191px no-repeat;}

/*--- Invite Team Members --- */ 
#invite-team-members .table1-wrap { margin-bottom:8px;}
#invite-team-members .table1 tr td.actions { width:150px;}
#invite-team-members .table1 tr td.name small, .team-request-receive .table1 tr td.name small { font-size:100%; color:#8a858d;}
#invite-team-members .table1 tr td.actions .btn { min-width:120px; box-shadow:none;}
#invite-team-members .table1 tr td.name img, .team-request-receive .table1 tr td.name img { float:left;}
.team-request-receive .table1 tr td .btn { min-width:130px; border:0; box-shadow:none; margin-left:2px;}
.team-request-receive .table1 tr td .btn.request-sent { cursor:default;}
.team-request-receive .table1 tr td.actions { text-align:right;}
#invite-team-members .table1 tr .name, .team-request-receive .table1 tr .name { width: auto; min-width: 200px;}

/*--- Table1 --- */
.table1 tr td .status-btn { background:none; box-shadow:none; min-width:120px; outline:none; cursor:default; border:0;}
.table1 tr td .status-btn.accepted { color:#70be5b;}
.table1 tr td .status-btn.pending { color:#f1a80a;}
.table1 tr td .status-btn.rejected { color:#d7263d;}
.table1 tr td .member-name { font-weight:600;}

#members-status .table1-wrap { margin-bottom:8px;}

/*--- leader-label --- */
.leader-label { background:#f1ac4f; display:inline-block; padding:0 6px 2px; margin-top:3px; font-size:12px; color:#fff; line-height:14px;}

/*--- Team Header --- */ 
#domain-join-team #team-header.content-block-extra { border-bottom:1px dashed #e5e5e5; padding-bottom:20px;}
#team-header .team-info .team-title { font-weight:normal; margin-bottom:38px;}
#team-header .team-info .team-title1 { font-weight:normal; margin-bottom:11px;}
#team-header .team-info h3 span  { font-size:16px; font-weight:normal;}
#team-header .team-info h4 { font-weight:normal; margin-bottom:5px;}
#team-header .team-info p { color:#8c8c8c; font-size:16px; margin-bottom:0;}
#team-header .form1 .team-title { margin-bottom:20px;}
#team-header .team-info .team-title .fa { font-size:13px; vertical-align:top; position:relative; top:2px; margin-right:5px;}
#team-header .team-info .team-title a { text-decoration:none; color:#424242;}
#team-header .team-info .team-title a:hover { text-decoration:underline;}
#team-header .team-info .success_msg { color: #424242; clear:left; font-size: 12px; position: relative; line-height: 16px; margin-bottom: -15px;  display: block;  float: left;}

#team-header .team-info .textbox { display:block; float:left; width:250px; border-bottom:1px solid #e9e9e9;}
#team-header .team-info .textbox .form-control { border:0; padding:0; height:30px; background:#fff; font-size:16px; width:230px; float:left;}
#team-header .team-info .textbox .edit-name { float:right; background:url(images/tg_images/edit-icon.png) left top no-repeat; width:16px; height:16px; display:block; margin-top:8px;}
#team-header .team-info .textbox .edit-name:hover { color:#eee;}
#team-header .team-info .btn-xs { float:left; font-size:14px; margin-top:17px; background:none; color:#d7263d; line-height:14px; padding:0; margin-left:6px; box-shadow:none;}
#team-header .team-info .btn-xs:hover, #team-header .team-info .btn-xs:active, #team-header .team-info .btn-xs:focus { color:#d7263d;}
#team-header .team-info input[type='submit'], #team-header .team-info input[type='button'] { display:none;}
#team-header .team-info .error_msg { margin-bottom:-15px; display:block; float:left;}
#team-header .team-info .team-info-txt { padding-top:8px; color:#4A4548; font-size:12px;}
#team-header .team-info .team-info-txt.no-padding { padding:0;}
#team-header .team-info .team-info-txt .warning-icon { vertical-align:text-top; width:16px; height:16px; display:inline-block; background:url("images/tg_images_new/sprites.svg") -48px -80px no-repeat; margin:0 4px 0 0;}

#team-header .members { padding-top:7px;}
#team-header .col-sm-5 .members { padding-top:1px;}
#team-header .members.extra { float:none;}
#team-header .members .member { margin-bottom:0;}
.members .member { margin-bottom:15px;}
.members .member:last-child { margin-bottom:0;}
/*.members .member.single { width:465px;}*/
.members .member figure { float:left; text-align:center;}
.members .member figure img { width:55px; height:55px; border-radius:50%;}
.members .member .details { margin-left:70px;}
.members .member h5 { margin-bottom:8px;}
.members .member p {color:#8a858d; margin-bottom:4px; word-break:break-all;}
.members .member p:last-child {margin-bottom:0;}
.members .member p strong { font-weight:500; color:#4a4548;}

/*--- Invite To Join --- */ 
#invite-to-join .inner-wrap { padding:16px; background:#f2f2f2;}
#invite-to-join .button1 { min-width:130px;}

/*--- Join Team --- */ 
#join-team { padding-top:18px;}
#join-team .btn { min-width:120px; float:right;}
#join-team .request-sent { background:none;}
#join-team .box-default { margin-bottom:12px;}

.teams-block { margin-bottom:16px; padding:16px; background:#f2f2f2;}
.teams-block.no-more-contents { background:none; padding:10px 16px; border:solid 1px #dadada; border-radius:6px; margin-bottom:0;}
.teams-block.no-more-contents p { margin-bottom:0;}
.no-content-txt {color:#8c8c8c !important;}

/*--- Multiple Email --- */
.form1 .multiple_emails-container { border:1px #dadada solid; min-height:36px; background:#fff; border-radius:2px; padding:0; margin: 0; cursor:text; width:100%;}
.form1 .multiple_emails-container .form-control { clear:both; border:0; height:27px; box-shadow:none; width:auto; outline: none; margin: 3px 5px 3px 5px; padding:2px 7px 2px 7px; font-size:13px; border-radius:18px;}
.form1 .multiple_emails-container input.multiple_emails-error { background:#d7263d; color:#fff;}
/*.multiple_emails-container input.multiple_emails-error {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6767 !important; outline: thin auto red !important; }*/
.form1 .multiple_emails-container ul {list-style-type:none;     padding-left: 0; }
.form1 .multiple_emails-email { margin:3px; padding:4px 7px 2px 12px; font-size:13px; border-radius:18px; background: #ebebeb; float:left; }
.form1 ul li.multiple_emails-email { margin-bottom:3px;}
.form1 .multiple_emails-close { float:right; margin-left:7px; color:#c0c0c0; font-size:20px; line-height:22px;}

 /* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width:54px; height:28px; margin-bottom:0; vertical-align:middle; margin-left:10px;}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s;  transition: .4s;  display:inline-block; width:54px;  height:28px;}
.switch .slider:before {  position: absolute;  content: "";  height: 24px;  width: 24px;  left:2px;  bottom:2px;  background-color: white;  -webkit-transition: .4s;
  transition: .4s;}
input:checked + .slider {  background-color: #d7263d;}
input:focus + .slider {  box-shadow: 0 0 1px #d7263d;}
input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}
/* Rounded sliders */
.switch .slider.round {  border-radius: 34px;}
.switch .slider.round:before {  border-radius: 50%;}

/*--- Competitive Teams --- */ 
#competitive-teams { padding-top:18px;}
#competitive-teams h4.heading2 { word-break:break-all; font-size:16px; }
#competitive-teams h4.heading2 span { display:block; font-weight:200; font-size:14px; line-height:20px; padding-top:5px; }
#competitive-teams h4.heading2 small { font-size:13px;}
#competitive-teams p { margin-bottom:0;}
#competitive-teams .header .leader-label { background:#2e4056; }
#competitive-teams .header h4 { margin-bottom:5px; }
/*#competitive-teams .list5 li { min-height:70px; margin-bottom:10px; }
#competitive-teams .list5 li:first-child { margin-bottom:0px; min-height:auto; }*/

/*--- Competitive Teams --- */ 
#competitive-teams { padding-top:18px;}
#competitive-teams h4.heading2 { word-break:break-all;}
#competitive-teams h4.heading2, #competitive-teams p { margin-bottom:0;}
#competitive-teams .box-default { margin-bottom:12px; padding:25px;}

/*--- Invite Team Members --- */ 
#invite-team-members { padding-top:18px;}

/*--- View Reviews --- */ 
#view-reviews .list5 li p { margin-bottom:10px; color:#424242; font-weight:normal; line-height:21px; font-size:14px;}
#view-reviews .list5 li:last-child { border-bottom:0;}
#view-reviews .modal-body { max-height:500px; overflow:auto;}
#view-reviews .list5 li { border-bottom:1px solid #eeeeee; margin-bottom:0; background:#f4f4f4; padding:10px 15px 15px;}
#view-reviews .list5 li:nth-child(2n) { background:#ffffff;}
#view-reviews .list5 li h5 { font-size:18px; margin-bottom:10px;}
#view-reviews .list5 li .btn, #view-reviews .list5 li .btn:hover, #view-reviews .list5 li .btn:focus, #view-reviews .list5 li .btn:active { border:0; border-radius:0;}


/* ==========================================================================
    Split Editor
========================================================================== */

/*--- Head body Code --- */
#split-editor, #split-tail-editor  { background:#f7f7f7; border:1px solid #dadada; border-top:0; }
#split-editor .CodeMirror-gutters { width:51px !important; }
#split-editor .CodeMirror-linenumber { margin-left:-7px; }
.ace_gutter { border-right:1px solid #dadada;}

/*--- Upload Code  --- */
.upload-code { padding-top:8px; }
.upload-code p { margin-bottom:0;}

/*--- check-input-choices  --- */
.check-input-choices { min-width:170px; max-width:100%;}

/*--- Spload Code Buttons  --- */
.save-code-buttons { float:left; padding-top:7px;}
.save-code-buttons .fa { font-size:16px; margin:0px 5px; color:#979fae; }

.timeline-version { background:#eee; padding:5px 10px; border:1px solid #dadada; border-bottom:none; }
.timeline-version ul { margin:0px; padding:0px; list-style-type:none; border-left:2px solid #c0c0c0;  }
.timeline-version ul li { float:left; margin-left:15px; line-height:25px; position:relative; height:28px; }
.timeline-version ul li:before { content:""; width:15px; height:2px; background:#c0c0c0; position:absolute; top:50%; left:-15px; }
.timeline-version ul li span { display:inline-block; border-radius:50%; width:20px; height:20px; background:#c0c0c0; vertical-align:middle; }
.timeline-version ul li.current span { width:25px; height:25px; }
.timeline-version ul li.active span { background:#0072bb;}

/* ==========================================================================
    New Discussion Forum 
========================================================================== */
#discussion-forum .refresh-btn { background:url(images/tg_images_new/sprites.svg) -128px -152px no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; margin-left:8px;}
#discussion-forum header { margin-bottom:28px; }
#discussion-forum header h3 { float:left; margin-bottom:0; line-height:36px;}
#discussion-forum header p { float:right; margin-bottom:0;}
.extra-small-view #discussion-forum header p, .extra-small-view #discussion-forum header h3 { float:none;}
.extra-small-view #discussion-forum header p { padding-top:8px;}
#discussion-forum header label { float:left; margin-right:8px; color:#4a4548; line-height:33px;}
#discussion-forum header .select{ float:left; width:auto; min-width:122px;}
#discussion-forum .image-holder { float:left; }
#discussion-forum .image-holder img { width:40px; height:40px; border-radius:50%; }
#discussion-forum .user-comment { margin-left:55px; padding-bottom:24px;}
#discussion-forum .user-comment.disabled { opacity:0.5;}
#discussion-forum ul.comment-section > li  {border-bottom:1px solid #c2c2c2; margin-bottom:24px; position:relative; }
#discussion-forum ul.comment-section > li:before {content:""; background:#f2f2f2; height:1px; position:absolute; width:55px; left:0; bottom:-1px; display:block;}
#contest-description #discussion-forum ul.comment-section > li:before, #content .inner-content #discussion-forum ul.comment-section > li:before, .box-default1 #discussion-forum ul.comment-section > li:before {background:#ffffff;}
#discussion-forum ul.comment-section > li:last-child  {border-bottom:0; margin-bottom:0; }
#discussion-forum .editor-block { position:relative;}
#discussion-forum .editor-block p { margin-bottom:0;}
#discussion-forum .code-icon { position:absolute; left:110px; width:24px; height:24px; top:7px; background:url(images/tg_images_new/sprites.svg) -248px -180px no-repeat; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; opacity:0.7;}
#discussion-forum .editor-block p > div:nth-child(2n) { border-radius:0 0 6px 6px;}
#discussion-forum .code-icon:hover { opacity:1;}
#discussion-forum ul li { position:relative; margin-bottom:0;}
#discussion-forum #more_comment_link { margin-top:30px; }
#discussion-forum .user-main-comment  li { padding-left:0px; }
#discussion-forum .user-main-comment .user-comment{ border:0;}
#discussion-forum .user-main-comment  li:before { display:none; }
#discussion-forum h5 { margin-bottom:6px;}
#discussion-forum h5 .time { font-weight:normal; color:#8a858d; margin-left:8px;}
#discussion-forum h5 .reply-to { font-weight:normal; color:#8a858d; margin-left:4px; margin-right:4px;}
#discussion-forum h5 .reply-to .icon { width:16px; height:16px; display:inline-block; background:url(images/tg_images_new/sprites.svg)  -348px -185px no-repeat; vertical-align:middle; margin-right:2px;}
#discussion-forum .comment-box p { margin-bottom:0;}
#discussion-forum .comment-box p { margin-bottom:0;}
#discussion-forum .footer-links { margin:0; text-align:right; display:none; padding-top:16px;}
#discussion-forum .footer-links .btn { float:right; margin-left:16px;}
#discussion-forum .footer-links .cancel {line-height:30px;}
#discussion-forum .footer-links .add-reply { min-width:120px; margin-left:12px;}
#discussion-forum .user-area-comment  { font-size:14px; color:#8a858d; line-height:16px; width:100%; overflow:hidden; }
#discussion-forum .user-area-comment .icon { width:9px; height:6px; display:inline-block; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat; background-position:-279px -189px; vertical-align:middle; margin-left:3px;}

#discussion-forum .user-comment li { font-size:14px; color:#4a4548; line-height:20px; margin-bottom:8px;}
#discussion-forum .user-comment li:last-child { margin-bottom:0;}

#discussion-forum .user-area-comment .like-comments-btn.active, #discussion-forum .user-area-comment .like-comments-btn:active, #discussion-forum .user-area-comment .like-comments-btn:focus { color:#26d974;}
#discussion-forum .user-area-comment .like-comments-btn.active .icon, #discussion-forum .user-area-comment .like-comments-btn:active .icon, #discussion-forum .user-area-comment .like-comments-btn:focus .icon {background-position:-303px -189px;}

#discussion-forum .user-area-comment .unlike-comments-btn .icon { background-position:-376px -189px;}
#discussion-forum .user-area-comment .unlike-comments-btn.active, #discussion-forum .user-area-comment .unlike-comments-btn:active, #discussion-forum .user-area-comment .unlike-comments-btn:focus { color:#ff0000;}
#discussion-forum .user-area-comment .unlike-comments-btn.active .icon, #discussion-forum .user-area-comment .unlike-comments-btn:active .icon, #discussion-forum .user-area-comment .unlike-comments-btn:focus .icon {background-position:-327px -189px;}

#discussion-forum .user-area-comment a { margin:0px 8px; color:#8a858d; float:left;}
#discussion-forum .user-area-comment a.add-comment { margin-left:16px;}
#discussion-forum .user-area-comment a:first-child, #discussion-forum .user-area-comment a.edit-comment-reply { margin-left:0px; }
#discussion-forum .box { position:relative; margin-top:24px;}
#discussion-forum .nicEdit-button-undefined { border:none !important; background-color:#f8f8f8 !important;}
#discussion-forum .nicEdit-panel div[unselectable="on"] { margin-right:3px;}
#discussion-forum .editor-block p > div { width:100% !important;}
#discussion-forum  .box p > div { width:100% !important; }
#discussion-forum ul li ul { margin-left:55px;}
#discussion-forum ul li ul ul { margin-left:47px;}
#discussion-forum ul li ul ul ul ul ul { margin-left:0;}
#discussion-forum ul li ul li .image-holder img { width:32px; height:32px;}
#discussion-forum ul li ul li .user-comment { margin-left:47px;}

#discussion-forum .editor-actions { display:none; margin-bottom:0; padding-top:16px;}
#discussion-forum .editor-actions .post-comment { min-width:120px; margin-left:12px;}
#discussion-forum .editor-actions .error_msg { line-height:28px;}

#discussion-forum .user-comment-txt { margin-bottom:8px;}
/*
#code-snippet .CodeMirror-gutters { height:100% !important; min-width:28px; }
#code-snippet .CodeMirror-gutters .CodeMirror-gutter { min-width:28px; } */

#left-strip-banner, #right-strip-banner { display:none;}

#discussion-forum .hide-replies, #discussion-forum .view-all-replies { margin-left:0; display:none; margin-top:16px;}
#discussion-forum .hide-replies .icon { width:16px; height:16px; display:inline-block; background:url(images/tg_images_new/sprites.svg) -176px -216px no-repeat; vertical-align:middle; margin-left:3px;}
#discussion-forum .view-all-replies .icon { width:16px; height:16px; display:inline-block; background:url(images/tg_images_new/sprites.svg) -216px -216px no-repeat; vertical-align:middle; margin-left:3px;}

/* Nice Editor */
.nicEdit-main { margin:0 !important; padding:8px; background:#fff; width:100% !important;}


/* ==========================================================================
    Hackathon
========================================================================== */
body.hackathon-page #header { position:fixed; padding:0; height:60px; z-index:1002; }
.hackathon-page #header .user-area .avatar-pic { color:#424242; font-size:14px;}
.hackathon-page #header .user-area .avatar-pic img { margin-right:3px;}
.hackathon-page #header .logo { padding:20px 0; margin-right:25px;}
body.hackathon-landing #header .logo { width:80px;}
body.hackathon-landing #header .logo a { display:block; background:#fff; padding:0px 3px 2px; border-radius:2px;}
.hackathon-page #header .user-area { padding-top:16px;}
.hackathon-page .domain-tab { margin-top:-93px;}
.hackathon-page #user-attentions, .hackathon-page #user-attentions .user-attentions-inner { width:295px;}
#header.hackathon-header #main-navigation { float:right; width:auto; }
#header.hackathon-header .user-area { width:auto; }

.hackathon-page #footer { margin-top:30px;}
.hackathon-page #footer  h6 { color:#fff; }
.hackathon-page #footer  p { color:#8a858d; margin-bottom:15px; }
.hackathon-page #footer  p a { color:#d7263d; }

/*--- Hackathon-inner-header --- */
#hackathon-inner-header { margin-bottom:0; background:#f9f9f9; padding:15px; border-radius:6px 6px 0 0; border-bottom:1px solid #eee;}
#hackathon-inner-header .company-logo { width:75px; height:75px; background:#fff; border-radius:3px; padding:5px; text-align:center; position:relative; z-index:10; float:left; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2); line-height:65px; }
#hackathon-inner-header .company-logo img { max-width:65px; max-height:65px;}
#hackathon-inner-header .details { margin-left:90px;}
#hackathon-inner-header .details h1 { padding-top:5px; margin-bottom:15px; font-size:24px; font-family:"roboto",Arial,Helvetica,sans-serif; font-weight:500;}
#hackathon-inner-header .details p { margin-bottom:0; color:#8c8c8c;}

/*--- Hackathon-header-content --- */
#hackathon-header-content { float:left; padding:8px 0 8px 25px;}
#hackathon-header-content .company-logo { width:45px; height:45px; background:#fff; border-radius:2px; padding:3px; text-align:center; position:relative; z-index:10; float:left; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2); line-height:39px; }
#hackathon-header-content .company-logo img { max-width:39px; max-height:39px;}
#hackathon-header-content .details { margin-left:60px;}
#hackathon-header-content .details h5 { margin-bottom:2px; }
#hackathon-header-content .details h5 a {color:#d7263d;}
#hackathon-header-content .details p { margin-bottom:0; color:#8c8c8c;}
#hackathon-header-content .details p a { color:#8c8c8c;}


/* ==========================================================================
	Jobs Page Specific Settings
========================================================================== */

/*--- Bootstrap Maxlength --- */
.bootstrap-maxlength { margin-top:-25px; text-indent:-70px; border-radius:0; background:none; font-size:14px; color:#c2c2c2; font-weight:normal; padding:0;}

/*--- Form Page --- */
.form-page #content .left-panel { position:relative;}
.form-page #content .left-panel:after {display: block;width: 2000px;content: "";background: #fff;top: 0;height: 100%;position: absolute;left:810px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);}
.form-page #content .container:after {display: block;width: 2000px;content: "";background: #fff;top: 0;height: 100%;position: absolute;left: 1205px;}

/*--- Step Tabs --- */
.step-tabs .nav-tabs { margin-bottom:40px; border:0;}
.step-tabs .nav-tabs > li.disabled {pointer-events:none;}
.step-tabs .nav-tabs > li > a { border-radius:0; border: solid 1px #dad9d9; font-size:14px; text-align:center; margin:0; color:#959595; padding:7px 8px; line-height:14px; background:#f4f4f4; min-width:104px;}
.step-tabs .nav-tabs > li > a:before {content:""; display:block; position:absolute; top:-1px; right:-16px; width: 0; height: 0; border-style: solid; border-width:16px 0 16px 15px; border-color: transparent transparent transparent #dad9d9; z-index:1; }
.step-tabs .nav-tabs > li > a:after {content:""; display:block; position:absolute; top:0px; right:-14px; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 14px; border-color: transparent transparent transparent #f4f4f4; z-index:2; }
.step-tabs .nav-tabs > li.active > a:after, .step-tabs .nav-tabs > li > a:hover:after, .step-tabs .nav-tabs > li > a:focus:after { border-color: transparent transparent transparent #ffffff;}
.step-tabs .nav-tabs > li:last-child > a:after, .step-tabs .nav-tabs > li:last-child > a:before { display:none;}
.step-tabs .nav-tabs > li > a .number {display:inline-block; width: 16px; height: 16px; border: solid 1px #b2b2b2; text-align:center; line-height:13px; font-size:8px; color:#959595; vertical-align:top; margin-right:8px; border-radius:10px;}
.step-tabs .nav-tabs > li:first-child > a { border-radius:3px 0 0 3px;}
.step-tabs .nav-tabs > li:last-child > a { border-radius:0 3px 3px 0;}
.step-tabs .nav-tabs > li > a:hover, .step-tabs .nav-tabs > li > a:focus { background:#fff;}
.step-tabs .nav-tabs > li.active > a, .step-tabs .nav-tabs > li.active > a:hover, .step-tabs .nav-tabs > li.active > a:focus { color:#19171a; background-color: #ffffff;  border: solid 1px #dad9d9; font-weight:normal;}
.step-tabs .nav-tabs > li.active > a .number {border: solid 1px #19171a; color:#19171a;}
.step-tabs .nav-tabs > li.completed > a .number { background:url(images/tg_images_new/sprites.svg) -260px -344px no-repeat; border:0; overflow:hidden; padding-top:16px; height:16px;}
/* one item */
.step-tabs .nav-tabs li:first-child:nth-last-child(1) { width: 100%; }
/* two items */
.step-tabs .nav-tabs li:first-child:nth-last-child(2),.step-tabs .nav-tabs li:first-child:nth-last-child(2) ~ li { width: 50%; }
/* three items */
.step-tabs .nav-tabs li:first-child:nth-last-child(3),.step-tabs .nav-tabs li:first-child:nth-last-child(3) ~ li { width: 33.3333%; }
/* four items */
.step-tabs .nav-tabs li:first-child:nth-last-child(4),.step-tabs .nav-tabs li:first-child:nth-last-child(4) ~ li { width: 25%; }

/*--- Search Filter --- */
#search-filter { padding-bottom:12px; position:relative; z-index:10; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
#search-filter .search-form-wrap { padding:12px 0; background:#2d1846;}
#search-filter .search-form-wrap.fixed { height:64px; position:fixed; left:0px; top:0px; width:100%; z-index:1002; }
#search-filter h1 { margin-bottom:4px;}
#search-filter form > ul { display:table; width: 100%;}
#search-filter form > ul > li {display:table-cell; width:auto; vertical-align:top; position:relative; border-left:1px solid #dadada;}
#search-filter form > ul > li:first-child,#search-filter form > ul > li:last-child  { border-left:0;}
#search-filter form > ul > li input[type="text"], #search-filter form > ul > li .select select, #search-filter form > ul > li .select { border:0; border-radius:0; height:48px;}
#search-filter form > ul > li input[type="text"] { padding:6px 16px;}
#search-filter form > ul > li .select select { padding:0 35px 0 9px;}
.chrome #search-filter form > ul > li .select select { padding:0 35px 0 5px;}
#search-filter form > ul > li .btn { border-radius:0 6px 6px 0; height:48px;}
#search-filter .experience-field { width:194px;}
#search-filter .date-posted-field { width:155px;}
#search-height { height:64px; display:none;}
#search-filter .button1 {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}

#search-filter #search-form input[type="text"] { border-radius:6px 0 0 6px; font-size:14px; line-height:20px;}
#search-filter #search-form .search-icon { left:6px; top:8px;}
#search-filter #search-form .inner { padding-left:32px; height:48px; padding-right:0; border-radius:6px 0 0 6px;}
#search-filter #search-form-content { top:48px; border-top:1px solid #dadada; max-height:350px; overflow:auto;}
#search-filter #search-form-content ul li.active a { background-color:#f2f2f2;}
#search-filter #search-form.active .inner { border-radius:6px 0 0 0;}

#search-filter .custom-selectbox { display:block;}
#search-filter .custom-selectbox .btn { box-shadow:none; padding-right:40px; border-radius:0; width:100%; border:0; padding-left:16px; color:#b8b8ca;}
#search-filter .custom-selectbox.open .btn { color:#b8b8ca;}
#search-filter .custom-selectbox .btn.selected, #search-filter .custom-selectbox.open .btn.selected {color:#4a4548;}
#search-filter .custom-selectbox .custom-menu { border-top:1px solid #dadada; max-height:286px; overflow:auto; border-radius:0 0 6px 6px;}
#search-filter .custom-selectbox .custom-menu label { padding:8px 11px;}
#search-filter .custom-selectbox .custom-menu { top:48px;}
#search-filter .custom-selectbox .btn:after { background:url(images/tg_images_new/sprites.svg) -132px -328px no-repeat; width:24px; right:16px;}

#search-filter.small-view form > ul > li input[type="text"], #search-filter.small-view form > ul > li .select select, #search-filter.small-view form > ul > li .select, #search-filter.small-view form > ul > li .btn, #search-filter.small-view #search-form .inner { height:40px;}
#search-filter.small-view { padding-bottom:0;}
#search-filter.small-view form > ul > li input[type="text"] { padding:6px 12px;}
#search-filter.small-view .custom-selectbox .btn { padding-left:12px; height:40px;}
#search-filter.small-view .custom-selectbox .btn:after { top:-4px; right:14px;}
#search-filter.small-view #search-form .search-icon { left:6px; top:4px;}
#search-filter.small-view .experience-field { width:148px;}
#search-filter.small-view .custom-selectbox .custom-menu, #search-filter.small-view #search-form-content { top:40px;}

.job-result-page #search-filter #search-form .inner { padding-left:0; position:relative;}
.job-result-page #search-filter .search-icon { display:none;}

/*--- Job Box Large --- */
.job-box-lg { border-radius:6px; padding:16px; margin-bottom:16px; background:#ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);}
.job-box-lg a { text-decoration:none; vertical-align:top;}
.job-box-lg .job-header { margin-bottom:16px; height:72px;}
.job-box-lg figure { float:left; width:64px; height:64px; line-height:46px; border:1px solid #dadada; border-radius: 3px; padding:8px;}
.job-box-lg figure img { max-height:46px; max-width:46px; vertical-align:middle;}
.job-box-lg .details { margin-left:72px;}
.job-box-lg .details.full-width { margin-left:0;}
.job-box-lg .details h3 { margin-bottom:4px;}
.job-box-lg:hover .details h3 {color:#d7263d;}
.job-box-lg .details p { color:#8a858d; margin-bottom:0;}
.job-box-lg .job-content { margin-bottom:16px; height:124px;}
.job-box-lg .job-footer { font-size:14px; color:#8a858d; line-height:17px;}
.job-box-lg .job-footer .btn { min-width:120px;}
.job-box-lg .job-footer .bookmark-icon { margin-left:2px;}
.job-box-lg dl.description-list dt { min-width:65px;}
.job-box-lg dl.description-list dd { margin-left:73px;}
.job-box-lg .job-footer .metadata { float:right; font-size:14px; line-height:20px; color:#8a858d; position:relative; bottom:-14px;}

.job-box-lg.job-alert .job-header { height:24px;}
.job-box-lg.job-alert .job-header h3 { margin:0;}
.job-box-lg.job-alert .job-content { height:96px;}
.job-box-lg.job-alert dl.description-list dd span {color:#7a7f8a;}
.job-box-lg.job-alert .user-controls { float:right; position:relative;}
.job-box-lg.job-alert .user-controls .dropdown-toggle { width:32px; height:32px; padding:0; margin:0; display:block; text-align:center; background:none; line-height:32px; border:0; margin:-8px -8px 0 0;}
.job-box-lg.job-alert .user-controls .dropdown-toggle svg { vertical-align:middle;}
.job-box-lg.job-alert .user-controls .dropdown-toggle:hover svg g { fill:#d7263d;}
.job-box-lg.job-alert .user-controls.open .dropdown-toggle { background:#f2f2f2;}

/*--- Job Box Small --- */
.job-box-sml { border-radius:6px; border:1px solid #dadada; background:#f7f7f7; text-align:center; margin-bottom:16px;}
.job-box-sml .logo-holder { line-height:53px; background:#fff; border-radius:5px 5px 0 0; padding:4px 16px; margin-bottom:12px; border-bottom:1px solid #dadada; height:64px;}
.job-box-sml .logo-holder img { vertical-align:middle; max-width:104px; max-height:54px;}
.job-box-sml .logo-holder.city { line-height:62px; padding:0;}
.job-box-sml .logo-holder.city img { vertical-align:bottom; max-width:100%; max-height:100%;}
.job-box-sml h5 { margin-bottom:12px;}
.job-box-sml h5 span { display:block; margin-top:4px; color:#d7263d;}

/*--- Job Box Medium --- */
.jobs-medium-boxes { padding-top:8px;}
.job-box-mdm { border-radius:3px; border:1px solid #dadada; background:#ffffff; margin-bottom:16px; padding:16px; height:85px;}
.job-box-mdm:last-child, .job-box-mdm:nth-last-child(2) { margin-bottom:0;}
.job-box-mdm h3 { margin-bottom:8px;}
.job-box-mdm img { float:right; margin-left:16px;}

/*--- Test Box --- */
.test-box1 {border-radius: 6px; background-color: #f2f2f2; margin-bottom:16px; border: solid 1px #dadada; padding:16px 16px 16px 40px; position:relative;}
.test-box1 h3 { height:48px; overflow:hidden;}
.test-box1 dl.description-list { height:132px;}
.test-box1 dl.description-list dd { margin-left:108px; min-height:20px;}
.test-box1 .radio-input { position:absolute; top:16px; left:16px;}
.test-box1 .button2 { min-width:120px; float:right; position:relative; margin-top:-32px;}

/*--- Job List --- */
#job_list .my-status-block span { margin-right:8px;}

/*--- Edit Profile PopUp --- */
#edit-profile-popup ul li { margin-bottom:16px;}
#edit-profile-popup ul li.token-input-input-token-facebook { margin-bottom:0;}
#edit-profile-popup .modal-body { padding-bottom:0;}
#edit-profile-popup ul li .col-sm-4 {color:#8a858d;}
#edit-profile-popup ul li.experience-field .select { width:150px;}

/*--- Coding Platform Head --- */
#coding-platform-head.flexible { height:auto;}
#coding-platform-head .test-actions .common-dropdown { display:inline-block; margin-left:16px;}
#coding-platform-head .test-actions .common-dropdown .dropdown-menu { min-width:176px; right:0; top:40px;}
#coding-platform-head .test-actions .more-btn { padding-right:25px; position:relative;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none; min-width:15px;}
#coding-platform-head .test-actions .more-btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:9px; top:13px; background:url(images/tg_images_new/sprites.svg) -349px -317px no-repeat; width:11px; height:6px; content:"";}
#coding-platform-head .test-actions .more-btn:hover:after { background-position:-199px -349px;}

#coding-platform-head .for-practice .question-info p .block small { color: #ff0c0c; font-size: 100%;}

#coding-platform-head .tabs1 {clear:both; padding-top:24px;}
#coding-platform-head .tabs1 .nav-tabs { margin-bottom:0; border-bottom:0;}
#coding-platform-head .tabs1 .nav-tabs > li { margin-bottom:-8px;}
#coding-platform-head .tabs1 .nav-tabs > li > a { border-bottom:2px solid #fff; padding-bottom:14px;}
#coding-platform-head .tabs1 .magic-line { height:2px; bottom:-8px;}
/* #coding-platform-head .tabs1 .nav-tabs > li.active > a { border-bottom:solid 2px #19171a;} */

.sample-page #coding-platform-head { height:56px;}
.sample-page #coding-platform-head .test-actions { padding-top:4px;}
.sample-page #all-questions-lnk { margin-top:5px;}
.sample-page #coding-platform-head .question-info { display:table; height:36px;}
.sample-page #coding-platform-head .question-info h3 { margin:0; display:table-cell; vertical-align:middle;}
.sample-page #coding-platform-head .question-info h3 a {color: #4a4548; text-decoration: none;}
.sample-page #coding-platform-head .question-info h3 span { font-weight:normal;}

/*--- Common Dropdown --- */
.common-dropdown { position:relative;}
.common-dropdown .dropdown-menu {box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11); padding:0; min-width:126px; left:auto; right:-17px; top:30px;}
.common-dropdown .dropdown-menu:before {width: 16px;  height: 10px;  content: "";  display: block;  right:16px;  top: -10px;  position: absolute;  background: url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;}
.common-dropdown .dropdown-menu li {border-bottom: solid 1px #e9e9e9;}
.common-dropdown .dropdown-menu li a {padding:8px 12px;}
.common-dropdown .dropdown-menu li:first-child a { border-radius:2px 2px 0 0;}
.common-dropdown .dropdown-menu li:last-child a { border-radius:0 0 2px 2px;}
.common-dropdown .dropdown-menu li:last-child {border-bottom:0;}
.common-dropdown .icon { width:16px; height:18px; float:right; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat;}
.common-dropdown .edit-icon { background-position:-366px -271px;}
.common-dropdown .delete-icon { background-position:-219px -311px;}
.common-dropdown .preview-icon { background-position:-118px -309px; width:18px;}
.common-dropdown .clone-icon { background-position:-160px -311px;}
.common-dropdown .close-icon { background-position:-251px -311px;}
.common-dropdown .renew-icon { background-position:-229px -342px;}
.common-dropdown .share-icon { background-position:-100px -270px;}

/*--- No Content Found --- */
.no-content-found { background:#ffffff; width:412px; height:412px; margin:40px auto; border-radius:50%; text-align:center;}
.no-content-found .wrapper { display:table; height:412px; width:100%;}
.no-content-found .inner { display:table-cell; vertical-align:middle;}
.no-content-found svg { margin-bottom:16px;}
.no-content-found h2 { margin-bottom:8px;}
.no-content-found h4 { margin-bottom:0;}
.no-content-found p {color:#8a858d; margin-bottom:0;}
.no-content-found .btn { min-width:120px; margin:16px 6px 0;}

.no-content-found.small { width:auto; height:auto; margin:0 0 24px; border-radius:0;}
.no-content-found.small .wrapper { display:block; height:auto;}
.no-content-found.small .inner { display:block; vertical-align:middle;}

/*--- Post Job Form --- */
#post-job-form .save-job-btn { float:right; width:32px; height:32px; padding:0; line-height:35px; -webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
#post-job-form .save-job-btn:hover svg g { fill:#ffffff;}
#post-job-form .action-lnk.extra-space { display:inline-block; margin-bottom:8px;}
#post-job-form .fields-required {color:#8a858d;}
#post-job-form .form1 ul li { margin-bottom:32px;}
#post-job-form .form1 ul li label small { font-size:100%; color:#8a858d;}
#post-job-form .form1 ul li.radio-check-field { margin-bottom:22px;}
#post-job-form .form1 ul li:last-child { margin-bottom:0;}
#post-job-form .form1 ul li.job-description-field textarea { height:108px;}
#post-job-form .form1 ul li.job-description-field .custom-editor  > div { width:100% !important; }
#post-job-form .form1 ul li.multiple-fields .select {width:158px;}
#post-job-form .form1 ul li.multiple-fields .form-group {min-width:65px; margin-bottom:0;}
#post-job-form .form1 ul li.multiple-fields .form-group label { margin:0; text-align:center;}
#post-job-form .form1 ul li.multiple-fields .form-group  { max-width:160px;}
#post-job-form .form1 ul li.multiple-fields .form-group .form-control { width:100%;}
#post-job-form .form1 ul li.hide-default { display:none;}
#post-job-form .form1 ul li.no-margin { margin-bottom:0;}
#post-job-form .form1 ul li.disable-field {opacity:0.3; pointer-events:none;}
#post-job-form .form1 .show-hidden-field { display:inline-block; margin-top:16px; margin-left:0;}
#post-job-form .form1 .show-hidden-field.no-margin { margin-top:8px;}
#post-job-form .form1 .addon-field { margin-top:8px;}

#post-job-form .form1 ul li.ctc-field .form-inline { padding-top:6px;}
#post-job-form .form1 ul li.ctc-field .select {min-width:160px;}

#post-job-form .form1 .form-action-btns { text-align:right; padding-top:32px;}
#post-job-form .form1 .form-action-btns .btn { margin-left:16px; min-width:120px;}
#post-job-form .form1 .form-action-btns .btn:first-child { margin-left:0;}
#post-job-form .form1 .form-action-btns .save-form-btn {min-width:156px;}
#post-job-form .form1 .form-action-btns .btn.save-job-btn { float:none; min-width:15px;}

#post-job-form .dotted-box {border:1px dashed #dadada; box-shadow:none; position:relative; margin-top:24px;}
#post-job-form .dotted-box footer { padding:8px 16px; background:#fff9e6; position:relative; margin:0 -16px -16px; border-radius:0 0 5px 5px;}
#post-job-form .dotted-box footer.no-style { background:none; padding:0; margin:0;}
#post-job-form .dotted-box footer p {color:#8a858d; margin:0;}
#post-job-form .dotted-box footer p .select { width:122px; display:inline-block; margin-right:16px;}
.dotted-box .close-icon { width:16px; height:16px; position:absolute; top:-7px; right:-7px; display:inline-block; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-24px -320px;}
#post-job-form .dotted-box ul {list-style:outside; margin:0;}
#post-job-form .dotted-box ul li { margin-bottom:10px;}
#post-job-form .dotted-box ul li:last-child { margin-bottom:0;}
#post-job-form .dotted-box .description-list { position:relative; margin-top:-4px;}
#post-job-form .dotted-box .description-list dt { color:#4a4548;}
#post-job-form .dotted-box .description-list dd { margin-left:108px;}

#post-job-form .add-skills-form { margin-bottom:8px;}

#post-job-form .step-tabs { margin-bottom:100px;}
#post-job-form .skillslist-box { margin-bottom:0;}

#company_logo img { max-width:72px; max-height:72px;} 

/*--- Add Skills Form --- */
/*.add-skills-form .form-control { float:left; width:80%; border-right:0; border-radius:3px 0 0 3px;}
.add-skills-form .button1 { width:20%; margin-left:80%; display:block; padding:9px 10px; border-radius:0 3px 3px 0;}

.modal .add-skills-form .form-control { float:left; width:70%; border-right:0; border-radius:3px 0 0 3px;}
.modal .add-skills-form .button1 { width:30%; margin-left:70%; display:block; padding:9px 10px; border-radius:0 3px 3px 0;}*/

/*--- SkiilsList Box --- */
.skillslist-box { border:1px solid #dadada; padding:8px 12px 0; background:#fff; border-radius:3px; margin-bottom:8px;}
.skillslist-box h6 { margin-bottom:8px;}
.skillslist-box p { margin-bottom:0; color:#dadada;}
.skillslist-box .dragable-box { margin-bottom:16px;}
.skillslist-box .dragable-box a { background:#f2f2f2;}

/*--- Job Preview --- */
#job-preview { background:#fff; height:100%; top:56px; right:-742px; z-index:1000; position:fixed; width:742px; padding:32px 0 32px 32px; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
#job-preview .mCSB_container { padding-right:16px;}
#job-preview .close-preview-btn { float:right; min-width:120px; margin-right:32px;}
#job-preview header h2 { margin-bottom:24px;}
#job-preview .job-main-info .details h2 { font-size:18px; font-weight:600; line-height:22px; color:#19171A;}
#job-preview .job-main-info { border:0;}
#job-preview .box-default1.padding { border-radius:0; box-shadow:none; padding:0;}

#job-preview.show { right:0;}
#preview-overlay  { height:100%; width:100%; position:fixed; z-index:101; left:0; top:0; background-color: rgba(0, 0, 0, 0.9); display:none; cursor:pointer;}

/*--- Post A Job --- */
#post-a-job h3 { margin-bottom:8px;}
#post-a-job p { color:#8a858d; margin-bottom:8px;}
#post-a-job .btn { min-width:120px;}

/*--- Job Details Block --- */
#job-details-block  { margin-bottom:16px;}
#job-details-block.extra-margin { margin-bottom:32px;}
#job-details-block .test-yourself-btn { min-width:256px;}
#job-details-block dl.description-list.bottom-margin  dd { margin-left:86px;}

/*--- Job Company Info --- */
#job-company-info { position:relative;}
#job-company-info figure { float:right; text-align:center; width:64px; height:64px; line-height:46px; border:1px solid #dadada; border-radius: 3px; padding:8px; margin-left:16px; margin-bottom:16px;}
#job-company-info figure img { max-height:46px; max-width:46px; vertical-align:middle;}
#job-company-info h5, #job-company-info p { margin-bottom:8px;}
#job-company-info p {color:#6f6a6d;}
#job-company-info .post {color:#6f6a6d;}
#job-company-info h5.less-margin { margin-bottom:4px;}
#job-company-info h5 small { font-size:14px; color:#8a858d;}
#job-company-info footer { clear:both;}
#job-company-info footer .btn { margin-left:16px;}
#job-company-info footer .action-lnk {vertical-align:middle;}

/*--- Modal Small --- */
.modal.modal-small .modal-body p { margin-bottom:0;}
.modal.modal-small .modal-body { padding-top:3px; padding-bottom:0;}
.modal.modal-small .modal-footer { padding-top:24px;}

/*--- Job Main Info --- */
.job-main-info { padding:0 16px 13px; position:relative; margin:0 -16px 16px; border-bottom:1px solid #dadada;}
.job-main-info figure { float:left; width:80px; height:80px; line-height:62px; border:1px solid #dadada; border-radius: 3px; padding:8px;}
.job-main-info figure img { max-height:62px; max-width:62px; vertical-align:middle;}
.job-main-info .details { margin-left:96px;}
.job-main-info .details.full-width { margin-left:0;}
.job-main-info .details h2 { margin-bottom:4px;}
.job-main-info .details p { margin-bottom:8px;}
.job-main-info .details p.my-status-block { margin:0; margin-bottom:16px;}
.job-main-info .details .applied-success-msg { margin-bottom:0; padding-top:12px;}
.job-main-info .details .tick-icon-lg { margin-right:4px;}
.job-main-info .details .button1 { min-width:256px; vertical-align:top; margin-right:8px;}
.job-main-info .eligibility { border-radius: 6px; background-color: #fffcf2; padding:16px; margin-top:13px;}
.job-main-info .eligibility  p, .job-main-info .eligibility h4 { margin-bottom:8px;}
.job-main-info .eligibility  p:last-child { margin-bottom:0;}

/*--- User Progressbars --- */
.user-progressbars li p { margin-bottom:0; color:#4a4548 !important; float:left; min-width:60px;}
.user-progressbars li p span { min-width:36px; display:inline-block;}
.user-progressbars li p.language-label { width:96px;}
.user-progressbars ul { margin-bottom:12px; padding-top:4px;}
.user-progressbars li { margin-bottom:0; margin-top:12px;}
.user-progressbars li:first-child {margin-top:0;}
.user-progressbars li .action-lnk {color:#d7263d; margin-left:8px;}
.user-progressbars .progress { min-width:112px; width:38%; height:8px; margin:7px 8px 0; float:left; border-radius:4px; background:#dadada;}
.user-progressbars .progress .progress-bar {border-radius:4px; background-color: #ff0000;}
.user-progressbars .progress.top .progress-bar {background-color: #26d974;}
.user-progressbars .progress.medium .progress-bar {background-color: #feb95f;}

/*--- Show All Bars --- */
#show-all-bars { text-decoration:none;}

/*--- Cutom Dropdown --- */
.custom-dropdown { position:relative;}
.custom-dropdown .btn { height:32px; width:100%; text-align:left; box-shadow:none; position:relative; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; padding:2px 32px 3px 12px; line-height:16px;}
.custom-dropdown .open .dropdown-toggle { box-shadow:none;}
.custom-dropdown .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/tg_images_new/sprites.svg) -18px -177px no-repeat; width:31px; height:32px; content:"";}
.custom-dropdown .dropdown-menu{ min-width:15px; width:100%; border:0; border-radius:3px; top:0; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1);}
.custom-dropdown .dropdown-menu li { margin-bottom:0;}
.custom-dropdown .dropdown-menu li a { padding:5px 13px; color:#4a4548;}
.custom-dropdown .dropdown-menu li.active a { background:#f5f5f5;}
.custom-dropdown .dropdown-menu li.active a:hover { color:#4a4548;}

/*--- Sort By Right --- */
.sort-by-right { float:right; margin-bottom:0;}
.sort-by-right.no-float { float:none; margin-bottom:16px;}
.sort-by-right label { float:left; margin-right:8px; color:#4a4548; margin-bottom:0; line-height:33px;}
.sort-by-right .custom-dropdown { float:left; width:120px;}

/*--- Share-icon --- */
.share-icon { width:32px; height:32px; display:inline-block; vertical-align:top; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-91px -265px;}

/*--- Info icon --- */
.info-icon { width:12px; height:12px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat; margin-left:4px; background-position:-48px -324px;}

/*--- Plus icon --- */
.plus-icon { width:16px; height:16px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat; margin-right:2px; background-position:-285px -346px;}

/*--- Tick Icon Big --- */
.tick-icon-lg { width:32px; height:32px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-1px -105px;}

/*--- Alert --- */
.alert-success {color:#26d974;}

/*--- Create Alert Btn --- */
.create-alert-btn, .right-action-btn { float:right; min-width:156px;}

/*--- Notify Me --- */
.notify-me h3 { margin-bottom:8px;}
.notify-me p span { display:block; color:#8a858d; padding-top:4px;}

/*--- Description List --- */
dl.description-list .alert { margin-bottom:0; text-transform:none;}
dl.description-list.bottom-margin { margin-bottom:16px;}

/*--- Breadcrumbs --- */
#breadcrumbs.extra-margin { padding-bottom:24px;}
#breadcrumbs p small { color:#dadada; font-size:14px;}

/*--- View-all-block --- */
.view-all-block.normal-padding { padding-top:8px;}

/*--- Ui-autocomplete --- */
.ui-autocomplete.ui-widget { border:0; border-top:1px solid #dadada; border-radius:0 0 6px 6px; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); padding:0;}
.ui-autocomplete.ui-widget li.ui-menu-item:last-child { border-bottom:0;}
.ui-autocomplete.ui-widget li.ui-menu-item { padding:5px 12px; background:#fff !important; font-size:14px; color:#4a4548 !important; margin-bottom:0 !important; font-weight:normal; display:block; border:0; font-family:'lato', Arial, Helvetica, sans-serif ;}
.ui-autocomplete.ui-widget li.ui-menu-item:hover, .ui-autocomplete.ui-widget li.ui-menu-item:active, .ui-autocomplete.ui-widget li.ui-menu-item:focus { background:#f2f2f2 !important; border:0; cursor:pointer;}
.ui-autocomplete.ui-widget li.ui-menu-item strong { color:#4a4548;}

/*--- Predefined Tests popup --- */
#predefined-tests-popup .modal-header .checkbox-input {border-radius: 3px; background-color: #f2f2f2; margin-right:12px; padding:8px 8px 8px 32px; border: solid 1px #dadada;}
#predefined-tests-popup .modal-header .checkbox-input label:before { left:8px; top:10px;}
#predefined-tests-popup .modal-footer { background-color: #f7f7f7; border-top: solid 1px #dadada;}

/*--- Profile Updation PopUp --- */
.profile-updation-popup .modal-title { margin-bottom:8px;}
.profile-updation-popup .modal-body { padding-bottom:0;}
.profile-updation-popup #profile-details .box-default1 { border-radius:0; box-shadow:none; margin:0 -16px 16px;}
.profile-updation-popup #profile-details .box-default1 .content-wrapper { padding:16px;}
.profile-updation-popup #profile-details .user-img { float:left; width:64px; height:64px;}
.profile-updation-popup #profile-details .user-img img { width:64px; height:64px; border-radius:3px;}
.profile-updation-popup #profile-details .details { margin-left:76px;}
.profile-updation-popup #profile-details dl.description-list dt { width:100px;}
.profile-updation-popup #profile-details dl.filled-info dt { height:20px; overflow:hidden;}
.profile-updation-popup #profile-details dl.description-list dd > span {color:#ff0000;}
.profile-updation-popup .edit-details-btn { margin-top:8px; display:inline-block;}
.profile-updation-popup .review-profile-btn { float:right;}
.profile-updation-popup .review-profile-btn .review-icon { vertical-align:middle; width:16px; height:16px; display:inline-block; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-308px -345px;}

.profile-updation-popup .profile-edit { display:none;}
.profile-updation-popup .tick-icon-lg { margin-right:8px;}

.profile-updation-popup .widget { padding-bottom:16px;}
.profile-updation-popup .widget p { margin-bottom:4px;}
.profile-updation-popup .widget .box-default1 { box-shadow:none; border:1px solid #dadada; margin-bottom:8px;}
.profile-updation-popup .widget .button1 { min-width:120px; margin-top:12px;}

#profile-update-form ul li { margin-bottom:16px;}
#profile-update-form ul li label {color:#8a858d;}
#profile-update-form ul.left-extra-space { padding-left:40px;}
#profile-update-form .submit-section { clear:both;}
#profile-update-form .submit-section .button1 { min-width:156px; margin-top:-5px; position:relative; margin-bottom:16px;}
#profile-update-form .checkbox-input.checkbox-block { margin-bottom:12px;}
#profile-update-form .checkbox-input.checkbox-block label {color:#4a4548;}


/*--- Manage Section --- */
.manage-section .tabs2 .nav-tabs { margin-bottom:16px; float:none;}
.manage-section .tabs2 .nav-tabs li { display:block; }
.manage-section .tabs2 .nav-tabs li a { background:none;}
.manage-section .tabs2 .nav-tabs li a:hover,.manage-section .tabs2 .nav-tabs li.active a { background:#4a4548; color:#fff; }
/* one item */
.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(1) { width: 100%; }
/* two items */
.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(2),.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(2) ~ li { width: 50%; }
/* three items */
.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(3),.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(3) ~ li { width: 33.3333%; }
/* four items */
.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(4),.manage-section .tabs2 .nav-tabs li:first-child:nth-last-child(4) ~ li { width: 25%; }


/*--- Section Box Full --- */
.section-box-full { padding:16px; background-color: #ffffff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-bottom:1px solid #e0e0e0;}
.section-box-full:first-child {  border-top-left-radius:6px;  border-top-right-radius:6px; }
.section-box-full:last-child {  border-bottom-left-radius:6px;  border-bottom-right-radius:6px; margin-bottom:16px; border-bottom:0; }
.section-box-full h3 { margin-bottom:4px;}
.section-box-full h3 a { color:#2c282f; text-decoration:none; }
.section-box-full h3:hover a,.section-box-full h3:focus a,.section-box-full h3:active a { color:#d7263d }
.section-box-full .tooltip { opacity:1; left:134px; top:-44px; display:none;}
.section-box-full .tooltip .tooltip-inner { text-align:left; max-width:310px; padding:10px;}
.section-box-full .tooltip p, .section-box-full .tooltip ul li {color:#fff; margin-bottom:4px;}
.section-box-full .tooltip ul { padding-left:24px; margin-bottom:0;}
.section-box-full .tooltip ul li { margin-bottom:0;}

.section-box-full .user-controls { float:right;}
.section-box-full .user-controls .more-btn { padding-right:25px; position:relative;-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}
.section-box-full .user-controls .more-btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:9px; top:13px; background:url(images/tg_images_new/sprites.svg) -349px -317px no-repeat; width:11px; height:6px; content:"";}
.section-box-full .user-controls .more-btn:hover:after { background-position:-199px -349px;}
.section-box-full .user-controls .button1, .section-box-full .user-controls .common-dropdown { float:left; margin-left:16px;}
.section-box-full .user-controls .button1 { min-width:156px;}
.section-box-full .user-controls .button1.small { min-width:120px;}

.section-box-full .my-status-block { margin:0;}
.section-box-full .my-status-block small { color:#ff0c0c; font-size:100%;}
.section-box-full .my-status-block a { text-decoration:underline; color:#19171a;}
.section-box-full .my-status-block .skills-list { margin:-2px 0 -2px 0; position:relative;}
.section-box-full .my-status-block .skills-list a { text-decoration:none; display:inline-block; margin:2px 4px 2px 0; color:#8a858d; background:#f0f0f0; padding:1px 9px 3px; border-radius: 3px;}
.section-box-full .my-status-block .skills-list a:last-child { margin-right:0;}
.section-box-full .my-status-block .action-lnk { margin-left:12px; text-decoration:none; color:#d7263d;}

.section-box-full footer { border-top:2px solid #dadada; padding-top:16px; margin-top:16px;}
.section-box-full footer .my-status-block .action-lnk { margin-left:4px;}
.section-box-full footer .my-status-block > span {min-width:65px; display:inline-block; vertical-align:top;}
.section-box-full footer .my-status-block .skills-parent {width:525px; position:relative; margin-top:-2px;}
.section-box-full .user-controls .common-dropdown .dropdown-menu { width:176px; top:42px; right:9px;}


/*--- User Control Panel ---*/
#user-control-panel {border-radius: 6px; background: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); float:left;}
#user-control-panel .search-field { position:relative;}
#user-control-panel .search-field .form-control { padding-left:37px;}
#user-control-panel .search-field:before { width:16px; height:16px; position:absolute; left:12px; top:11px; content:""; display:block; background: url(images/tg_images_new/sprites.svg) no-repeat; background-position:-287px -81px; opacity:0.4;}

/*--- Sidebar Controls ---*/
#sidebar-controls { width:265px; float:left; background:#ececec; position:relative; z-index:2; border-radius:5px 0 0 5px;}
#sidebar-controls .sidebar-widget { border-top: solid 2px #dadada;}
#sidebar-controls .sidebar-widget.no-border { border:0;}
#sidebar-controls .sidebar-widget.no-border h5.accordion-title { border-bottom: solid 2px #dadada;}
#sidebar-controls .sidebar-widget h5.accordion-title { padding:12px 16px; margin-bottom:0;}
#sidebar-controls .sidebar-widget h5.accordion-title a { color:#19171A;}
#sidebar-controls .sidebar-widget a.clear-all { float:right; font-weight:normal; text-decoration:underline;}
#sidebar-controls .sidebar-widget .inner-wrap { padding:12px 16px 0;}
#sidebar-controls .sidebar-widget ul li { margin-bottom:12px;}
#sidebar-controls .sidebar-widget ul li.disabled { opacity:0.5; pointer-events:none;}
#sidebar-controls .sidebar-widget ul li .checkbox-input { margin-bottom:0;}
#sidebar-controls .sidebar-widget ul li .count { float:right; display:block; width:40px; text-align:right;}
#sidebar-controls .sidebar-widget h5.accordion-title .arrow-icon { width:16px; display:block; height:16px; background:url("images/tg_images_new/sprites.svg") -177px -217px no-repeat; position:relative; float:left; margin:3px 0 0 0; float:right;}
#sidebar-controls .sidebar-widget h5.accordion-title .collapsed .arrow-icon { background-position:-217px -217px; } 

#sidebar-accordion .sidebar-widget h5.accordion-title { padding:0;}
#sidebar-accordion .sidebar-widget h5.accordion-title a { padding:12px 16px; display:block; text-decoration:none;}
#sidebar-accordion .sidebar-widget .inner-wrap { padding-top:4px;}
#sidebar-accordion .sidebar-widget .show-more-list { display:inline-block; margin:0 0 12px 24px;}

/*--- Main Controls ---*/
#main-controls { float:left; width:875px; padding-bottom:40px; position:relative;}
#main-controls:before {content:""; display:block; left:-265px; z-index:1; top:0; width:265px; height:100%; position:absolute; background:#ececec; border-radius:5px 0 0 5px;}
#main-controls .header-section { border-radius:0 5px 0 0; position:relative; background-color: #f2f2f2; padding:16px; border-bottom:1px solid #dadada;}
#main-controls .header-section.bottom { border-radius:0;}
#main-controls .header-section h2 { margin-bottom:0; line-height:36px;}
#main-controls .header-section .search-field { float:right; width:200px; margin:0;}
#main-controls .header-section .checkbox-select { float:left; margin-right:8px;}
#main-controls .header-section .checkbox-select .checkbox-input label:before { top:-3px;}
#main-controls .header-section .button2 { margin-right:4px;}

#main-controls .section-control { padding:16px 16px 24px 48px; position:relative; border-bottom:1px solid #dadada;}
#main-controls .section-control .checkbox-select { position:absolute; left:15px; top:7px;}
#main-controls .section-control .see-actions { margin:0; padding:0; list-style:none; float:right;}
#main-controls .section-control .see-actions li { margin-bottom:8px; font-size:14px; line-height:16px;}
#main-controls .section-control .contents h3 .status-label {color:#f5a623; font-style:italic; font-weight:600; display:inline-block; margin-left:4px; font-size:14px;}
#main-controls .section-control .contents p { margin-bottom:12px;}
#main-controls .section-control .contents p span { margin-right:24px;}
#main-controls .section-control .common-icon { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:8px; background:url(images/tg_images_new/sprites.svg) no-repeat;}
#main-controls .section-control .common-icon.email { background-position:-1px -345px;}
#main-controls .section-control .common-icon.mobile { background-position:-17px -345px;}
#main-controls .section-control .common-icon.resume { background-position:-33px -346px;}
#main-controls .section-control .common-icon.job { background-position:-49px -345px;}
#main-controls .section-control .common-icon.location { background-position:-65px -346px;}
#main-controls .section-control .common-icon.time { background-position:-81px -345px;}
#main-controls .section-control .common-icon.university { background-position:-98px -346px;}

#main-controls .section-control .control-footer { margin-top:12px; border-radius: 3px; background-color: #f0f0f0; padding:6px 12px;}
#main-controls .section-control .control-footer p { margin:0;}
#main-controls .section-control .control-footer p span { font-weight:600;}
#main-controls .section-control .control-footer p span.high { color:#049423;}
#main-controls .section-control .control-footer p span.low { color:#bf1a2f;}
#main-controls .section-control .control-footer p span.medium { color:#f57523;}
#main-controls .section-control .control-footer .info-icon { float:right; margin-top:4px;}

#main-accordion { border-bottom:1px solid #dadada;}
#main-accordion h5.accordion-title { margin-bottom:0;}
#main-accordion h5.accordion-title a { padding:12px 16px; display:block; text-decoration:none; color:#19171A;}
#main-accordion h5.accordion-title .arrow-icon { width:16px; display:block; height:16px; background:url("images/tg_images_new/sprites.svg") -177px -217px no-repeat; position:relative; float:left; margin:3px 0 0 0; float:right;}
#main-accordion h5.accordion-title .collapsed .arrow-icon { background-position:-217px -217px; } 

#main-accordion .inner-wrap { padding:0 16px 0;}
#main-accordion #trend-graph { position:relative; margin-left:-15px;}

/*--- Job Details Content ---*/
#job-details-content { width:754px;}
#job-details-content dl.description-list dt { max-width:140px;}
#job-details-content dl.description-list dd { margin-left:148px; margin-bottom:16px;}
#job-details-content .test-info { border-radius:3px; background-color: #f2f2f2; border:dashed 1px #c2c2c2; padding:16px; margin-top:16px;}
#job-details-content .test-info dl.description-list dt { max-width:100px;}
#job-details-content .test-info dl.description-list dd { margin-left:108px;}
#job-details-content { padding:16px;}
#job-details-content hr {margin:24px -16px 24px; position:relative;}

/*--- Multi Email Box ---*/
.multi-email-box { margin-bottom:16px; padding-top:8px; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; position:relative; height:168px; margin-top:6px;}
.multi-email-box .multiple_emails-container { border:0px; height:137px; overflow:auto; float:left; width:100%;}
.multi-email-box .multiple_emails-container .form-control { font-size:14px; padding:2px 9px 2px 0; margin:0 2px 3px 12px;}
.multi-email-box .form-control { border:0 !important; height:27px !important;}
.multi-email-box .multiple_emails-container input.multiple_emails-error {border-radius: 3px; padding-left:9px; margin-top:4px; background-color: #fff3f3;  border: solid 1px #ff0000 !important; color:#6f6a6d;}
.multi-email-box .multiple_emails-ul { padding-top:0; padding-left:8px;}
.multi-email-box .multiple_emails-container ul { padding-left:9px; width:100%; overflow:hidden;}
.multi-email-box .multiple_emails-email{border-radius: 3px; background-color: #ececec; color:#6f6a6d; padding:2px 7px 3px 8px; font-size:14px; margin-bottom:6px; margin-bottom:5px;}
.multi-email-box .multiple_emails-close { color:#4a4548; margin-left:16px;}
.multi-email-box footer { background-color: #fdf5dc; border-radius:0 2px 2px 0; padding:6px 8px; clear:both; position:absolute; left:0; bottom:0; width:100%;}
.multi-email-box footer p { line-height:17px; color:#19171a; margin:0 !important;}

/*--- Invite Mailer Form ---*/
#invite-mailer-form .alert-warning { margin-bottom:16px; color:#ff0c0c; line-height:20px; position:relative; margin-top:-8px;}

/*--- Csv Box ---*/
.csv-box {border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; margin-bottom:16px;}
.csv-box .content { padding:16px;}
.csv-box .content p { margin-bottom:4px;}
.csv-box .apply-status { border-radius:0 2px 2px 0; background-color: #fdf5dc; padding:12px 16px;}
.csv-box .apply-status p { line-height:28px; margin:0;}
.csv-box .apply-status p span {color:#ff0c0c;}
.csv-box footer { border-radius:0 2px 2px 0; background-color: #f2f2f2; padding:16px;}
.csv-box.no-style { border:0;}
.csv-box.no-style footer { border-radius:0; background-color:none; padding:0;}
.csv-box footer .btn-file { margin-right:12px; width:120px; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle;}
.csv-box footer p { margin:0;}
.csv-box footer p small { display:inline-block; vertical-align:middle; line-height:16px; color:#8a858d;}
.csv-box .dropzone.default-view .dz-preview .dz-details { margin-top:0;}
.csv-box .dropzone.default-view { min-height:50px;}
.csv-box .dropzone.default-view .dz-preview .dz-progress { width:90%;}

/*--- Common Upload Box ---*/
.common-upload-box {margin-bottom:16px;}
.common-upload-box .btn-file { margin-right:12px; width:120px; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle;}
.common-upload-box p { margin:0;}
.common-upload-box p small { display:inline-block; vertical-align:middle; line-height:16px; color:#8a858d;}
.common-upload-box .dropzone.default-view .dz-preview .dz-details { margin-top:0;}
.common-upload-box .dropzone.default-view { min-height:50px;}
.common-upload-box .dropzone.default-view .dz-preview .dz-progress { width:90%;}

/*--- Job Additional Info ---*/
#job-additional-info p.no-margin { margin-bottom:0;}
#job-additional-info .button1, #job-additional-info .button2 { min-width:156px; margin-right:14px;}

#job-additional-info .common-dropdown > .btn { border-radius:3px; box-shadow:none; padding:12px 16px; background-color: #ffffff; border: solid 1px #dadada; text-align:left;}
#job-additional-info .common-dropdown > .btn h6 { margin:0; line-height:14px; margin-bottom:5px;}
#job-additional-info .common-dropdown.open > .btn h6 {color:#6f6a6d;}
#job-additional-info .common-dropdown > .btn p { margin:0; line-height:14px; font-size:12px; color:#aca8ae;}
#job-additional-info .common-dropdown > .btn .arrow-icon { width:16px; display:block; height:16px; background:url("images/tg_images_new/sprites.svg") -217px -217px no-repeat; position:relative; float:left; margin:9px 0 0 0; float:right;}
#job-additional-info .common-dropdown.open > .btn .arrow-icon { background-position:-177px -217px; } 
#job-additional-info .common-dropdown .dropdown-menu { left:0; right:auto; top:57px; border-radius:0 0 3px 3px; width:100%;}
#job-additional-info .common-dropdown .dropdown-menu:before { display:none;}
#job-additional-info .common-dropdown .dropdown-menu > li { margin:0;}
#job-additional-info .common-dropdown .dropdown-menu > li h6 { margin:0; line-height:14px; margin-bottom:5px; font-weight:bold;}
#job-additional-info .common-dropdown .dropdown-menu > li p { margin:0; line-height:14px; font-size:12px; color:#aca8ae;}
#job-additional-info .common-dropdown .dropdown-menu > li > a { padding:12px 16px;}
#job-additional-info .common-dropdown .dropdown-menu > li > a.action-lnk {color:#d7263d; font-weight:600; line-height:16px;}
#job-additional-info .common-dropdown .dropdown-menu > li .status-label {height: 24px; border-radius: 3px; background-color: #d8eedc; font-size:12px; line-height:14px; color:#00ad3c; padding:4px 8px; float:right; margin-top:4px;}

/*--- Eligibility_span ---*/
#eligibility_span { margin-top:16px;}

/*-- Mailer Preview PopUp ---*/
#mailer-preview-popup .modal-dialog { width:1159px;}
#mailer-preview-popup .two-column-wrap { margin:0 -10px;}
#mailer-preview-popup .two-column-wrap .column { float:left; padding:0 10px;}
#mailer-preview-popup .two-column-wrap .column1 { width:340px;}
#mailer-preview-popup .two-column-wrap .column2 { width:790px;}
#mailer-preview-popup h4 { margin-bottom:8px;}

/*-- mailer-message-box ---*/
.mailer-message-box { margin-bottom:16px;}
.mailer-message-box textarea.form-control { height:197px; border-bottom:0 !important; border-radius:3px 3px 0 0;}
.mailer-message-box footer {border-radius:0 0 3px 3px; background-color: #f2f2f2; padding:16px; border:1px solid #dadada; border-top:0;}
.mailer-message-box footer .btn { min-width:120px;}

/*-- Invitaion Sent */
#invitaion-sent .icon { clear:both;}
#invitaion-sent button.close { position:relative; margin-bottom:-8px;}

/*-- Create New Mailer PopUp */
#create-new-mailer-popup .button1 {min-width:156px;}
#create-new-mailer-popup .fields-required {color:#8a858d; margin-bottom:16px;}

/*--- Button4 --- */
.button4 { background:#8a858d; color:#ffffff; border-radius:3px; font-weight:bold; text-transform:capitalize; font-size:14px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; outline:none;}
.button4:hover, .button4:focus, .button4:active { color:#ffffff; background:#6b666e; outline:none;}

.skill_item_add_animate{
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation: animateElement .2s 2;
    animation-direction: alternate;
 }

@keyframes animateElement{
	0%   {opacity:0;}
    50%  {opacity:.50;}
    100% {opacity:1;}
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes animateElement {
   from {bottom: 100px;}
    to {bottom: 0px;}
}


/* ==========================================================================
	Profile Page Specific Settings
========================================================================== */

/*--- Widget - Profilerhs  --- */
.widget.profile-widget .widget-heading { margin-bottom:8px; padding-right:0px; }
.widget.profile-widget .widget-heading .select.inline { margin-left:16px; width:auto; min-width:120px; display:inline-block; margin-top:0px; }
.widget.profile-widget .widget-heading .select { width:auto; min-width:120px; margin-top:8px; display:inline-block; }
.widget.profile-widget li .button2 { min-width:120px; margin-top:4px; }
.widget.profile-widget li .button2.unfollow { background:#dadada; color:#fff; border:none; border:solid 1px #dadada;  }
.widget.profile-widget li .button2.unfollow:hover { background:#fff; color:#d7263d; border:solid 1px #d7263d;}
.widget.profile-widget li .follow_user { margin-top:8px;}
.widget.profile-widget li figure.no-border { border:none; }
.widget.profile-widget li figure img  { max-width:62px; max-height:62px; border-radius:3px; }
.widget.profile-widget .widget-footer { border-top:1px solid #e0e0e0;}
.widget.profile-widget .widget-footer a { color:#d7263d; font-weight:600; font-size:14px; display:block; padding:12px; text-align:center;  }
.widget.profile-widget .widget-footer .arrow-icon { display:inline-block; width:16px; height:16px; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-194px -240px; vertical-align:text-bottom; }

.widget.profile-widget .tabs1 .nav-tabs { background:#f7f7f7; border-radius:6px 6px 0px 0px; margin-bottom:0px; }
.widget.profile-widget .tabs1 .nav-tabs  li { width:50%; }
.widget.profile-widget .tabs1 .nav-tabs  li  a { padding:13px; }

/*----- User Info ----*/
#user-info { padding:16px 16px 24px;}
#user-info .profile-user-pic { float:left; position:relative; border-radius:3px; border:1px solid #dadada;}
#user-info .profile-user-pic img { width:80px; height:80px; border-radius:2px;}
#user-info .profile-user-pic .update-pic { width:80px; height:80px; background-color:rgba(0,0,0,0.6); text-align:center; border-radius:3px; position:absolute; top:0; top:0; display:none;}
#user-info .profile-user-pic:hover .update-pic { display:table;}
#user-info .profile-user-pic .update-pic span { display:table-cell; vertical-align:middle; font-size:10px; line-height:12px; color:#fff;}
#user-info .details { margin-left:96px;}
#user-info h2 { font-weight:bold; margin-bottom:4px; text-transform:capitalize;}
/*#user-info h2 .form-control { border:0; border-bottom:1px solid #dadada; text-transform:capitalize; font-size:24px; border-radius:0; box-shadow:none; padding:0; height:32px;}*/
#user-info p { margin-bottom:8px;}
#user-info dl.description-list.inline dd { margin-left:0; color:#8a858d; font-weight:600; margin-bottom:0;}
#user-info .share-icon { width:32px; height:32px; display:inline-block; vertical-align:top; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-91px -265px;}
#user-info .camera-icon { width:24px; height:24px; display:block; margin:0 auto; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-288px -269px;}

#user-info .user-actions-area { padding-top:39px; }
#user-info .user-actions-area .follow-this, #user-info .user-actions-area .follow-this.button2 { min-width:120px; vertical-align:top; height:32px; padding-top:0; padding-bottom:0; line-height:30px;-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none; }
#user-info .user-actions-area .follow-this.button2 { background:#fff; }
#user-info .user-actions-area .follow-this.button2:hover { color:#d7263d; }
#user-info .user-actions-area .button1.unfollow { background:#dadada; }
#user-info .user-actions-area .button1.unfollow:hover { background:#d7263d; }
#user-info .user-actions-area .follow-this.button2 { line-height:27px;}
#user-info .user-actions-area .notification-btn { display:none;}
#user-info .user-actions-area .button2 { width:32px; height:32px; line-height:15px; border-width:2px; padding:5px; margin-left:6px; }
#user-info .user-actions-area .button2 svg { vertical-align:middle;}
#user-info .user-actions-area .button2 svg g { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
#user-info .user-actions-area .button2:hover svg g { fill:#fff;}
#user-info .user-actions-area .notification-btn.active { background:#d7263d;}
#user-info .user-actions-area .notification-btn.active svg g { fill:#fff;}

/*#user-info .action-controls  { margin-top:0;}
#user-info:hover .action-controls { display:block; }*/

/*----- User Profile Details ----*/
#user-profile-details .tab-content { padding:16px 16px 16px;}
#user-profile-details .overall-title { position:relative; bottom:-40px; z-index:2; float:left;}
#user-profile-details .overall-title h3 { float:left; line-height:36px; margin-bottom:0;}
#user-profile-details .overall-title p { float:left; margin-bottom:0;}
#user-profile-details .overall-title .vs { color:#8a858d; display:inline-block; vertical-align:middle; font-size:14px; font-weight:normal; margin:0 16px;}
#user-profile-details .overall-title h3 small { color:#8a858d; display:inline-block; font-size:14px; font-weight:normal;}
#user-profile-details .overall-title h3 .vs { position:relative; top:-1px;}
#user-profile-details .overall-title .select { display:inline-block; vertical-align:middle; width:auto; min-width:162px; }
#user-profile-details .overall-wrap { position:relative; margin-top:-37px;}

/*----- User Overall Graph ----*/
#user-overall-graph { position:relative; margin:0 -8px 0 -8px; float:left; width:100%;}

/*----- Profile History Section ----*/
.profile-history-section .load-more { min-width:120px; }
.profile-history-section .table1-wrap { margin-bottom:16px;}
.profile-history-section header h5 { margin-bottom:8px;}
.profile-history-section header .action-lnk { margin-left:8px;}
.profile-history-section .recent-view-list { list-style-type:none; margin:0px; padding:0px; }
.profile-history-section .recent-view-list li { margin-bottom:12px;  font-size:14px; }
.profile-history-section .recent-view-list li .name { color:#8a858d; }
.profile-history-section .recent-view-list li .time { display:block; color:#8a858d; padding-top:4px; }
.profile-history-section .recent-view-list li:last-child{ margin-bottom:16px; }
.profile-history-section .my-status-block { margin-top:-4px;}
.profile-history-section:hover .action-controls { display:block; }

/*----- Profile About Section ----*/
.profile-about-section { padding-bottom:24px; margin-bottom:24px; border-bottom: 1px dashed #dadada;}
.profile-about-section .add-link { font-size:14px; font-weight:600; display:block; padding-top:16px; }
.profile-about-section .add-link .icon { margin-right:4px; display:inline-block; width:16px; height:16px; background:url(images/tg_images_new/sprites.svg)-260px -240px no-repeat; vertical-align:text-bottom; }
.profile-about-section .block { display:block; color:#8a858d; padding-top:4px; }
.profile-about-section:last-child { padding-bottom:0px; margin-bottom:0px; border:none; }
.profile-about-section dl.description-list dt { min-width:152px; margin-bottom:0px; }
.profile-about-section dl.description-list dd{ margin-left:160px; margin-bottom:16px;}
.profile-about-section dl.description-list dt:last-child,.profile-about-section dl.description-list dd:last-child { margin-bottom:0px; }
.profile-about-section .other-profile-list { margin:0px; padding:0px; list-style-type:none; }
.profile-about-section .other-profile-list li { display:inline-block; word-break:break-all; margin-right:20px; text-transform:none;}
.profile-about-section .other-profile-list li .icon { margin-right:4px; display:inline-block; width:16px; height:16px; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat; vertical-align:text-bottom; }
.profile-about-section .other-profile-list li .icon.web { background-position:-284px -241px; } 
.profile-about-section .other-profile-list li .icon.twitter { background-position:-307px -241px; } 
.profile-about-section .other-profile-list li .icon.linkedin { background-position:-331px -241px; } 
.profile-about-section .other-profile-list li .icon.github { background-position:-355px -241px; } 
.profile-about-section .other-profile-list li:last-child { margin-right:0px; }
.profile-about-section h6 { margin-bottom:8px; }
.profile-about-section:hover .action-controls { display:block; }
.profile-about-section .action-controls { margin-top:-40px; }
.profile-about-section dl.description-list dd .action-controls { margin-top:0; }
.profile-about-section dl.description-list dd .action-controls  { display:none; margin-bottom:0px; }
.profile-about-section .action-controls .dropdown-menu { left:-92px; }
.profile-about-section dl.description-list dd:hover .action-controls  { display:block; }
.profile-about-section .profile-edit-mode .action-controls .dropdown-menu { left:-129px; }
.profile-about-section .profile-edit-mode ul li .action-controls  { display:none; margin-bottom:0px; }
.profile-about-section .profile-edit-mode ul li:hover .action-controls  { display:block;  }
.profile-about-section .profile-edit-mode .action-controls { margin-top:-30px; }
.profile-about-section .profile-edit-mode ul.token-input-list-facebook {clear:none;}
.profile-about-section .profile-edit-mode .info_msg {padding-top:4px;}

/*----- Badges List ----*/
.badges-list { margin:0 0 8px 0; padding:0px; list-style-type:none;}
.badges-list li i { margin-right:4px; }
.badges-list li { float:left; margin-right:16px; font-size:14px; color:#19171a; font-weight:600; }

/*----- Achieve Badges List ----*/
.achieve-badges-list { text-align:center; }
.achieve-badges-list .result { display:block; font-size:18px; color:#4a4548; }
.achieve-badges-list p { color:#8a858d; margin-bottom:4px; }
.achieve-badges-list .special-achievement { float:left; }
.achieve-badges-list i { display:block; margin-bottom:8px; }
.achieve-badges-list .special-achievement i img { min-height:43px; min-width:33px; padding-top:11px; }
.achieve-badges-list .tips { display:inline-block; width:16px; height:16px; background:url(images/tg_images_new/sprites.svg)-237px -240px no-repeat; vertical-align:middle; }
.achieve-badges-list i  { min-height:65px; }
.achieve-badges-list i img { min-height:65px; min-width:58px; }

/*----- Edit_profile_picture ----*/
#edit_profile_picture .upload-userpic .image { width:100px; height:100px; display:table; text-align:center; border-radius:3px; border:1px solid #dadada; float:left;}
#edit_profile_picture .upload-userpic .image .inner { display:table-cell; vertical-align:middle;}
#edit_profile_picture .upload-userpic .image img { max-width:98px; max-height:98px; border-radius:2px;}
#edit_profile_picture .upload-userpic .details { margin-left:116px;}

/*--- Action Control  --- */
.action-controls { float:right; display:none; position:relative; margin-top:-4px; }
.action-controls .edit-btn,.action-controls .user-btn,.profile-about-section .delete-btn { width:32px; height:32px; display:inline-block; text-decoration:none; background:url(images/tg_images_new/sprites.svg) no-repeat;}
.action-controls .user-btn { background-position:-319px -266px; }
.action-controls .edit-btn { background-position:-359px -266px; }
.profile-about-section .delete-btn  { background-position:-211px -305px; position:absolute; right:16px; bottom:16px;}
.action-controls .dropdown-menu { width:100%; border:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:0px; border-radius:0px; top:0px; left:-128px;}
.action-controls .dropdown-menu li:hover a { background:#f2f2f2; color:#4a4548; }
.action-controls .dropdown-menu li.selected a { color:#19171a; }
.action-controls .dropdown-menu li a { font-size:14px; line-height:20px; color:#8a858d; padding:8px 15px; }

/*--- Other Performance   --- */
.other-performance li { margin-bottom:24px; }
.other-performance li:last-child { margin-bottom:0px; }
.other-performance li:nth-last-child(2){ margin-bottom:0px; }
.other-performance .action-controls .dropdown-menu li { margin-bottom:0px; }
.other-performance .image { float: left; width: 64px; height: 64px; text-align: center; line-height: 61px; border: 1px solid #dadada; border-radius: 3px; }
.other-performance .image img { vertical-align: middle; max-width: 56px; max-height: 56px; }
.other-performance .details { margin-left:80px; }
.other-performance .details h5 { margin-bottom:4px; }
.other-performance .details p { color:#8a858d; margin-bottom:4px;}
.other-performance .details p:last-child { margin-bottom:0px;}
.other-performance .details p strong { font-weight:600; }

/*--- Following Company Box   --- */
.following-box { border:1px solid #dadada; border-radius:6px; padding:12px; margin-bottom:16px; }
.following-box .image { float: right; width: 64px; height: 64px; text-align: center; line-height: 60px; border: 1px solid #dadada; border-radius: 3px; } 
.following-box .image img { vertical-align: middle; max-width:62px; max-height:62px; border-radius:2px; }
.following-box .image.logo-frame img { max-width:56px; max-height:56px; border-radius:0; } 
.following-box .details { margin-right:80px; }
.following-box  .details h5 { margin-bottom:5px; }
.following-box  .details p { color:#7a7f8a; margin-bottom:4px;}
.following-box  .details p strong { color:#8a858d; font-weight:600; }

/*--- Slider-group --- */
#slider-group h4 { margin-bottom:0px; position:relative; top:12px; }
#slider-group ul { margin:0px; padding:0px; list-style-type:none; }
#slider-group .slider ul li { float:left; }
#slider-group ul li { background:#fff; }
#slider-group .tabs2 .nav-tabs.pull-right { margin-top:-16px; }
#slider-group .tabs2 .nav-tabs { margin-bottom:16px; }
#slider-group .tabs2 .nav-tabs li a { min-width:104px; }
#slider-group .tab-content { padding-left:0px; padding-right:0px; }
#slider-group .tab-pane { display:block; opacity:0; visibility:hidden; position:absolute;}
#slider-group .tab-pane.active { display:block; opacity:1; visibility:visible; position:relative;}

/*--- Slider  --- */
.slider { position:relative; }
.slider .slider-box { border:1px solid #dadada; padding:12px 16px; border-radius:6px; min-height:126px; }
.slider .slider-box  .action-lnk { margin-top:8px; display:inline-block;}
.slider .slider-box  h5, #skill-analysis .slider .slider-box  h5  { margin-bottom:4px; }
.slider .slider-box  p { color:#8a858d; margin-bottom:4px; }
.slider .slider-box  p strong { font-weight:600; }
.slider .previous-btn,.slider .next-btn { display:inline-block; width:32px; height:32px; position:absolute; top:50%; margin-top:-16px; background:url(images/tg_images_new/sprites.svg) no-repeat;}
.slider .previous-btn { background-position:-130px -264px; left:-2px; margin-left:-16px; opacity:1; }
.slider .previous-btn.not-visible { opacity:0; pointer-events:none; cursor:default;}
.slider .previous-btn:hover { background-position:-210px -264px; }
.slider .next-btn { background-position:-170px -264px; right:-2px; margin-right:-16px; }
.slider .next-btn:hover { background-position:-250px -264px; }

/*--- Profile Edit Mode   --- */
.profile-edit-mode { background:#f7f7f7; padding:16px; position:relative; display:none; }
.profile-edit-mode .btn { min-width:120px; margin-right:12px; }
.profile-edit-mode.form1 ul li { margin-bottom:16px;}
.profile-edit-mode.form1 ul li:last-child { margin-bottom:0;} 
.profile-edit-mode.form1 ul li > label { width:134px; float:left; }
.profile-edit-mode.form1 ul li .inner { width:300px; padding-left:8px; margin-left:136px; }
.profile-edit-mode.form1 ul li .inner.date-field .select { float:left; margin-right:16px; width:70px; }
.profile-edit-mode.form1 ul li .inner.date-field .select:last-child { margin-right:0px; width:120px; }
.profile-edit-mode.form1 ul li .inner textarea { min-height:98px; }
.profile-edit-mode.form1 ul li .inner .form-inline { margin-bottom:8px; }
.profile-edit-mode.form1 ul li .inner .form-inline .marks-divider { color:#c2c2c2; font-weight:300; font-size:18px; margin:0px 4px; }
.profile-edit-mode.form1 ul li .inner .form-inline .cse-input { width:90px; margin-right:23px; }
.profile-edit-mode.form1 ul li .inner .form-inline .actual-mark { width:60px; }
.profile-edit-mode.form1 ul li .inner .form-inline .out-of-mark { width:40px; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .select select { min-width:100px; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .form-control { width:102px; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .select { width:132px; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .divider { display:inline-block; margin:0px 4px; position:relative; width:13px; vertical-align:middle; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .divider:after { content:""; width:13px; height:1px; background:#dadada; position:absolute; top:50%; left:0px; display:inline-block; z-index:10; }

.profile-edit-mode.form1 ul li .inner .input-group { position:relative; }
.profile-edit-mode.form1 ul li .inner .input-group .error_msg { position:absolute !important; bottom:-13px; }

.profile-edit-mode.performance-edit { margin-top:16px; }
.profile-edit-mode.performance-edit li .inner-box { border:1px solid #dadada; padding:12px; border-radius:6px; background:#fff;  min-height:95px; } 
.profile-edit-mode.performance-edit li .inner-box.non-connected-profile .image { opacity:0.2; border:none; } 
.profile-edit-mode.performance-edit li .inner-box.non-connected-profile h5 { color:#8a858d; }
.profile-edit-mode.performance-edit li { position:relative; }
.profile-edit-mode.performance-edit li .close-btn { position:absolute; top:5px; right:14px; display:inline-block; text-decoration:none; background:url(images/tg_images_new/sprites.svg) no-repeat; width:16px; height:16px; background-position:-49px -297px; }
.profile-edit-mode.edit-skills h5 { margin-bottom:4px;}

.profile-edit-mode .non-connected-profile .popover {  border:1px solid #dadada; max-width:300px; width:300px; left:10px; }
.profile-edit-mode .non-connected-profile .popover .popover-title { color:#8a858d; background:#fff; }
.profile-edit-mode .non-connected-profile .popover .arrow { border-bottom-color:#dadada; }
.profile-edit-mode .non-connected-profile .popover .popover-content { padding:16px; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul { padding:0px; margin:0px; list-style-type:none; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li { margin:0px; border-bottom:1px solid #dadada; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li h6 { margin-bottom:4px; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li p { color:#8a858d; font-size:12px; line-height:14px; margin:0px; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li a { padding:8px 14px; display:block; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li:hover a { background:#f2f2f2; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li:last-child  { border:none; }

/*--- Input Group   --- */
.input-group { margin-bottom:12px;}
.input-group .input-group-addon { background:#fff; min-width:38px; }
.input-group .input-group-addon .icon { display:inline-block; width:16px; height:16px; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat; vertical-align:middle; }
.input-group .input-group-addon .icon.web { background-position:-284px -241px; } 
.input-group .input-group-addon .icon.twitter { background-position:-307px -241px; } 
.input-group .input-group-addon .icon.linkedin { background-position:-331px -241px; } 
.input-group .input-group-addon .icon.github { background-position:-355px -241px; } 

/*--- Profile Listing    --- */
.profile-listing { margin:0px; padding:0px; list-style-type:none; }
.profile-listing li { margin-bottom:16px; }
.profile-listing li dd { min-height:32px;}
.profile-listing li:last-child { margin-bottom:0px; }
.profile-listing .action-controls .dropdown-menu li { margin-bottom:0px; }

/*--- Empty Follow Status    --- */
.empty-follow-status { margin:0px; padding:0px; list-style-type:none; }
.empty-follow-status li { margin-bottom:24px; }
.empty-follow-status li:last-child { margin-bottom:0px; }
.empty-follow-status li h6{ margin-bottom:8px; }
.empty-follow-status li p{ color:#8a858d; }
.empty-follow-status li:last-child p { margin-bottom:0px; }

/*----- Sill-analysis ----*/
#skill-analysis { border:1px solid #dadada; border-radius:6px;}
#skill-analysis .tab-content { padding:0;}
#skill-analysis .nav-tabs.main-profile-nav { background:#f7f7f7; border-radius:5px 5px 0 0; margin-bottom:0;}
#skill-analysis .main-profile-nav > li { width:28.666%; display:table; height:41px;}
#skill-analysis .nav-tabs li.more-links { width:14%;}
#skill-analysis .main-profile-nav li a { padding:13px 16px 13px; background:none;}
#skill-analysis .main-profile-nav > li > a { display:table-cell; vertical-align:middle; padding:0 16px;}
#skill-analysis .nav-tabs li.more-links .down-arrow { width:8px; height:8px; margin-left:2px; position:relative; top:-2px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) -76px -189px no-repeat;}
#skill-analysis .nav-tabs .dropdown-menu { padding:0; display:none !important;}
#skill-analysis .nav-tabs .open .dropdown-menu { display:block !important;}
#skill-analysis .nav-tabs .dropdown-menu li a { padding:11px; line-height:14px; color:#8a858d;}
#skill-analysis .nav-tabs .dropdown-menu li:last-child a { border-radius:0 0 2px 2px;}
#skill-analysis .nav-tabs .dropdown-menu > li > a:hover, #skill-analysis .nav-tabs .dropdown-menu > li > a:focus { background-color:#f2f2f2; color:#4a4548;}
#skill-analysis .analysis-section { border-bottom:1px solid #dadada; padding:24px;}
#skill-analysis .analysis-section:last-child { margin-bottom:0; border-bottom:0;}
#skill-analysis .up-arrow-icon, #skill-analysis .down-arrow-icon { vertical-align:middle; margin-left:0; position:relative; top:-2px;}
#skill-analysis .action-lnk { margin-left:0;}
#skill-analysis p:last-child { margin-bottom:0;}
#skill-analysis h5 { margin-bottom:8px;}
#skill-analysis .analysis-section.sq-stats h4 { line-height:33px;}
#skill-analysis .analysis-section.sq-stats h4 strong { font-weight:600; color:#19171a; }

#skill-analysis .open > a, #skill-analysis .open > a:hover, #skill-analysis .open > a:focus {border-color:#dadada;}

/*#skill-analysis .highcharts-tooltip { z-index:9998; position:relative;}
#skill-analysis .highcharts-tooltip span {z-index:9999!important;}*/

.accuracy-multiple-choice-graph { position:relative; margin:-8px 0 8px -12px; height:170px;}
.code-submissions-graph { position:relative; margin:-8px 0 -8px -12px; height:170px;}
/*.accuracy-multiple-choice-graph .highcharts-container:before, .code-submissions-graph .highcharts-container:before { content:""; width:60px; height:60px; background:#fff; position:absolute; left:57px; top:55px; display:block; border-radius:50%; z-index:1;}*/

/*----- Dragable-box ----*/
.dragable-box { margin-bottom:20px; min-height:36px;}
.dragable-box a { height: 32px; text-decoration:none; border-radius: 16px; background-color: #ffffff; border: solid 1px #f2f2f2; display:inline-block; margin:4px 8px 4px 0; padding:7px 10px; white-space:nowrap; font-size:14px; cursor:move; color:#4a4548; line-height:16px; float:left;}
.dragable-box a .drag-frame { width:10px; display:inline-block; position:relative; top:-1px; height:7px; background:url("images/tg_images_new/sprites.svg") -3px -301px no-repeat; vertical-align:middle; margin-right:8px;}
.dragable-box a .close-icon { width:8px; display:inline-block; position:relative; top:-2px; height:8px; background:url("images/tg_images_new/sprites.svg") -52px -300px no-repeat; vertical-align:middle; margin-left:16px; cursor:pointer;}

/*----- Add-skills-form ----*/
#add-skills-form { margin-bottom:24px; position:relative;}
#add-skills-form input[type="text"] { width:402px; float:left; background:none; padding:5px 10px 5px 10px; border:0; box-shadow:none; height:40px; outline:none;}
#add-skills-form input[type="button"] { height:40px; width:120px; float:right; margin:0; border-radius:0 3px 3px 0;}
#add-skills-form #search-form-content  { width:402px; top:41px;}
#add-skills-form #search-form-content ul li a { padding-left:36px;}
#add-skills-form #search-form-content h6 { margin-left:36px;}

/*----- User Result ----*/
#user-result.from-profile .test-base-result.cleared { background:#f7f7f7;}
#user-result.from-profile .test-base-result.cleared .inner-wrap { background:#e7ffec; border-radius:0 0 6px 6px;}
#user-result .test-base-result .inner-wrap { border-top: solid 1px #dadada; padding:16px; margin:0 -16px -16px -16px; position:relative;}
#user-result .test-base-result .inner-wrap h5 { margin-bottom:16px;}
#user-result .test-base-result .inner-wrap h6 { margin-bottom:8px;}
#user-result .test-base-result .inner-wrap .user-score { float:left; font-size:36px; margin-bottom:0; line-height:40px; margin-left:8px; margin-top:-3px;}
#user-result .test-base-result .inner-wrap .user-score span { font-size:12px;}
#user-result .test-base-result .inner-wrap .practice-btn { min-width:156px;}

/*----- Follow User ----*/
.follow_user {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}

/*--- Bootstrap Datepicker --*/
.daterangepicker.single .calendar,.daterangepicker.single .ranges,.ranges{float:none}.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:3px;width:278px;padding:4px;margin-top:1px;top:100px;left:20px}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.dropup{margin-top:-5px}.daterangepicker.dropup:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.dropup:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.dropdown-menu{max-width:none;z-index:3001}.daterangepicker.show-calendar .calendar{display:block}.daterangepicker .calendar{display:none;max-width:270px;padding:4px}.daterangepicker .calendar.single .calendar-table{border:none}.daterangepicker .calendar td,.daterangepicker .calendar th{white-space:nowrap;text-align:center;font-size:13px;min-width:32px}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:3px;background-color:#fff}.daterangepicker table{width:100%;margin:0}.daterangepicker td,.daterangepicker th{text-align:center;width:20px;height:20px;border-radius:3px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#8a858d}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:3px 0 0 3px}.daterangepicker td.end-date{border-radius:0 3px 3px 0}.daterangepicker td.start-date.end-date{border-radius:3px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#d7263d;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin-bottom:0}.daterangepicker .input-mini{border:1px solid #ccc;border-radius:3px;color:#555;height:30px;line-height:30px;display:block;vertical-align:middle;margin:0 0 5px;padding:0 6px 0 28px;width:100%}.daterangepicker .input-mini.active{border:1px solid #08c;border-radius:3px}.daterangepicker .daterangepicker_input{position:relative}.daterangepicker .daterangepicker_input i{position:absolute;left:8px;top:8px}.daterangepicker.rtl .input-mini{padding-right:28px;padding-left:6px}.daterangepicker.rtl .daterangepicker_input i{left:auto;right:8px}.daterangepicker .calendar-time{text-align:center;margin:5px auto;line-height:30px;position:relative;padding-left:28px}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.ranges{font-size:11px;margin:4px;text-align:left}.ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.ranges li{font-size:13px;background-color:#f5f5f5;border:1px solid #f5f5f5;border-radius:3px;color:#08c;padding:3px 12px;margin-bottom:8px;cursor:pointer}.ranges li.active,.ranges li:hover{background-color:#08c;border:1px solid #08c;color:#fff}.daterangepicker th.next .fa,.daterangepicker th.prev .fa{width:16px;height:0;padding-top:16px;background:url(images/tg_images_new/sprites.svg) no-repeat}.daterangepicker th.month,.daterangepicker th.next,.daterangepicker th.prev{background-color:#f2f2f2;border-radius:0}.daterangepicker th.next .fa:before,.daterangepicker th.prev .fa:before{display:none}.daterangepicker th.prev{border-radius:3px 0 0 3px}.daterangepicker th.next{border-radius:0 3px 3px 0}.daterangepicker th.prev .fa{background-position:-248px -46px}.daterangepicker th.next .fa{background-position:-287px -46px}@media (min-width:564px){.daterangepicker.ltr .calendar.right .calendar-table,.daterangepicker.rtl .calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.ltr .calendar.left .calendar-table,.daterangepicker.rtl .calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker{width:auto}.daterangepicker .ranges ul{width:160px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .calendar.left{clear:none}.daterangepicker.single.ltr .calendar,.daterangepicker.single.ltr .ranges{float:left}.daterangepicker.single.rtl .calendar,.daterangepicker.single.rtl .ranges{float:right}.daterangepicker.ltr{direction:ltr;text-align:left}.daterangepicker.ltr .calendar.left{clear:left;margin-right:0}.daterangepicker.ltr .calendar.right{margin-left:0}.daterangepicker.ltr .left .daterangepicker_input{padding-right:12px}.daterangepicker.ltr .calendar,.daterangepicker.ltr .ranges{float:left}.daterangepicker.rtl{direction:rtl;text-align:right}.daterangepicker.rtl .calendar.left{clear:right;margin-left:0}.daterangepicker.rtl .calendar.right{margin-right:0}.daterangepicker.rtl .calendar.left .calendar-table,.daterangepicker.rtl .left .daterangepicker_input{padding-left:12px}.daterangepicker.rtl .calendar,.daterangepicker.rtl .ranges{text-align:right;float:right}}@media (min-width:730px){.daterangepicker .ranges{width:auto}.daterangepicker.ltr .ranges{float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .calendar.left{clear:none!important}}


/* ==========================================================================
	Dashboard Page Specific Settings
========================================================================== */

/*--- Welcome User --- */
#welcome-user { margin-bottom:32px;}
#welcome-user h2 { margin-bottom:12px;}
#welcome-user p { color:#8a858d; margin-bottom:0;}

/*--- Gray Box --- */
.gray-box {border-radius: 6px; background: #f7f7f7; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); padding:12px 16px 16px;}
.gray-box.no-shadow { box-shadow:none;}
.gray-box h6 {color:#8a858d; font-style:italic; margin-bottom:8px;}
.gray-box figure { width: 64px; height: 64px; text-align:center; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; float:right; margin-left:16px; line-height:61px; background-size:100% 100%; background-repeat:no-repeat; text-align:center;}
.gray-box figure img { max-width:62px; max-height:62px;}
.gray-box .see-more-lnk { text-decoration:underline; font-size:12px; line-height:16px; color:#666666; display:inline-block; margin-top:12px;}

.gray-box .badges-list li { font-weight:normal; color:#4a4548;}
.gray-box .badges-list li img { width:24px; height:24px;}

/*--- Problem Box --- */
.problem-box {border-radius: 6px; background-color: #ffffff; border: solid 1px #e9e9e9; padding:16px; position:relative;}
.problem-box:before { height:4px; position:absolute; left:0; width:100%; top:0; border-radius:3px 3px 0 0; content:""; display:block;}
.problem-box h5 { margin-bottom:8px;}
.problem-box h6 { font-style:normal; margin-bottom:0;}
.problem-box dl.description-list dd { margin-left:90px; margin-bottom:4px;}
.problem-box .inner { height:94px;}
.problem-box .action-lnk { display:inline-block; margin-top:12px;}

.problem-box.new-skill { background:#fbf4ed;}
.problem-box.skill-problem:before {background: rgba(255,191,95,1);
background: -moz-linear-gradient(left, rgba(255,191,95,1) 0%, rgba(255,135,55,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,191,95,1)), color-stop(100%, rgba(255,135,55,1)));
background: -webkit-linear-gradient(left, rgba(255,191,95,1) 0%, rgba(255,135,55,1) 100%);
background: -o-linear-gradient(left, rgba(255,191,95,1) 0%, rgba(255,135,55,1) 100%);
background: -ms-linear-gradient(left, rgba(255,191,95,1) 0%, rgba(255,135,55,1) 100%);
background: linear-gradient(to right, rgba(255,191,95,1) 0%, rgba(255,135,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf5f', endColorstr='#ff8737', GradientType=1 );}
.problem-box.practice-problem:before {background: rgba(78,181,241,1);
background: -moz-linear-gradient(left, rgba(78,181,241,1) 0%, rgba(66,120,245,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(78,181,241,1)), color-stop(100%, rgba(66,120,245,1)));
background: -webkit-linear-gradient(left, rgba(78,181,241,1) 0%, rgba(66,120,245,1) 100%);
background: -o-linear-gradient(left, rgba(78,181,241,1) 0%, rgba(66,120,245,1) 100%);
background: -ms-linear-gradient(left, rgba(78,181,241,1) 0%, rgba(66,120,245,1) 100%);
background: linear-gradient(to right, rgba(78,181,241,1) 0%, rgba(66,120,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eb5f1', endColorstr='#4278f5', GradientType=1 );}
.problem-box.challenge-problem:before{
background: rgba(33,181,161,1);
background: -moz-linear-gradient(left, rgba(33,181,161,1) 0%, rgba(19,151,166,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(33,181,161,1)), color-stop(100%, rgba(19,151,166,1)));
background: -webkit-linear-gradient(left, rgba(33,181,161,1) 0%, rgba(19,151,166,1) 100%);
background: -o-linear-gradient(left, rgba(33,181,161,1) 0%, rgba(19,151,166,1) 100%);
background: -ms-linear-gradient(left, rgba(33,181,161,1) 0%, rgba(19,151,166,1) 100%);
background: linear-gradient(to right, rgba(33,181,161,1) 0%, rgba(19,151,166,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21b5a1', endColorstr='#1397a6', GradientType=1 );
}

.problem-box.webinar-block { padding:0;}
.problem-box.webinar-block header { position:relative; padding:18px 16px; border-radius:5px 5px 0 0; background-color:rgba(25, 25, 25, 1); height:79px; background-size:cover; background-position:center center;}
.problem-box.webinar-block header:after { width: 100%; height: 100%; border-radius:5px 5px 0 0; position: absolute; left: 0; top: 0; background:rgba(25, 25, 25, 0.8); content: ""; display: block;}
.problem-box.webinar-block header h5 {color:#fff; line-height:22px; margin:0; line-height:22px; position:relative; z-index:1;}
.problem-box.webinar-block header .play-icon { float:right; margin-top:1px; width:40px; height:40px; display:block; border-radius:50%; text-align:center; margin-left:16px; line-height:40px; background:#d7263d; z-index:1; position:relative;}
.problem-box.webinar-block header .play-icon:after { width:16px; height:18px; content:""; position:absolute; left:14px; top:11px; background:url(images/tg_images_new/sprites.svg) -373px -311px no-repeat;}
.problem-box.webinar-block .content { padding:12px;}
.problem-box.webinar-block .content figure { float:left; width:54px; height:54px; line-height:51px; margin:0;}
.problem-box.webinar-block .content figure img { max-width:52px; max-height:52px; border-radius:2px;}
.problem-box.webinar-block .content .details { margin-left:66px;}
.problem-box.webinar-block .content h5 { font-weight:normal; margin-bottom:4px; padding-top:6px;}
.problem-box.webinar-block .content p { margin:0; font-size:12px; line-height:16px; color:#8a858d;}

/*--- My Skills Report --- */
#my-skills-report .tab-content { padding:12px 16px 16px;}
#my-skills-report .nav-tabs > li { width:16.66666%;}
#my-skills-report .nav-tabs > li > a { padding:16px 16px 6px;}
#my-skills-report .nav-tabs li a small { font-size:12px; text-transform:uppercase; color:#8a858d; display:block; font-weight:normal; line-height:16px; padding-top:3px;}
#my-skills-report .nav-tabs li.active > a small, #my-skills-report .nav-tabs li.active > a:hover small, #my-skills-report .nav-tabs li.active > a:focus small {color:#19171a;}
#my-skills-report .nav-tabs li.more-links .down-arrow { width:8px; height:8px; margin-left:2px; position:relative; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) -208px -188px no-repeat;}
#my-skills-report .nav-tabs li.more-links > a { height:56px; padding-top:23px;}
#my-skills-report .nav-tabs li.more-links.open > a { background:#fff; box-shadow: 0 6px 12px rgba(0,0,0,0.175); position:relative; border-radius:0 5px 0 0;}
#my-skills-report .nav-tabs .dropdown-menu { width:100%; height:342px; overflow:auto; border:0; border-radius:0 0 3px 3px; padding:0; box-shadow:0 11px 12px rgba(0,0,0,0.175); display:none !important;} 
#my-skills-report .nav-tabs .open .dropdown-menu { display:block !important;}
#my-skills-report .nav-tabs .dropdown-menu li a { padding:11px; text-align:center; line-height:16px; color:#8a858d;}
#my-skills-report .nav-tabs .dropdown-menu li:last-child a { border-radius:0 0 2px 2px;}
#my-skills-report .nav-tabs .dropdown-menu > li > a:hover, #skill-analysis .nav-tabs .dropdown-menu > li > a:focus { background-color:#f2f2f2; color:#4a4548;}
#my-skills-report .open > a, #my-skills-report .open > a:hover, #my-skills-report .open > a:focus {border-color:#dadada;}

/*--- Top Block --- */
.top-block  { padding:4px 0 0 6px;}
.top-block h6 { font-style:normal; margin-bottom:12px;}
.top-block figure { float:left; margin:0; border-radius:6px;}
.top-block .details { margin-left:80px; padding-right:6px; min-height:69px;}
.top-block .details h5 { margin-bottom:4px;}
.top-block dl.description-list dd { margin-bottom:4px;}
.top-block footer { padding-top:16px; clear:both; padding-left:81px;}
.top-block footer .action-lnk { float:right; line-height:24px;}

.top-block.top-candidate { padding:16px 6px 8px 0; margin:-12px 0 -16px; position:relative;}
.top-block.top-candidate:after { content:""; height:100%; position:absolute; right:-10px; top:0; background:#dadada; display:block; width:1px;}
.top-block.top-candidate figure { border:0; line-height:64px;}
.top-block.top-candidate figure img { max-width:64px; max-height:64px; border-radius:5px;}

.top-block.top-company figure { line-height:54px; padding:4px;}
.top-block.top-company figure img { max-width:54px; max-height:54px;}

/*--- Performance in Coding --- */
.performance-in-coding h6 { color:#666666; font-style:normal; margin-bottom:28px;}
.performance-in-coding h6 span { color:#8a858d;}
.performance-in-coding h6.left-padding { padding-left:6px;}
.performance-in-coding .middle-content { padding:12px 16px 0; position:relative; height:224px; position:relative; margin:-12px 0 -16px;}
.performance-in-coding .middle-content:after { content:""; height:100%; position:absolute; right:0; top:0; background:#dadada; display:block; width:2px;}
.performance-in-coding .middle-content:before { content:""; height:100%; position:absolute; left:0; top:0; background:#dadada; display:block; width:2px;}
.performance-in-coding .tips { display:inline-block; position:absolute; right:16px; top:15px; z-index:2; width:16px; height:16px; background:url(images/tg_images_new/sprites.svg)-237px -240px no-repeat; vertical-align:middle; }

/*--- Aq Growth Graph --- */
.sq-growth-graph {position:relative; margin-top:-60px; margin-left:-16px; height:215px;}

/*--- Aq Distribution Graph --- */
.sq-distribution-graph {position:relative; margin:-8px 0 -8px -16px; height:162px;}

/*--- Skill Quotient Block --- */
.skill-quotient-block dl.description-list dd { margin-bottom:20px;}
.skill-quotient-block .percentage { font-size:32px; line-height:32px; color:#4a4548; display:block; margin-bottom:18px;}
.skill-quotient-block .progress { width:305px; height:8px; margin:0 0 27px; border-radius:4px; background:#e5e5e5;}
.skill-quotient-block .progress .progress-bar {border-radius:4px; background-color: #ff0000;}
.skill-quotient-block .progress.top .progress-bar {background-color: #26d974;}
.skill-quotient-block .progress.medium .progress-bar {background-color: #feb95f;}

/* SQ Growth Graph User PlotLine Tooltip */
.thetooltip {color:#fff;	border-radius: 3px;	background-color: #979797; padding:0 8px; position: absolute; float:left; margin-left:-75px; min-width:70px;	text-align:center;z-index:0; box-shadow: 1px 1px 3px #666;}
.thetooltip.left { margin-left:0; margin-right:-75px; left:-6px;}
.tooltiptext{font-size:10px; color:#fff;}
.plotline {
     &:hover {
       .thetooltip {
          display: block;
        }
     }
}



/* ==========================================================================
	Home Page Specific Settings
========================================================================== */
body.landing-page #container-wrap { padding-top:0px !important; }
body.landing-page #header { background:none; position:absolute !important; box-shadow:none; }
body.landing-page #header .login-signup-links a { color:#fff; }
/* body.landing-page #header.fixed-header  { transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
body.landing-page #header.fixed-header .login-signup-links a { color:#4a4548; }
body.landing-page #header.fixed-header { background:#fff; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12); } */
body.landing-page #header .logo .tg-white-logo { display:block; }
#header .logo .tg-white-logo { display:none; }
body.landing-page #header .logo .tg-small-logo { display:none; }
/* body.landing-page #header.fixed-header .logo .tg-small-logo { display:block; }
body.landing-page #header.fixed-header .logo .tg-white-logo { display:none; }
body.landing-page #header.fixed-header #global-search-form.active { background:#f2f2f2; } 
body.landing-page #global-search-form { background:none; width:36px; overflow:hidden; cursor:pointer; -webkit-transition: width 0.2s; }
body.landing-page #global-search-form .category-menu { pointer-events:none; background:url(images/tg_images_new/header-search.svg) 10px 8px no-repeat;  }
body.landing-page #global-search-form form{ width:310px; }
body.landing-page #global-search-form.active { width:310px; background-color:rgba(255,255,255,0.7); cursor:default; }
body.landing-page #global-search-form.active .category-menu  { pointer-events:auto; }*/

/*--- Landing Sections --- */
.landing-sections { padding:40px 0px 32px 0px; }
.landing-sections .button1 { min-width:174px; }
.landing-sections h2 { font-size:28px; font-weight:bold; color:#19171a; }
.landing-sections p.lead { font-size:16px; line-height:25px; color:#666666; font-weight:normal; margin-bottom:24px; }
.landing-sections .stats { margin:0 0 30px; padding:0; list-style:none;}
.landing-sections .stats li { font-size:18px; color:#19171a; float:left; border-right:1px solid #dadada; padding:0px 24px 0px 24px; font-weight:600;}
.landing-sections .stats li small { display:block; color:#666666; font-size:16px; font-weight:normal; margin-top:4px;}
.landing-sections .stats li:first-child { padding-left:0;}
.landing-sections .stats li:last-child { border-right:0;}
.landing-sections .inner-wrap { width:350px; float:right; }

/*--- trending-hackathons-challenges --- */
#trending-hackathons-challenges .detailed-info-box .details h5 { position:relative; margin-top:-4px;}

/*--- Tg Landing Banner --- */
#tg-landing-banner { padding:120px 0px 80px 0px; background-image:url(images/tg_images_new/tg-new-banner-re.jpg); background-size:cover; background-repeat:no-repeat; }
#tg-landing-banner h2 { color:#fff; font-size:44px; font-weight:bold; line-height:1; }
#tg-landing-banner p { color:#fff; font-size:16px; }
#tg-landing-banner .info-list { margin:0px; padding:0px; list-style-type:none; }
#tg-landing-banner .info-list li  { font-size:16px; line-height:28px; padding-left:26px; color:#fff; background-image:url(images/tg_images_new/check.svg); background-repeat:no-repeat; background-position:left 6px; }

#tg-landing-banner .register-area  { background:rgba(255,255,255,0.7); padding:16px 24px 24px 24px; width:384px; float:right; border-radius:3px; }
#tg-landing-banner .register-area h5  { margin-bottom:12px; }
#tg-landing-banner .register-area .sociable  { margin-bottom:24px; }
#tg-landing-banner .register-area .sociable a  { width:80px; height:32px; display:inline-block; margin-right:1px; text-align:center; border-radius:3px; text-align:center; line-height:34px; }
#tg-landing-banner .register-area .sociable a.facebook { background:#3b5998; }
#tg-landing-banner .register-area .sociable a.google { background:#dc4e41; }
#tg-landing-banner .register-area .sociable a.google { background:#dc4e41; }
#tg-landing-banner .register-area .sociable a.github { background:#161514; }
#tg-landing-banner .register-area .sociable a.linkedin { background:#0077b5; }
#tg-landing-banner .register-area .sociable a:last-child  { margin-right:0px; }
#tg-landing-banner .register-area .sociable p { margin-bottom:0px; }
#tg-landing-banner .register-area #newsletter-form { padding:0px; height:32px; padding:0px; border-radius:0px; }
#tg-landing-banner .register-area #newsletter-form form { padding:0px; border-radius:0px; }
#tg-landing-banner .register-area #newsletter-form .button1 { width:96px; border-radius:0px 3px 3px 0px; }
#tg-landing-banner .register-area #newsletter-form input[type="text"] { width:240px; background:#fff; padding:0px 8px;border-radius:3px 0px 0px 3px;  }
#tg-landing-banner .register-area #newsletter-form .error_msg { clear:both; }

/*--- Annual Events --- */
#annual-events { background:#fff; }
#annual-events h2 { margin-bottom:24px; }
#annual-events .main-event { padding:40px 30px; border-radius:4px; position:relative; background-size:cover; margin-bottom:20px; }
#annual-events .main-event .overlay { width:100%; height:100%;  position:absolute; left:0px; top:0px; border-radius:4px;  }
#annual-events .main-event .main-event-box { opacity:0.97; border-radius:6px; background-color:#fefefe; padding:16px; }
#annual-events .main-event .main-event-box.detailed-info-box .content { padding:18px 0px 0px 0px; border-radius:0; box-shadow:none; }
#annual-events .main-event .main-event-box.detailed-info-box.detailed-info-box .details h3 { margin-bottom:12px; }
#annual-events .main-event .main-event-box.detailed-info-box.detailed-info-box .details p { margin-bottom:20px; }
#annual-events .main-event.tg3-event,#annual-events .tg3-event .banner { background:url(images/tg_images_new/tg3-event-image.jpg); background-size:cover; background-repeat:no-repeat;  }
#annual-events .tg3-event .overlay { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.26) 11%, rgba(0, 0, 0, 0.53)); background-color:rgba(236, 104, 165, 0.4);}
#annual-events .main-event.vcl-event ,#annual-events .vcl-event .banner { background:url(images/tg_images_new/vcl-event-image.JPG); background-repeat:no-repeat; background-size:cover;}
#annual-events .vcl-event .overlay { background-color: rgba(0, 0, 0, 0.36); }
#annual-events .main-event.cg-event, #annual-events .cg-event .banner  { background:url(images/tg_images_new/cg-event-image.JPG); background-repeat:no-repeat; background-size:cover; }
#annual-events .cg-event .overlay { background-color: rgba(4, 118, 167, 0.4); }


/*--- Detailed Info Box --- */
.detailed-info-box { position:relative; padding-bottom:8px; }
.detailed-info-box .action-link { float:right; font-size:14px; font-weight:600;}
.detailed-info-box .content { padding:16px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); border-radius:0px 0px 3px 3px; }
.detailed-info-box .content header { padding-bottom:16px; }
.detailed-info-box .content p { height:60px; overflow:hidden; }
.detailed-info-box .banner { height:135px; width:100%; background-color:#f8f8f8; border-radius:3px 3px 0px 0px; background-size:cover; background-position:center center; background-color: rgba(0, 0, 0, 0.36);}
.detailed-info-box .banner .overlay { height:135px; width:100%;  position:absolute; left:0px; top:0px; border-radius:3px 3px 0px 0px; }

.detailed-info-box .details { padding-left:72px;  }
.detailed-info-box .details .block { font-size:14px; line-height:20px; color:#4a4548; margin-right:40px; display:inline-block; }
.detailed-info-box .details .block:last-child { margin-right:0px; }
.detailed-info-box .details .block .icon { margin-right:8px; display:inline-block; width:16px; height:16px; vertical-align:text-bottom; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat;  }
.detailed-info-box .details .block .icon.calender { background-position:-68px -376px;}
.detailed-info-box .details .block .icon.trophy { background-position:-92px -376px;}
.detailed-info-box .details h5 { margin-bottom:4px; font-size:16px; }
.detailed-info-box .details h3 { margin-bottom:8px; }
.detailed-info-box .content { padding-top:18px;  }
.detailed-info-box .image { float:left; width:56px; height:56px; border-radius:3px; border:1px solid #dadada; background:#fff; line-height:52px; text-align:center; }
.detailed-info-box .image img { max-width:48px; max-height:48px; }

.trending-test { margin-top:16px; position:relative; }
.trending-test ul { margin:0; padding:0; list-style:none;}
.trending-test .detailed-info-box .banner { height:110px; }
.trending-test .detailed-info-box .details .block { color:#8a858d;; }

/*--- Users Word --- */
#users-word { background:#f8f8f8; }
#users-word .slides { position:relative; }
#users-word  ul { margin:0; padding:0; list-style:none;}
#users-word h2 { margin-bottom:32px; }
#users-word .box-default { margin-left:33px; padding-top:24px; border-radius:6px; }
#users-word .box-default.no-margin { margin-bottom:0px; }
#users-word .box-default .content { margin-left:-46px; }
#users-word blockquote { border:none; padding:0px; margin:0px; margin-left:87px; }
#users-word blockquote p { font-size:16px; color:#19171a; margin-bottom:24px; height:100px; overflow:hidden; }
#users-word blockquote p.cite { font-size:14px; color:#696969; margin-bottom:0px; font-weight:600; height:auto; }
#users-word blockquote p.cite cite { font-style:normal; }
#users-word blockquote p.cite small { font-size:12px; color:#666666; font-weight:normal; }
#users-word blockquote p.cite small:before { display:none; }
#users-word .image { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); border: solid 2px #ffffff; border-radius:50%; width:72px; height:72px; float:left; background:#f7f7f7;}
#users-word .image img { width:68px; height:68px; border-radius:50%; }
#users-word .controls { display:none; text-align:center; }
#users-word .controls a { background:#bebebe; display:inline-block; margin:0px 3px; width:8px; height:0; padding-top:8px; overflow:hidden; border-radius:50%;}
#users-word .controls a:hover, #users-word .controls a.selected { background:#d7263d;}

/*--- Skill Quotient --- */
#skill-quotient { background:#f8f8f8; padding:64px 0px 76px 0px; }

/*--- Compete Achieve --- */
#compete-achieve { background:#fff; }
#compete-achieve h2 { margin-top:24px; }
#compete-achieve .computer-image { margin-right:-64px; margin-bottom:40px;}

/*--- Practice Level Up --- */
#practice-level-up { background:#f8f8f8;  }
#practice-level-up h2 { margin-top:24px; }
#practice-level-up .fade-slider { margin-bottom:24px; }
#practice-level-up .fade-slider .previous-btn, #practice-level-up .fade-slider .next-btn { margin-top:-14px; }

/*--- Topic List --- */
.topic-list { width:344px; margin:0 auto; }
.topic-list ul { margin:0px; padding:0px; list-style-type:none; background:#fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius:6px; }
.topic-list ul li { margin:0px; padding:0px; list-style-type:none; float:left; width:25%; border-right:1px solid #e7e7e7; height:76px; padding:8px; text-align:center; display:table; }
.topic-list ul li .inner { display:table-cell; vertical-align:middle; }
.topic-list ul li figure { width:32px; height:32px; margin:0px auto 4px auto; }
.topic-list ul li figure img { max-width:32px; max-height:32px; }
.topic-list ul li p { font-size:10px; color:#8a858d; line-height:12px; margin:0px; }
.topic-list ul li a { font-size:12px; line-height:16px; font-weight:600; width:100%; height:100%;  }
.topic-list ul li:last-child { padding:0px; border:none; }
.topic-list ul li:last-child p a { display:table-cell; width:100%; height:76px; vertical-align:middle; }

.topic-list table { width:100%; background:#fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius:6px; }
.topic-list table td { width:25%; border-right:1px solid #e7e7e7; height:76px; padding:0px 8px; text-align:center; font-size:10px; color:#8a858d; line-height:12px;}
.topic-list table td a { color:#8a858d; }
.topic-list table td:last-child { border-right:none; }
.topic-list table td figure { margin:0px auto 2px auto; }
.topic-list table td figure img { max-width:38px; max-height:38px; }
.topic-list table td a.see-more { font-size:12px; line-height:16px; font-weight:600; color:#d7263d; display:block; }

/*--- Live Event Promo --- */
.live-event-promo  { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19); position:relative; background:#eaeaea; }
.live-event-promo .live-now { display:inline-block; background:#e42630; color:#fff; font-size:12px; line-height:15px; width:70px ; text-align:center; margin-bottom:9px; border-radius:15px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); height:16px;}
.live-event-promo .live-now .round { display:inline-block; width:6px; height:6px; background:#fff; border-radius:50%; margin-right:4px; }
.live-event-promo .button1 { min-width:142px; }
.live-event-promo .event-details { background:#fff; height:108px; padding-right:24px; padding-top:7px; position:relative; }
.live-event-promo .event-details:before { content:""; background:#fff; width:1000px; height:100%; position:absolute; left:-1000px; top:0px; } 
.live-event-promo .event-details .event-logo { max-width:120px; max-height:48px; }
.live-event-promo .event-details h3 { margin-bottom:0px; font-weight:bold; color:#233550; line-height:26px; }
.live-event-promo .event-details h3 strong { font-weight:900; }
.live-event-promo .event-details p { margin:0px; color:#233550; }
.live-event-promo .event-sponsors { background:#eaeaea; height:108px; padding:24px 0px 24px 24px; position:relative; }
.live-event-promo .event-sponsors p { font-size:12px; color:#5c5c5c; margin-bottom:11px; line-height:14px; }
.live-event-promo .event-sponsors ul { margin:0px; padding:0px; list-style-type:none; }
.live-event-promo .event-sponsors ul li { display:inline-block; margin-right:16px; }
.live-event-promo .event-sponsors ul li:last-child { margin-right:0px; }
.live-event-promo .event-sponsors ul li img { max-width:85px; max-height:30px; }

/*--- Faded Slider --- */
.fade-slider  { width:350px; height:136px; margin:0px auto; position:relative; border-radius: 6px;}
.fade-slider .caroufredsel_wrapper  { height:144px !important; width:350px !important;}
.fade-slider .image { float:left; width:64px; height:64px; border-radius:3px; border:1px solid #dadada; background:#fff; line-height:60px; text-align:center; float:right; }
.fade-slider .details { margin-right:76px; }
.fade-slider .details h5 { margin-bottom:4px; }
.fade-slider .details p { color:#8a858d; margin-bottom:4px; }
.fade-slider .details p span { color:#4a4548; margin-left:8px; }
.fade-slider .image img { width:56px; height:56px; border-radius:3px; }
.fade-slider ul { margin:0px;  height:136px; overflow:hidden; padding:0px; list-style-type:none; }
.fade-slider ul li {  position:relative; min-width:350px; float:left;}
.fade-slider ul li .slider-box { padding:16px; height:136px; background-color: #ffffff;  border-radius:5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); margin:4px; }
.fade-slider ul li .inner-content { height:85px; overflow:hidden; margin-bottom:4px; }
.fade-slider ul li .action-link { font-size:14px; font-weight:600; text-decoration:none;  }
.fade-slider .previous-btn,.fade-slider .next-btn { width:40px; height:40px; display:inline-block; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius:50%; position:absolute; top:50%; margin-top:-17px; background:#f8f8f8 url(images/tg_images_new/sprites.svg) no-repeat; }
.fade-slider .previous-btn { left:0px; margin-left:-23px; background-position:2px -364px; }
.fade-slider .next-btn { right:0px; margin-right:-23px; background-position:-26px -364px;}

/*--- Slider --- */
.landing-page .slider .previous-btn,.landing-page .slider .next-btn { width:40px; height:40px; display:inline-block; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius:50%; position:absolute; top:50%; margin-top:-20px; background:#f8f8f8 url(images/tg_images_new/sprites.svg) no-repeat; }
.landing-page .slider .previous-btn { left:0px; margin-left:-25px; background-position:2px -364px; }
.landing-page .slider .next-btn { right:0px; margin-right:-25px; background-position:-26px -364px;}
.landing-page .slider ul li { float:left;}


/* ==========================================================================
    SignUp Page Specific
========================================================================== */

/*--- Signup Login --- */
#signup-login { padding:16px;}
.modal #signup-login { padding:0;}
#signup-login p { margin-bottom:16px; }
#signup-login .login-signup-sociable p  { margin-bottom:24px; }
#signup-login .left-column { float:left; }
#signup-login .form1 .forgot-password-area { padding-top:8px; display:block; }
#signup-login .form1 .forgot-password-area a { color:#8a858d; text-decoration:underline; }
#signup-login .form1 .agreement { color:#8a858d;}
#signup-login .form1 .agreement a { color:#4a4548; text-decoration:underline; }
#signup-login .right-column { float:right; width:51%; padding-left:24px; }
#signup-login .right-column .tabs10  { background:#f7f7f7; padding-top:24px; border-radius:6px; }
#signup-login .right-column .tabs10 .nav-tabs { margin-bottom:0px; }
#signup-login .right-column .nav-tabs  li { width:50%; padding:0px 24px; }
#signup-login .right-column .tabs10 .tab-content { padding:24px 16px; }
#signup-login .inner-wrap { max-width:500px; width:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.3); margin:0 auto 50px; padding:0; border-radius:4px;}
#signup-login .logo { margin:0 auto 24px; text-align:center;}
#signup-login .form1 ul li { position:relative; margin-bottom:20px;}
#signup-login .form1 ul li label.left-label { white-space:nowrap;}
#signup-login .form1 ul li .fa { position:absolute; left:0; width:51px; top:1px; border-right:1px solid #dadada; height:50px; line-height:50px; color:#c0c0c0; font-size:17px; text-align:center;}
#signup-login .tg-loader { padding:85px 0;}
#signup-login .left-column { width:45%;}
#signup-login .right-column { width:55%;}
#signup-login .form1 ul li.token-input-input-token-facebook { margin-bottom:0px; }
#signup-login #why-participate { padding-top:22px; }
#login-form ul li:last-child { margin-bottom:30px;}

/*--- Signup Login Page --- */
.signup-login-page #content .container { padding-top:24px;}
.signup-login-page { background:#fff; }

/*--- signup-login-wrap --- */
.signup-login-wrap { padding-top:8px; padding-bottom:40px; }
.signup-login-wrap .form1 ul li { margin-bottom:10px;  position:relative; }
.signup-login-wrap .form1 .forgot-password-area { padding-top:8px; display:block; }
.signup-login-wrap .form1 .forgot-password-area a { color:#8a858d; text-decoration:underline; }
.signup-login-wrap .form1 .agreement { color:#8a858d;}
.signup-login-wrap .form1 .agreement a { color:#4a4548; text-decoration:underline; }
.signup-login-wrap .left-column { width:50%; float:left; }
.signup-login-wrap .right-column { float:right; width:50%; padding-left:80px; }
.signup-login-wrap .right-column .inner-wrap { padding:24px 0px; background:#f7f7f7; border-radius:6px; }
.signup-login-wrap .right-column .inner-wrap .form1 ul li { margin-bottom:16px; }
.signup-login-wrap .right-column .inner-wrap .form1 ul li:last-child { margin-bottom:0px; }
.signup-login-wrap .form1  #autocomplete { width:100% !important;}
.signup-login-wrap ul.token-input-list-facebook li input { margin:0px; }
.signup-login-wrap .tabs10 .nav-tabs { padding:0; margin-bottom:0px; }
.signup-login-wrap .tabs10 .nav-tabs  li { width:50%; padding:0px 24px; }
.signup-login-wrap .tabs10 .tab-content { padding:24px 16px; padding-bottom:0px; }
.signup-login-wrap .form1 .varification-field .form-control { width:90px;}
.signup-login-wrap #signup-login .inner-wrap {box-shadow:none;}

#forgot-password h2 { margin-bottom:0px; }

/*--- Login Form --- */
#login-form { position:relative;}

/*--- Signup Form --- */
#signup-login1 small { display:block; font-size:11px; color:#8c8c8c;}

/*--- Why-participate --- */
#why-participate { padding-top:36px; }
#why-participate  h3 { margin-bottom:4px;}
#why-participate ul { margin:0px; padding:0; list-style:none;}
#why-participate li { margin-bottom:38px;}
#why-participate li:last-child { margin-bottom:16px;}
#why-participate .icon { float:left; }
#why-participate .details { margin-left:128px; }
#why-participate .details p { color:#8a858d; margin-bottom:0; }

#login-register-popup .modal-header  { padding-top:0; padding-bottom:0;}
#login-register-popup .modal-header .close { position:relative; top:17px;}
#login-register-popup .modal-body { padding-top:0;}

.modal #why-participate  h3 { font-size:14px;}
.modal #why-participate .icon { width:78px;}
.modal #why-participate .details { margin-left:94px; }
.modal #why-participate .details p { font-size:12px; line-height:16px;}

/*--- Login Signup Sociable --- */
.login-signup-sociable p  { margin-bottom:24px; }
.login-signup-sociable p span { vertical-align:top; display:inline-block; padding-top:6px; width:116px; }
.login-signup-sociable p a { display:inline-block; margin-left:12px; width:48px; height:32px; text-align:center; line-height:29px; vertical-align:top; }
.login-signup-sociable p a.linkedin { background:#0077b5; margin-left:0;}
.login-signup-sociable p a.facebook { background:#3b5998; }
.login-signup-sociable p a.google { background:#ffffff; border:1px solid #4285f4; line-height:29px; }
.login-signup-sociable p a.github { background:#3b4146; }
.modal .login-signup-sociable p a { margin-left:9px;}
.modal .login-signup-sociable p a.linkedin { margin-left:0;}
.modal .login-signup-sociable p span{ width:87px;}
.modal #signup-form #rc-imageselect, .modal #signup-form .g-recaptcha {transform:scale(0.80);-webkit-transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0;}


/*--- Contest Navigation --- */
#height-block { height:58px; display:none;}
#common-navigation { margin-bottom:24px;}
#common-navigation.fixed { height:56px; background:#fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); position:fixed; left:0px; top:0px; padding:11px 0px; width:100%; z-index:1002; }
#common-navigation.fixed .container { padding:0px 10px; }
#common-navigation .container { padding:0px; }
#common-navigation.normal-view .container { width:100%; }
#common-navigation.normal-view .row { margin:0px; }
#common-navigation.normal-view .row .col-sm-7, #common-navigation.normal-view .row .col-md-8 { padding:0px; width:100%; }
#common-navigation ul { margin:0px; padding:0px; list-style-type:none; border-radius:3px; display:table; width: 100%;}
#common-navigation ul li { border:1px solid #4a4548; border-left:none; display:table-cell; width:auto; }
#common-navigation ul li:first-child { border-left:1px solid #4a4548; border-radius:3px 0px 0px 3px; }
#common-navigation ul li:last-child { border-radius:0px 3px 3px 0px; }
#common-navigation ul li a { display:block; color:#4a4548; line-height:20px; padding:6px 10px; text-align:center; font-size:14px; font-weight:normal; text-decoration:none; text-transform:capitalize; min-width:100px;}
#common-navigation ul li a:hover,#common-navigation ul li.active a { background:#4a4548; color:#fff; }

#common-navigation.for-contest .mobile-dropdown-view { float:left; width:604px;}
#common-navigation.for-contest .contest-filter { float:right; position:relative;}
#common-navigation.for-contest .contest-filter .btn { width: 129px; text-align:left; height:35px; border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; color:#4a4548; padding-left:16px; padding-right:6px; line-height:20px; box-shadow:none;}
#common-navigation.for-contest .contest-filter .btn .down-arrow { width:16px; height:16px; display:inline-block; vertical-align:middle; background:url("images/tg_images_new/sprites.svg") no-repeat scroll -204px -185px; float:right; margin-top:4px;}
#common-navigation.for-contest .filter-lists { position:absolute; display:block; width:458px; max-width:458px; z-index:99; left:auto; right:0; top:35px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dadada; padding:16px 16px 4px; border-radius:6px; display:none;}
#common-navigation.for-contest .filter-lists .row { margin:0;}
#common-navigation.for-contest .filter-lists > .arrow {left:auto; right:63px; margin-right:-11px; border-bottom-color:#dadada;}
#common-navigation.for-contest .filter-lists p { color:#8a858d;}
#common-navigation.for-contest .filter-lists .checkbox-input { margin-bottom:12px;}

/*--- Contest Section --- */
.contest-section .header { margin-bottom:16px; }
.contest-section .header h2 { float:left; margin:0px; }
.contest-section .header .filter { float:right; padding-top:9px; }
.contest-section .header .dropdown { float:left; width:100%; margin-top:8px;}
.contest-section .header .dropdown.less .dropdown-menu { display:block !important;}
.contest-section .header .dropdown .dropdown-menu { display:none; height:auto; position:absolute; border:1px solid #dadada; z-index:15; top:37px; margin-top:0;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); width:100%; max-height:210px; overflow:auto; border-radius:0 0 3px 3px; padding:0;}

.contest-section .header .dropdown .dropdown-menu .checkbox-input { padding:11px; border:0; font-size:14px !important; color:#8a858d; text-align:left !important; white-space:nowrap; background:#fff; display:block; }
.contest-section .header .dropdown .dropdown-menu .checkbox-input label { padding-left:24px; position:relative; line-height:17px;}
.contest-section .header .dropdown .dropdown-menu .checkbox-input:hover { background:#f2f2f2 !important; border:0;}
.contest-section .header .dropdown .btn  { width:100%; position:relative; padding-right:32px; text-align:left; height:40px; margin-bottom:16px; color:#4a4548; background:#fff; box-shadow:none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border:0; line-height:27px;}
.contest-section .header .dropdown .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:4px; background:url("images/tg_images_new/sprites.svg") no-repeat scroll -18px -176px; width:31px; height:36px; content:"";}
.contest-section .header .dropdown .caret { display:none;}

.contest-section .header .filter form { margin:0px; }
.contest-section .header .filter label { display:inline-block; margin:0px; }
.contest-section .header .filter .checkbox-input { margin-left:16px; }
.contest-section .contest-listing { border-radius:6px; background-color:#ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:40px; }
.contest-section .contest-listing .contest-box:first-child, #all-challenges.contest-listing .contest-box:first-child {  border-top-left-radius:6px;  border-top-right-radius:6px; }
.contest-section .contest-listing .contest-box:last-child, #all-challenges.contest-listing .contest-box:last-child {  border-bottom-left-radius:6px;  border-bottom-right-radius:6px; margin-bottom:16px; border-bottom:0; }
.contest-section .contest-listing .contest-box.last { border-bottom-left-radius:6px;  border-bottom-right-radius:6px;}

/*--- Content Box --- */
.contest-box { background:#fff; padding:16px; border-bottom:1px solid #cecece; }
.contest-box:hover header h3 { color:#d7263d; }
.contest-box:hover a, .contest-box:active a, .contest-box:focus a { text-decoration:none;}
.contest-box header { border-bottom:1px solid #e5e5e5; border-bottom-style:dashed; padding-bottom:12px; }
.contest-box header > a { display:block;}
.contest-box header dl.description-list { margin-right:0px; padding-top:4px; float:right; text-align:right; }
.contest-box header dl.description-list dd { margin-left:84px;}
.contest-box header dl.description-list .full { text-align:right; width:100%;}
.contest-box header h3 { margin-bottom:4px; line-height:24px; }
.contest-box header .company-content figure { float:left; border-radius:3px; border:1px solid #dadada; width:56px; height:56px; text-align:center; line-height:53px;  display:inline-block; }
.contest-box header .company-content .details { margin-left:72px; display:table; height:56px;}
.contest-box header .company-content .details .inner { vertical-align:middle; display:table-cell;}
.contest-box header .company-content p { margin-bottom:0px; }
.contest-box header .company-content p span { color:#8a858d;}
.contest-box header .company-content figure img { max-width:48px; max-height:48px;}
.contest-box .content { padding:16px 0 0;}
.contest-box .content .description-list { float:left; width:100%; clear:both;}
.contest-box .contest-info { min-height:69px;}
.contest-box .banner { float:right; width:204px; height:108px; border-radius:6px; background-position:center center
; background-repeat:no-repeat; background-size:cover;  }
.contest-box .banner img { max-height:108px; width:204px; border-radius:6px; }
.contest-box footer { padding-top:8px;}
.contest-box footer .btn { margin-right:16px; }
.contest-box footer .button1 { min-width:188px;}
.contest-box footer .button2 { min-width:120px;}
.contest-box footer .button2.disabled { background:#f2f2f2; border:1px solid #f2f2f2; opacity:1; color:#19171a; font-weight:600;}
.contest-box .content > a { text-decoration:none; }
.contest-box .warning-status { width:16px; height:16px; display:inline-block; margin-left:5px; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-48px -80px; position:relative; top:2px; }
.contest-box .green-dot { display: inline-block; vertical-align: middle; width:8px; height:8px; background-color: #26d974;
border-radius: 6px; margin-left:4px; position: relative;  }
.contest-box dl.description-list dt { min-width:68px; margin-right:0; letter-spacing:-0.1px;}
.contest-box dl.description-list dd { margin-left:72px;}
.contest-box dl.description-list dd:last-child { margin-bottom:8px; }
.contest-box dl.description-list dd.status-data-field { color:#19171a;}

/*--- Description List --- */
dl.description-list { margin-bottom:0px; }
dl.description-list dt ,dl.description-list dd { font-size:14px; line-height:20px; font-weight:normal; margin-bottom:8px; text-transform:capitalize; }
dl.description-list dt  { min-width:74px; color:#8a858d; float:left; margin-right:8px; margin-bottom:0px; }
dl.description-list dt .colon { float:right; }
dl.description-list dd.no-capitalize { text-transform:none;}
dl.description-list dd  { color:#4a4548;  margin-left:82px; overflow-wrap:break-word; }
dl.description-list dd:last-child { margin-bottom:0px; }
dl.description-list.inline dt  { min-width:auto; }
dl.description-list.inline dt ,dl.description-list.inline dd { float:left; }
dl.description-list.inline dd { margin-left:4px; margin-right:24px; }
dl.description-list dd span.no-capitalize { text-transform:none;}

/*--- Previous Challenges --- */
#previous-challenges .contest-box footer .button2 { min-width:188px;}
#previous-challenges .contest-box .banner { opacity:0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%) ;}

/*--- Challenge Banner  --- */
#challenge-banner { height:232px; background-size:cover; background-color:rgba(45,24,70,1); position:relative; background-position:center center; }
#challenge-banner:after { content:""; width:100%; position:absolute; height:160px; bottom:0px; left:0px; background:url(images/tg_images/drop-shadow.png) repeat-x; z-index:8; }
#challenge-banner .contest-over-overlay { position: absolute; width: 100%; height: 100%; top: 0px; z-index:7; left:0px; background:#fff; opacity:0.9; }
#challenge-banner .challenge-short-info { position:absolute; bottom:16px; left:0px; width:100%; z-index:10; }
#challenge-banner .challenge-short-info .company-logo { float:left; border-radius:6px; width:144px; height:68px; text-align:center; line-height:52px; background-color:#fff; padding:8px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5); margin-right:16px; } 
#challenge-banner .challenge-short-info .company-logo img { max-width:128px; max-height:52px; }
#challenge-banner .challenge-short-info .details{ margin-left:160px; display:table; height:68px;}
#challenge-banner .challenge-short-info .details .inner-wrap { display:table-cell; vertical-align:middle;}
#challenge-banner .challenge-short-info .details p { color:#fff; margin:0px; }
#challenge-banner .challenge-short-info .details h1 { font-size:32px; line-height:39px; font-weight:bold; color:#fff; margin:0px; }
#challenge-banner #breadcrumbs { position:relative; z-index:9; padding-top:0px; }
#challenge-banner #breadcrumbs p .divider { background:url(images/tg_images_new/sprites.svg) -63px -276px no-repeat; }
#challenge-banner #breadcrumbs p a { color:#fff; text-decoration:none; }
#challenge-banner #breadcrumbs p { display:inline-block; background-color: rgba(0, 0, 0, 0.4); padding:7px 16px; border-radius:0 0 2px 2px; }
#challenge-banner .challenge-short-info .details .challenge-over-btn { border-radius:3px; background-color:#feb95f; color:#fff; padding:4px 16px; min-width:129px; font-size:14px; line-height:16px; display:inline-block; position:relative; top:-10px; text-decoration:none; font-weight:bold; }

#challenge-banner .challenge-short-info.square-structure .company-logo {width:120px; height:120px; line-height:104px;}
#challenge-banner .challenge-short-info.square-structure .company-logo img { max-width:104px; max-height:104px; }
#challenge-banner .challenge-short-info.square-structure .details { margin-left:136px; height:120px;}

/*--- Challenge Tests  --- */
.challenge-tests { border-radius:6px; background-color:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); margin-bottom:20px;
}
.challenge-tests .test-box { border-bottom:1px solid #e0e0e0; padding:15px; }
.challenge-tests .test-box h2 small { color:#4a4548; font-size:14px; line-height:20px; }
.challenge-tests .test-box h2 small .warning-status { width:15px; height:15px; display:inline-block; margin-left:16px; margin-right:4px; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-49px -81px; position:relative; top:2px;}
.challenge-tests .test-box h6 { color:#8a858d; margin:0px; }
.challenge-tests .test-box .button1 { min-width:120px; }
.challenge-tests .test-box:last-child { border:none; }
.challenge-tests .test-box .contest-countdown { margin-top:-20px;}
.challenge-tests .test-box div.disabled .description-list, .challenge-tests .test-box div.disabled p  { opacity:0.5;}

/*--- Contest Description  --- */
#contest-description { border-radius:6px; background-color:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); font-size:14px; }
#contest-description .content-block-extra { margin-bottom:32px; }
#contest-description .nav-tabs { margin-bottom:0px; }
#contest-description .tabs1 .tabs2 .nav-tabs { margin-bottom:24px; }
#contest-description .tabs1 .tabs1-nav-wrap { padding-top:17px;  }
#contest-description .tabs1 .tab-content { padding:32px 16px 24px 16px; }
#contest-description .tabs1 .tabs2 .tab-content { padding:0; }
#contest-description .tabs1 .tabs2 .tabs1-nav-wrap { padding-top:0px; }
#contest-description .tabs1 #about-company .see-company-page { font-weight:600; text-decoration:none; }
#contest-description #challenge-details dl.description-list { margin-bottom:16px; }
#contest-description dl.description-list dd { margin-left:115px; }
#contest-description .challenge-winners .inner-wrap { float:left; width:100%;}
#contest-description .challenge-winners dl.description-list dd { margin-left:0; float:left; margin-bottom:4px; width:510px; }
#contest-description .challenge-winners dl.description-list dt { width:116px; float:left; margin-bottom:4px; clear:both;}
#contest-description .question-block { margin-bottom:4px; }
#contest-description .answer-block { margin-bottom:24px; color:#4a4548; }
#contest-description .contest-rules ul, #contest-description .contest-rules ol { padding-left:0; margin-left:17px; }
#contest-description .contest-rules li { padding-left:5px;}
#contest-description dl.description-list { margin-bottom:24px;}

/*--- Job Description--- */
#job-description #accordion { border-radius:6px; margin-bottom:35px; border-bottom:1px solid #e0e0e0; }
#job-description #accordion .accordion-group { background:#f7f7f7; border:1px solid #e0e0e0; border-bottom:0;}
#job-description #accordion .accordion-group .panel-body { border-top:none; padding:8px 16px 16px 16px; background:#f7f7f7; border-radius:0px 0px 6px 6px; }
#job-description #accordion .accordion-group:first-child { border-radius:6px 6px 0px 0px; }
#job-description #accordion .accordion-group:last-child { border-radius:0px 0px 6px 6px; }
#job-description #accordion .accordion-group.single-job { border-radius:6px; }
#job-description #accordion .accordion-group.single-job .accordion-toggle{ border-radius:6px !important; }
#job-description #accordion .accordion-toggle { color:#4a4548; text-decoration:none; display:block; padding:16px; background:#f7f7f7; font-size:18px; }
#job-description #accordion .accordion-toggle.collapsed { background:#f2f2f2;}
#job-description #accordion .accordion-group:first-child  .accordion-toggle{ border-radius:6px 6px 0px 0px; }
#job-description #accordion .accordion-group:last-child .accordion-toggle{ border-radius:0px 0px 6px 6px; }
#job-description #accordion .accordion-toggle.collapsed { background-color:#f2f2f2; }
#job-description #accordion .accordion-toggle span  { display:block; }
#job-description #accordion .accordion-group .accordion-heading { padding:0px; color:#4a4548; background-color:none !important;}
#job-description #accordion .accordion-group:first-child  .accordion-heading{ border-radius:6px 6px 0px 0px; }
#job-description #accordion .accordion-group:last-child  .accordion-heading{ border-radius:0px 0px 6px 6px; }
#job-description #accordion .accordion-toggle span{ content: ""; margin-right: 0px; background-image:url(images/tg_images_new/expand-less.svg); background-position:center right; background-repeat:no-repeat; }
#job-description #accordion .accordion-toggle.collapsed span { background-image:url(images/tg_images_new/expand-more.svg); background-position:center right;}
#job-description #accordion ul { margin-bottom:24px;}

/*--- Challenge Prizes  --- */
.challenge-prizes ul { margin:0px; padding:0px; list-style-type:none; }
.challenge-prizes ul li { margin-bottom:16px; padding-left:0px; }
.challenge-prizes ul li .image-holder {  border-radius:6px; width:140px; height:80px; text-align:center; float:left; line-height:80px; vertical-align:middle; }
.challenge-prizes ul li .image-holder img { max-width:138px; max-height:79px; border-radius:6px; border:1px solid #dadada; }
.challenge-prizes ul li .details { margin-left:156px; }
.challenge-prizes ul li .details h3 { font-weight:600; margin-bottom:7px; line-height:24px; color:#19171a; }

/*--- Challenge Winners  --- */
.challenge-winners h4,.challenge-winners h3  { margin-bottom:12px; }
.challenge-winners ul { margin:0px; padding:0px; list-style-type:none; }
.challenge-winners ul li { margin-bottom:32px; }
.challenge-winners ul li:last-child { margin-bottom:0px; }
.challenge-winners ul li .image-holder { border-radius:3px; width:64px; height:64px; text-align:center; float:left; line-height:58px; border:1px solid #dadada; }
.challenge-winners ul li .image-holder img { max-width:62px; max-height:62px; border-radius:3px; vertical-align:middle;  }
.challenge-winners ul li .details { margin-left:80px; }
.challenge-winners dl.description-list dd { margin-bottom:4px; }
#contest-description .challenge-winners dl.description-list { margin-bottom:0;}

/*--- Company Video  --- */
.company-video { float:right; margin-left:16px; margin-bottom:16px;  }



@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .btn-file input[type=file] { text-indent:-50px; padding-top:7px; min-width:85px; left:1px;}
}

/*--- Hiring Challenge Popup  --- */
#hiring-challenge-popup .modal-header { padding-left:24px; padding-right:16px; padding-bottom:4px; border-bottom:1px solid #e0e0e0; }
#hiring-challenge-popup .modal-body { padding:16px 24px 24px 24px; }
#hiring-challenge-popup .modal-header .description-list.inline dt { min-width:auto; margin-bottom:12px; }
#hiring-challenge-popup .modal-header .description-list.inline dt.clear-left { clear:left;}
#hiring-challenge-popup .modal-header .description-list.inline dd {  margin:0px 24px 12px 0px; }

#hiring-challenge-popup .modal-header h2 { margin-bottom:8px; }
#hiring-challenge-popup .test-box { padding-bottom:24px; }
#hiring-challenge-popup .test-box.attempts_reached { min-height:302px;}
#hiring-challenge-popup .test-box .description-list { margin-bottom:16px; min-height:96px; }
#hiring-challenge-popup .test-box .button1 { min-width:120px; }
/*#hiring-challenge-popup .test-box .small-description { height:60px; overflow:hidden; }*/
#hiring-challenge-popup .test-box h6 { color:#8a858d; margin:0px; }
#hiring-challenge-popup .instructions { background:#f2f2f2; border-radius:6px; padding:16px 24px; margin-bottom:24px; }
#hiring-challenge-popup .instructions .post ol { padding-left:15px; }
#hiring-challenge-popup .instructions ol li { font-size:14px; line-height:20px; color:#4a4548; padding-left:8px; }
#hiring-challenge-popup .instructions h6 { color:#19171a; margin-bottom:12px; font-weight:600; }
#hiring-challenge-popup .modal-body p { margin-bottom:16px; }
#hiring-challenge-popup  .modal-body .attempt-reached { margin-bottom:8px; }
#hiring-challenge-popup .attempt-reached  .warning-status{ width:15px; height:15px; display:inline-block; margin-right:4px; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-49px -81px; position:relative; top:2px; }
#hiring-challenge-popup ul.description-list { padding:0px; margin:0px; list-style-type:none; }
#hiring-challenge-popup ul.description-list li { float:left; margin-right:24px; margin-bottom:12px; color:#4a4548; font-size:14px; line-height:20px; font-weight:normal;  text-transform:capitalize; }
#hiring-challenge-popup ul.description-list li  span { color:#8a858d; margin-right:8px; }
#hiring-challenge-popup ul.description-list li small { font-size:100%;}

/*--- Invite Login  --- */
#invite-login .box-default1 { border-radius:0 0 6px 6px;}
#invite-login .box-default1 .content-wrapper { padding:24px; }
#invite-login .box-default1 h2 { margin-bottom:32px; }
#invite-login .table1 tr:nth-child(2n) td { background:#fff; }
#invite-login .button1 { min-width:156px; margin-bottom:8px; }
#invite-login p { color:#8a858d; margin:0px; }
#invite-login p a { color:#4a4548; text-decoration:underline; }
#invite-login .form1 .checkbox-input.checkbox-block1 { margin-bottom:0px; display:block; }
#invite-login .dob-block .row { margin:0px -4px; }
#invite-login .dob-block .col-sm-4,#invite-login .dob-block .col-xs-4 { padding:0px 4px; }

/*--- Profile Details  --- */
#profile-details .box-default1 { border-radius:6px 6px 0 0; background:#f7f7f7;}
#profile-details .box-default1 .content-wrapper { padding:24px 24px 16px;}
#profile-details h3 small  { margin-top:4px;}
#profile-details h3 small a  { font-size:14px; font-weight:600; }
#profile-details dl.description-list { margin:0 -8px;}
#profile-details dl.description-list dd  { margin-left:0; float:left; width:225px; padding:0 8px; position:relative;}
#profile-details dl.description-list.registration-edit-mode dd  { margin-bottom:16px;}
#profile-details dl.description-list .error_msg { position:absolute; left:8px; bottom:-15px;}
#profile-details dl.description-list dt  { width:135px; padding:0 8px; margin-right:0; }
#profile-details .profile-edit li.token-input-input-token-facebook { margin-bottom:0px !important; }
#profile-details .profile-edit ul.token-input-list-facebook li input { height:32px !important;}
#profile-details .profile-edit li  { margin-bottom:16px; }
#profile-details .profile-edit li:last-child, #profile-details .profile-edit li:nth-last-child(2) { margin-bottom:8px;}
#profile-details .profile-edit li label { line-height:35px; margin-bottom:0; white-space:nowrap;}
#profile-details .profile-edit input[readonly]:focus { border:1px solid #dadada; }
#profile-details .profile-edit .form-inline .form-group.enter-number .error_msg{ position:absolute; }
#profile-details .profile-edit .form-inline .form-group.code { width:77px; float:left; }
#profile-details .profile-edit .form-inline .form-group.code, #profile-details .profile-edit .form-inline .form-group.enter-number { margin:0;}
#profile-details .profile-edit .form-inline .form-group.enter-number { width:auto;  display:block; margin-left:85px;}
#profile-details .profile-edit .form-inline .form-group.enter-number input { display:block; width:100%; }
#profile-details .form1 label.left-label { padding-top:7px;}
#profile-details .token-input-token-facebook  input[type="text"] { margin-top:2px;}

/*--- Countdown --- */
.countdown { text-align:center; display:inline-block; margin-bottom:10px; }
.countdown p { position:relative; top:3px;}
.countdown .alt-1, .countdown p { display:block;}
.countdown .alt-1 { position:relative; }
.countdown .separator { display:none;}
.countdown .item { vertical-align: bottom; min-width:44px; position:relative; overflow: hidden;font-size:18px; font-weight:normal; color:#424242; line-height:19px; padding:0 5px; margin:0; float:left;}
.countdown .item:first-child,.countdown .item:first-child  .label{ text-align:left; padding-left:0px; min-width:30px; }
.countdown .item:after { display:block; right:0; top:0px; height:16px; content:":"; position:absolute; color:#c2c2c2;} 
.countdown .end-info { font-size:12px; line-height:15px; text-align:center; margin-bottom:10px; color:#8c8c8c; font-weight:500; padding-bottom:3px; border-bottom:1px solid #dadada; display:block; text-transform:capitalize; }
.countdown .label { display:block; padding:0; color:#8a858d; font-size:12px; border-radius:0; font-weight:normal; line-height:15px; margin-top:5px;}
.countdown .item-ss:after { display:none;}

/*--- Contest Countdown  --- */
.contest-countdown  .date-stamp  { margin-bottom:8px; }
.contest-countdown .date-stamp span { margin-right:8px; color:#8a858d; }

/*--- Add To Calender  --- */
.add-to-calender { margin-bottom:16px; }
.add-to-calender .dropdown-menu { width:100%; border:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:0px; border-radius:0px; top:-5%;}
.add-to-calender .dropdown-menu li:hover a { background:#f2f2f2; color:#4a4548; }
.add-to-calender .dropdown-menu li a { font-size:14px; line-height:20px; color:#8a858d; padding:8px 15px; }

/*--- Registration Complete Popup   --- */
#registration-complete-popup h2 { margin-bottom:8px; }
#registration-complete-popup p { margin-bottom:24px; }
#registration-complete-popup .button1 { min-width:120px; }

/*--- Login Signup Popup   --- */
#mailer-signup-popup h2,#sociable-signup-popup h2 { margin-bottom:0px; }
#mailer-signup-popup .modal-header,#sociable-signup-popup .modal-header{ padding:16px; padding-bottom:0px; }
#mailer-signup-popup .button1,#sociable-signup-popup .button1{ min-width:120px; }
#mailer-signup-popup .form1 ul li,#sociable-signup-popup .form1 ul li { margin-bottom:16px; }
#mailer-signup-popup .form1 ul li:last-child,#sociable-signup-popup .form1 ul li:last-child{ margin-bottom:0px; }

.hidden-txt { display:none; }
.more-items { color:#d7263d; text-decoration:none; margin-left:4px; font-weight:600;}
.more-items small { font-size:100%; }
.more-items.less span { display:none; }

/*--- vcl-prize-section --- */
#vcl-prize-section {background-color: #ffffff; margin-top:100px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); text-align:center; padding:12px 16px 16px; margin-left:27px;}
#vcl-prize-section h2 {background-color: #feb95f; position:relative; margin:0 -16px 24px; line-height:34px; height:36px; font-size:18px; font-weight:600; color:#19171a;}
#vcl-prize-section h2:before { position:absolute; left:-28px; top:0; width:28px; height:47px; content:""; display:block; background:url(images/tg3_images_2017/prize-left.svg) left top no-repeat;}
#vcl-prize-section h2:after { position:absolute; right:-28px; top:0; width:28px; height:47px; content:""; display:block; background:url(images/tg3_images_2017/prize-right.svg) left top no-repeat;}
#vcl-prize-section h3 { margin-bottom:22px;}
#vcl-prize-section h3 svg { margin-bottom:8px;}

#vcl-prize-section  .inner-block { min-height: 100px; border: solid 1px #dadada; margin-bottom:8px; padding:15px; margin-left:auto; margin-right:auto; }
#vcl-prize-section  .inner-block:last-child { margin-bottom:0px; }
#vcl-prize-section .inner-block .icon2 { float:left; display:inline-block; width:83px; border-right:1px solid #dadada; height:60px; line-height:60px; }
#vcl-prize-section  ul { margin:0px; padding:0px; list-style-type:none; text-align:center; }
#vcl-prize-section  .inner-block .details { margin-left:91px; }
#vcl-prize-section  .inner-block .details .inner { display:table; height:60px; }
#vcl-prize-section  .inner-block .details .inner p { display:table-cell; height:60px; vertical-align:middle; color:#4a4548; margin:0px; line-height:20px; }
#vcl-prize-section  .inner-block .details p { text-align:left; color:#8a858d; margin-bottom:2px; }
#vcl-prize-section  .inner-block .details p span { text-align:left; color:#19171a; font-weight:600; margin-left:8px;  }

/*--- Sociable Signup Popup --- */
#sociable-signup-popup .modal-dialog { width:380px; }
#sociable-signup-popup .modal-dialog p { margin-bottom:16px; }
#sociable-signup-popup .modal-body { max-height:none !important; overflow-y:visible !important;}
#sociable-signup-popup .modal-content { overflow:visible !important;}
.social-login-open div.token-input-dropdown-facebook { width:258px; }


/*--- Coding Page --- */
.coding-page #vcl-prize-section { margin-top:0px; }

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook{ overflow:hidden;height:auto!important;height:1%;width:100%;border:1px solid #dadada;min-height:36px;cursor:text;font-size:14px; z-index:999;margin:0;padding:0; background-color:#fff; list-style-type:none;clear:left; border-radius:3px; overflow:auto; padding:1px 6px; }
ul.token-input-list-facebook li input{ border:none !important; padding:6px; background-color:#fff; -webkit-appearance:caret; line-height:17px !important; min-width:150px; height:32px !important; }
li.token-input-token-facebook{ overflow:hidden;height:auto!important;height:24px; padding:4px 8px;cursor:default; font-size:11px;float:left;white-space:nowrap; font-weight:normal;  color:#8a858d; border-radius:3px; background:#f2f2f2;  border:0; padding:2px 4px; margin:3px 4px 3px 4px !important; }
/*
li.token-input-token-facebook:hover, li.token-input-token-facebookt:active, li.token-input-token-facebook:focus { background:#3399ff; border-color:#3399ff; color:#fff; box-shadow:none;}

li.token-input-token-facebook:hover p, li.token-input-token-facebookt:active p, li.token-input-token-facebook:focus p { color:#fff;}
*/
li.token-input-token-facebook p{ display:inline;padding:0;margin:0; text-transform:capitalize; font-size:13px; color:#4a4548; line-height:22px; }
li.token-input-token-facebook span{ margin-left:5px;font-weight:bold;cursor:pointer;  font-size:16px; color:#8a858d; line-height:19px; position:relative; top:1px;}
li.token-input-selected-token-facebook { background-color:#f2f2f2; border:1px solid #dadada; color:#8a858d; }
li.token-input-input-token-facebook { float:left;margin:0;padding:0;list-style-type:none;}
div.token-input-dropdown-facebook{ position:absolute; width:343px; max-height:229px; overflow:auto; background-color:#fff; border:1px solid #dadada;cursor:default;font-size:14px; z-index:2000; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); }
.modal-open div.token-input-dropdown-facebook { width:246px;}
div.token-input-dropdown-facebook p{margin:0;padding:5px;font-weight:500;background-color:#fff;border:1px solid #dfdfdf;color:#000;font-size:12px;text-align:left; }
div.token-input-dropdown-facebook ul{margin:0;padding:0}
div.token-input-dropdown-facebook ul li{background-color:#fff;padding:4px 12px 5px;margin:0;list-style-type:none; color:#4a4548;font-size:14px;text-align:left; font-weight:normal;}
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook{background-color:#fff;color:#8a858d;font-size:14px; font-weight:normal;}
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook{background-color:#fff;}
div.token-input-dropdown-facebook ul li em{font-weight:normal;font-style:normal}
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook{background-color:#f2f2f2;color:#4a4548; }

.form-page div.token-input-dropdown-facebook, .form-page .ui-autocomplete.ui-widget { width:560px;}


/*--- Ui-autocomplete --- */
.ui-autocomplete { border:1px solid #dadada; max-height:300px; max-width:300px; overflow:auto; margin:0; padding:0; list-style:none; background:#fff; font-size:12px;}
.ui-autocomplete .ui-menu-item { padding:3px 3px 4px; border:1px solid #fff; color:#8c8c8c; font-weight:300;}
.ui-autocomplete .ui-menu-item.ui-state-focus { background:#2f94d7; color:#fff;}

/*--- Autocomplete --- */
#autocomplete { position:absolute; background:#fff; z-index:100; border:1px solid #dadada; max-height:229px; overflow:auto; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); width:343px; }
#autocomplete ul li:last-child { border-bottom:0;}
#autocomplete ul li { padding:5px 12px; background:#fff !important; font-size:14px; color:#4a4548 !important; margin-bottom:0 !important; font-weight:normal; display:block;}
#autocomplete ul li:hover { background:#f2f2f2 !important;}
#autocomplete ul li strong { color:#4a4548;}

/*--- Result Qualified Popup --- */
#result-qualified-popup .modal-dialog { width:380px; }
#result-qualified-popup .modal-body { padding:24px; }
#result-qualified-popup .modal-dialog p { margin-bottom:16px; }
#result-qualified-popup #user-result  { padding-bottom:16px; }
#result-qualified-popup #user-result .test-base-result.single h6 { margin-left:0px; text-align:left; }
#result-qualified-popup #user-result .test-base-result.single { padding:0px; background:#fff; }
#result-qualified-popup #user-result .test-base-result.single .user-score { margin-left:12px; padding-top:10px; }



/**########  progressive-profile ##########*/
.txt-success{color: #34A853;}
.progressive-profile{padding: 24px; padding-top: 0; z-index: 3; background-color: rgba(255,255,255,0.97);}
.progressive-profile .skip{display: inline-block;}
.skip i{display: block;}
.progressive-media{background-color: rgba(254, 185, 95, 0.1); border: 1px solid rgba(254, 185, 95, 0.5); border-radius: 3px; padding: 16px;}
.progressive-media .ppic{font-size: 18px;}
.progressive-media.formbox{background-color: rgba(247, 247, 247, 0.5); border: 1px solid #F2F2F2;}
.progressive-media.blackbox{background-color: rgba(25, 23, 26,0.9); border-radius: 0;}
.progressive-media .progress-circle{margin: auto; background-color: rgba(254, 185, 95, 0.3); border: 1px solid rgba(254, 185, 95, 0.3);}
.progressive-media .pimg-section > .mrg8{white-space: nowrap;}
.progressive-media .form-control{height: 40px;}
.progressive-media .select select{height: 38px;}
.progressive-media .progress-circle:after{width: 53px; height: 53px;}
.form1 .select2-container--default .select2-selection--single{border-color: #dadada; border-radius: 3px; height: auto;}
.form1 .select2-container .select2-selection--single .select2-selection__rendered{line-height: 33px;}
.form1 .select2-container--default .select2-selection--single .select2-selection__arrow{height: 33px;}
.form1 .dsmblock .select2-container{display: block; width:100% !important}
/**########  ./progressive-profile ##########*/

/******* Progress Bars  ****************/

.figure-img{width: 80px; height: 80px; border-radius: 50%; background-color: #f2f2f2; margin:auto;}
.score-img img,.figure-img img{max-width: 100%; margin: auto; max-height: 100%; border-radius: 50%;}
.score-img{width: 64px; height: 64px; border-radius: 50%; background-color: #f2f2f2; margin:auto;}
.score-img:after{width: 0px; content: ""; height: 0px;}
.earnedpoint .progress-circle .first50-bar,.earnedpoint .value-bar{background-color: #34a853; border-color: #34a853;}

.ppic {position: absolute; z-index: 2;}
.progress-circle {font-size: 20px; position: relative; padding: 0; width: 64px; height: 64px; background-color: #f2f2f2; border-radius: 50%; line-height: 64px;}
.progress-circle:after{border: none; position: absolute; top: 5px; left: 5px; text-align: center; display: block; border-radius: 50%; width: 54px; height: 54px; background-color: white; content: " ";}
.progress-circle .value{position: absolute; line-height: 64px; font-size: 18px; width: 64px; text-align: center; display: block; color: #202124; z-index: 2;}
.left-half-clipper {border-radius: 50%; width: 64px; height: 64px; position: absolute; clip: rect(0, 64px, 64px, 32px);}
.progress-circle.over50 .left-half-clipper {clip: rect(auto,auto,auto,auto);}
.value-bar {position: absolute; clip: rect(0, 32px, 64px, 0); width: 64px; height: 64px; border-radius: 50%; border:7px solid transparent; box-sizing: border-box;} 
.progress-circle.over50 .first50-bar {position: absolute; clip: rect(0, 64px, 64px, 32px); background-color: #34a853; border-radius: 50%; width: 64px; height: 64px;}
.progress-circle:not(.over50) .first50-bar{ display: none; }
.value-bar {background-color: #34a853; border-color: #34a853;}

.progressive-profile-mod {width: 70%; margin: auto!important;}

 /* Progress bar rotation position */
 .progress-circle.p0 .value-bar { display: none; }
 .progress-circle.p1 .value-bar { transform: rotate(4deg); }
 .progress-circle.p2 .value-bar { transform: rotate(7deg); }
 .progress-circle.p3 .value-bar { transform: rotate(11deg); }
 .progress-circle.p4 .value-bar { transform: rotate(14deg); }
 .progress-circle.p5 .value-bar { transform: rotate(18deg); }
 .progress-circle.p6 .value-bar { transform: rotate(22deg); }
 .progress-circle.p7 .value-bar { transform: rotate(25deg); }
 .progress-circle.p8 .value-bar { transform: rotate(29deg); }
 .progress-circle.p9 .value-bar { transform: rotate(32deg); }
 .progress-circle.p10 .value-bar { transform: rotate(36deg); }
 .progress-circle.p11 .value-bar { transform: rotate(40deg); }
 .progress-circle.p12 .value-bar { transform: rotate(43deg); }
 .progress-circle.p13 .value-bar { transform: rotate(47deg); }
 .progress-circle.p14 .value-bar { transform: rotate(50deg); }
 .progress-circle.p15 .value-bar { transform: rotate(54deg); }
 .progress-circle.p16 .value-bar { transform: rotate(58deg); }
 .progress-circle.p17 .value-bar { transform: rotate(61deg); }
 .progress-circle.p18 .value-bar { transform: rotate(65deg); }
 .progress-circle.p19 .value-bar { transform: rotate(68deg); }
 .progress-circle.p20 .value-bar { transform: rotate(72deg); }
 .progress-circle.p21 .value-bar { transform: rotate(76deg); }
 .progress-circle.p22 .value-bar { transform: rotate(79deg); }
 .progress-circle.p23 .value-bar { transform: rotate(83deg); }
 .progress-circle.p24 .value-bar { transform: rotate(86deg); }
 .progress-circle.p25 .value-bar { transform: rotate(90deg); }
 .progress-circle.p26 .value-bar { transform: rotate(94deg); }
 .progress-circle.p27 .value-bar { transform: rotate(97deg); }
 .progress-circle.p28 .value-bar { transform: rotate(101deg); }
 .progress-circle.p29 .value-bar { transform: rotate(104deg); }
 .progress-circle.p30 .value-bar { transform: rotate(108deg); }
 .progress-circle.p31 .value-bar { transform: rotate(112deg); }
 .progress-circle.p32 .value-bar { transform: rotate(115deg); }
 .progress-circle.p33 .value-bar { transform: rotate(119deg); }
 .progress-circle.p34 .value-bar { transform: rotate(122deg); }
 .progress-circle.p35 .value-bar { transform: rotate(126deg); }
 .progress-circle.p36 .value-bar { transform: rotate(130deg); }
 .progress-circle.p37 .value-bar { transform: rotate(133deg); }
 .progress-circle.p38 .value-bar { transform: rotate(137deg); }
 .progress-circle.p39 .value-bar { transform: rotate(140deg); }
 .progress-circle.p40 .value-bar { transform: rotate(144deg); }
 .progress-circle.p41 .value-bar { transform: rotate(148deg); }
 .progress-circle.p42 .value-bar { transform: rotate(151deg); }
 .progress-circle.p43 .value-bar { transform: rotate(155deg); }
 .progress-circle.p44 .value-bar { transform: rotate(158deg); }
 .progress-circle.p45 .value-bar { transform: rotate(162deg); }
 .progress-circle.p46 .value-bar { transform: rotate(166deg); }
 .progress-circle.p47 .value-bar { transform: rotate(169deg); }
 .progress-circle.p48 .value-bar { transform: rotate(173deg); }
 .progress-circle.p49 .value-bar { transform: rotate(176deg); }
 .progress-circle.p50 .value-bar { transform: rotate(180deg); }
 .progress-circle.p51 .value-bar { transform: rotate(184deg); }
 .progress-circle.p52 .value-bar { transform: rotate(187deg); }
 .progress-circle.p53 .value-bar { transform: rotate(191deg); }
 .progress-circle.p54 .value-bar { transform: rotate(194deg); }
 .progress-circle.p55 .value-bar { transform: rotate(198deg); }
 .progress-circle.p56 .value-bar { transform: rotate(202deg); }
 .progress-circle.p57 .value-bar { transform: rotate(205deg); }
 .progress-circle.p58 .value-bar { transform: rotate(209deg); }
 .progress-circle.p59 .value-bar { transform: rotate(212deg); }
 .progress-circle.p60 .value-bar { transform: rotate(216deg); }
 .progress-circle.p61 .value-bar { transform: rotate(220deg); }
 .progress-circle.p62 .value-bar { transform: rotate(223deg); }
 .progress-circle.p63 .value-bar { transform: rotate(227deg); }
 .progress-circle.p64 .value-bar { transform: rotate(230deg); }
 .progress-circle.p65 .value-bar { transform: rotate(234deg); }
 .progress-circle.p66 .value-bar { transform: rotate(238deg); }
 .progress-circle.p67 .value-bar { transform: rotate(241deg); }
 .progress-circle.p68 .value-bar { transform: rotate(245deg); }
 .progress-circle.p69 .value-bar { transform: rotate(248deg); }
 .progress-circle.p70 .value-bar { transform: rotate(252deg); }
 .progress-circle.p71 .value-bar { transform: rotate(256deg); }
 .progress-circle.p72 .value-bar { transform: rotate(259deg); }
 .progress-circle.p73 .value-bar { transform: rotate(263deg); }
 .progress-circle.p74 .value-bar { transform: rotate(266deg); }
 .progress-circle.p75 .value-bar { transform: rotate(270deg); }
 .progress-circle.p76 .value-bar { transform: rotate(274deg); }
 .progress-circle.p77 .value-bar { transform: rotate(277deg); }
 .progress-circle.p78 .value-bar { transform: rotate(281deg); }
 .progress-circle.p79 .value-bar { transform: rotate(284deg); }
 .progress-circle.p80 .value-bar { transform: rotate(288deg); }
 .progress-circle.p81 .value-bar { transform: rotate(292deg); }
 .progress-circle.p82 .value-bar { transform: rotate(295deg); }
 .progress-circle.p83 .value-bar { transform: rotate(299deg); }
 .progress-circle.p84 .value-bar { transform: rotate(302deg); }
 .progress-circle.p85 .value-bar { transform: rotate(306deg); }
 .progress-circle.p86 .value-bar { transform: rotate(310deg); }
 .progress-circle.p87 .value-bar { transform: rotate(313deg); }
 .progress-circle.p88 .value-bar { transform: rotate(317deg); }
 .progress-circle.p89 .value-bar { transform: rotate(320deg); }
 .progress-circle.p90 .value-bar { transform: rotate(324deg); }
 .progress-circle.p91 .value-bar { transform: rotate(328deg); }
 .progress-circle.p92 .value-bar { transform: rotate(331deg); }
 .progress-circle.p93 .value-bar { transform: rotate(335deg); }
 .progress-circle.p94 .value-bar { transform: rotate(338deg); }
 .progress-circle.p95 .value-bar { transform: rotate(342deg); }
 .progress-circle.p96 .value-bar { transform: rotate(346deg); }
 .progress-circle.p97 .value-bar { transform: rotate(349deg); }
 .progress-circle.p98 .value-bar { transform: rotate(353deg); }
 .progress-circle.p99 .value-bar { transform: rotate(356deg); }
 .progress-circle.p100 .value-bar { transform: rotate(360deg); } 

@media (min-width:1250px) {
/*--- Right Strip --- */
#right-strip-slider { position:fixed; right:0; top:0; width:174px; border-left:1px solid #dadada; z-index:9999; height:100%; background:#fff; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#right-strip-slider .click-btn { background:#2d1846 url(images/tg_images_new/click-here1.png) left center no-repeat; width:25px; height:100%; position:absolute; left:0; top:0; z-index:10000;}
body.strip-moving #right-strip { width:84%;}
#right-strip-slider .iframe-content { padding-left:25px; width:100%; height:100%; position:absolute; left:0; top:0;}
#right-strip-slider .iframe-content iframe { min-width:1050px;}
#right-strip-slider .upper-banner { position:absolute; left:0; top:0; z-index:1010;}
#container-wrap.strip-on { transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; padding-right:174px; }
body.hide-overflow {overflow:hidden;}
body.strip-moving #right-strip-slider { width:84%;}
#page-overlay-slide  { height:100%; width:100%; position:fixed; z-index:9998; left:0; top:0; background:rgba(46, 64, 86, 0.8); display:none; cursor:pointer;}

#left-strip-banner, #right-strip-banner { position:fixed; left:0; top:0; width:12%; display:block; z-index:9999; height:100%; background:#fff; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#right-strip-banner { left:auto; right:0; width:162px;}
}

/* ==========================================================================
    Responsive Settings
========================================================================== */

@media (min-width:1250px) {
    .strip-on .container { width:1060px;}
    .strip-on #common-navigation.fixed { padding-right:174px;}  
    .strip-on #header { padding-right:174px;}   
    
    /*--- Footer  --- */
    .strip-on #footer .section { width:165px;}
    .strip-on #footer .section.second { width:200px;}
    .strip-on #footer .section.fifth { width:265px;}
    
    .strip-on #footer  #newsletter-form input[type="text"] { width:195px;}
    
    /*--- Global Search Form --- */
    .strip-on #global-search-form { width:300px;}
    .strip-on #global-search-form .textbox { width:220px;}
    .strip-on.loggedin #global-search-form { width:280px;}
    .strip-on.loggedin #global-search-form .textbox { width:200px;}
}

@media (min-width:1200px) {
    #intro-section .slide { position:relative !important; display:block !important; opacity:1 !important;}
    #sliding-testimonials .caroufredsel_wrapper { height:345px !important;} 
    #question-controller #accordion { width:361px;}
    
    
    /*--- Tabs1 --- */
    .tabs1 .hackathon-only { position:relative; z-index:10;}
    /*.tabs1 .hackathon-only > li > a.dropdown-toggle { background:#fff; border-bottom: solid 1px #c2c2c2; color:#d7263d;}
    .tabs1 .hackathon-only > li.active > a.dropdown-toggle { border-bottom: solid 1px #000013; color:#19171a;}*/
    .tabs1 .hackathon-only > li.show-as-dropdown { display:none; position:absolute; width:150px; left:557px; top:28px; border: solid 1px #dadada; border-bottom:0; border-top:0; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1);}
    .tabs1 .hackathon-only > li.show-as-dropdown:last-child { top:65px; border-top:0; border-radius:0 0 3px 3px;}
    .tabs1 .hackathon-only > li.show-as-dropdown a { padding:11px 23px 12px; text-align:left; background:#fff;}
    .tabs1 .hackathon-only > li.show-as-dropdown:last-child a { border-radius:0 0 3px 3px;}
    .tabs1 .hackathon-only > li.active.show-hidden-links > a.dropdown-toggle, .tabs1 .nav-tabs > li.active.show-hidden-links > a.dropdown-toggle:hover, .tabs1 .nav-tabs > li.active.show-hidden-links > a.dropdown-toggle:focus { color:#19171a; font-weight:600; border:0; background:none; border-bottom:1px solid #000013;}
    .tabs1 .hackathon-only > li.show-as-dropdown a:hover, .tabs1 .hackathon-only > li.show-as-dropdown a:focus, .tabs1 .hackathon-only > li.show-as-dropdown.active a { background-color:#f2f2f2; color:#4A4548; border-bottom: solid 1px #dadada;}
	
}

@media (min-width:992px) {
    .container { width:980px;}
    
    .modal-lg { width:760px;}
    
}

@media (min-width:1200px) {
    .container { width:1160px;}
}

@media (max-width:1300px) {
    #full-screen-question.expanded #question-area { width:65%;}
    #full-screen-question.expanded #editor-box { width:35%;}
}


@media (max-width:1200px) {
    
    /*--- Global Search Form --- */
    #global-search-form { width:220px;}
    #global-search-form .textbox { width:172px;}
    
    /*--- Skilltest Box1  --- */
    .skilltest-box1 .details { width:100%;}
    .skilltest-box1 .leaderboard-icon { margin-top:-5px;}
    
    /*--- Newsletter Form  --- */
    #newsletter-form input[type="text"] { width:68%;}
    
    /*--- Question Controller  --- */
    #question-controller { width:311px;}
    
    /*--- Active-user-status  --- */
    #active-user-status { width:611px;}
    
    /*--- Coding Platform Head  --- */
    #coding-platform-head .question-info { width:22%;}
    
    /*--- Profile Details  --- */
    #profile-details dl.description-list dd{ width:234px; }
    
    /*--- User-result  --- */
    #user-result .test-base-result { width:47.4%;}

    /*--- Contest-summary-widget  --- */
    #contest-summary-widget.fixed { width:307px;}
    
    #contest-description .challenge-winners dl.description-list dd { width:390px;}
    
    /*--- Dropzone  --- */
    .dropzone.default-view .dz-preview .dz-progress { width:93%;}


	/*--- Full-screen-question  --- */
	#full-screen-question.normal-view #editor-box.fixed header {width:797px !important;}
	#full-screen-question.normal-view #editor-box.fixed header:before { width:799px;}
	#practice-tutorials #full-screen-question.normal-view #editor-box.fixed  header { width:715px !important;}
	#practice-tutorials #full-screen-question.normal-view #editor-box.fixed  header:before {width:725px;}
	#full-screen-question.expanded #question-area { width:60%;}
	#full-screen-question.expanded #editor-box { width:40%;}
	#full-screen-question.code-memo-editor #editor-box.fixed header:before { width:960px;}
	#full-screen-question.code-memo-editor #editor-box.absolute header, #full-screen-question.code-memo-editor #editor-box.fixed header { width:960px !important;}
	#full-screen-question.multi-question-view.normal-view #editor-box.fixed  header, #full-screen-question.multi-question-view.normal-view #editor-box.absolute header {width:588px !important;}
	#full-screen-question.multi-question-view.normal-view #editor-box.fixed  header:before, #full-screen-question.multi-question-view.normal-view #editor-box.absolute header:before {width:590px;}
	
	/*--- Common Navigation --- */
	#common-navigation.for-contest .mobile-dropdown-view { width:485px;}
	
	/*--- Capche --- */
	#signup-form #rc-imageselect, #signup-form .g-recaptcha {transform:scale(0.90);-webkit-transform:scale(0.90);transform-origin:0 0;-webkit-transform-origin:0 0;}
	
	/*--- User Progressbars --- */
	.user-progressbars li p.language-label { width:75px;}
	.user-progressbars .progress { min-width:70px; width:25%;}
	
	/*--- Job Box Large ---*/
	.job-box-lg.job-alert .job-header { height:44px;}
	
	/*--- Form Page ---*/
	.form-page #content .container:after { left:980px;}
	.form-page #content .left-panel:after { left:690px;}
	
	/*--- Section Box Full ---*/
	.section-box-full footer .my-status-block .skills-parent { width:350px;}
	
	/*--- Form Page ---*/
	.form-page div.token-input-dropdown-facebook, .form-page .ui-autocomplete.ui-widget { width:470px;}
	
	/*--- Achieve Badges ---*/
	.achieve-badges-list .silver-badge { clear:left; }
	.achieve-badges-list .special-achievement { float:none; }
	
	/*--- Skill Analysis ---*/
	#skill-analysis .main-profile-nav > li { width:27.333%;}
	#skill-analysis .nav-tabs li.more-links { width:18%;}
	
	/*--- Newsletter Form1 --- */
	#newsletter-form1 input[type="text"] { width:195px;}
	#newsletter-form1 input[type="button"] {width:94px;}
	
	/*--- Skill Quotient Block --- */
	.skill-quotient-block .progress { width:240px;}
	
	/*--- My Skills Report --- */
	#my-skills-report .nav-tabs > li > a { padding:16px 8px 6px;}
	
	/*--- Landing Page --- */
	.landing-sections .inner-wrap { width:304px; }
	.topic-list { width:296px; margin:0 auto; }
	.fade-slider { width:304px; }
	.fade-slider ul li { min-width:304px; }
	.fade-slider .caroufredsel_wrapper { width:304px !important; }

}

@media (max-width:1024px) {
    #coding-platform-head .user-attentions { margin-left:30px; width:370px;}
    #coding-platform-head .user-attentions .progress { width:120px;}
    #editor-box.large-view .user-actions p.form1 > .select { width:165px;}
}

@media (min-width:992px) {
    #main-navigation > ul { height:auto !important;}
    
    /*--- Popular-skills --- */ 
    /*#popular-skills .row .col-md-6:last-child .skilltest-box, #popular-skills .row .col-md-6:nth-last-child(2) .skilltest-box { margin-bottom:0;}*/
}

@media (max-width:992px) {
    
    /*--- Header --- */
    #header .logo { margin-left:38px;}
    .loggedin #header .login-signup-links { padding-top:2px;}
    
    /*--- Skilltest Box1  --- */
    .skilltest-box1 .details { width:100%;}
    .skilltest-box1 p { margin-bottom:20px;}
    .skilltest-box1 p strong { display:block;}
    
    /*--- Main Navigation  --- 
    #main-navigation ul li a { padding:0 7px;}
    #main-navigation ul li ul.child { padding:7px 7px 0;}
    #main-navigation ul li ul.child li.half { padding-right:7px;}
    #main-navigation ul li ul.child li.half:nth-child(2n){ padding-left:7px;}
    #main-navigation ul li ul.child li { margin-bottom:8px;}*/
    
    /*--- Main Navigation  --- */
    #main-navigation {position:absolute; z-index:8; left:0;}
    #main-navigation .menu-btn { left:7px;}
    #main-navigation ul { background: #f2f2f2; z-index:102; height:100% !important; overflow:auto; left:-288px; padding: 0; position:fixed;  top:0;  width:288px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.24), 0 0 16px 0 rgba(0, 0, 0, 0.18);}
    .activeMenu #main-navigation ul { left:0;}
    #main-navigation ul li { float:none;}
    #main-navigation > ul > li { border-bottom:1px solid #dadada;}
    #main-navigation ul li:last-child { border-bottom:0;}
    #main-navigation ul li a, #main-navigation ul li ul.child li a { font-size:14px; color:#4a4548; line-height:20px; padding:8px 16px 9px;}
    #main-navigation ul li.parent:hover > a:before { display:none;}
    #main-navigation ul li ul.child li a { padding:5px 0 5px; font-size:12px;}
    #main-navigation ul li a:hover, #main-navigation ul li.active > a, #main-navigation ul li:hover > a, #main-navigation ul li.active:hover > a { background:none; color:#d7263d;}
    #main-navigation ul li ul.child { width:auto !important; position:relative; display:block; left:auto; top:auto; padding:0; background:none; box-shadow:none; padding-left:32px; padding-bottom:8px; border:0;}
    #main-navigation ul li.compete-items ul.child { width:auto;}
    #main-navigation ul li ul.child li.half,#main-navigation ul li ul.child li { margin:0; width:50% !important; padding:0 !important; float:left;}
    #main-navigation ul li .icon { display:none;}
    
    /*--- Newsletter Form  --- */
    #newsletter-form input[type="text"] { width:57%;}
    
    /*--- Question Controller  --- */
    #question-controller { width:238px;}
    #question-controller h4 span { display:block;}
    
    /*--- Coding Platform Head  --- */
    #coding-platform-head .user-attentions .progress { display:none;}
    #coding-platform-head .user-attentions { width:230px;}
    #coding-platform-head .user-attentions p { margin-right:4px;}
    #coding-platform-head .test-actions #pause-test { width:32px; min-width:15px; padding:7px 5px;}
    
    /*--- User Result --- */
	#user-result { margin-left:0; margin-right:0;}
    #user-result .test-base-result { width:100%; margin-left:0; margin-right:0;}
    #user-result .test-base-result.min-height { min-height:100px;}
    #user-result .test-base-result.single h6 { float:none; margin-left:0; margin-bottom:16px;}
    #result-qualified-popup #user-result .test-base-result.single h6 { float:left; }
    #user-result .test-base-result.single .user-score { margin-left:0px;}
    #user-result .inner { float:none;}
    #user-result p { margin-bottom:24px;}
    #user-result .text-left h4 br { display:none;}
    #user-result .text-left { text-align:center;}
    #user-result .text-left h4 { font-size:14px; line-height:20px; margin-bottom:12px; font-weight:normal;}
    
    /*--- Detailed Description  --- */
    .detailed-description .main-detail-image { max-width:100%; margin-right:0; float:none;}
    
    /*--- Form1 --- */
    .form1 textarea.form-control { height:84px;}
    
    /*--- Tabs2  --- */
    .tabs2 .nav-tabs { float:none;}
    .tabs2 .nav-tabs > li { width:33.333%;}
    .tabs2 .nav-tabs > li > a { min-width:15px;}
    
    /*--- Tabs1 --- */
    .tabs1 .nav-tabs.three > li { width:33.333%;}

    
    /*--- Share My Result --- */
    #share-my-result .button2 { float:none; display:block;}
    #share-my-result #twitter-share-tab .button2 { float:right;}
    #share-my-result .count { padding-top:40px;}
    
    /*--- Active-user-status  --- */
    #active-user-status { width:389px;}
    .table1 tr td { min-width:80px;}
    
    /*--- Content  --- */
    #content .section-footer p { float:none; text-align:center; line-height:20px; margin-bottom:16px;}
    
    /*--- Pagination  --- */
    #content .section-footer nav[aria-label='Page navigation'] { text-align:center;}
    #content .section-footer .pagination { display:inline-block; float:none;}
    
    /*--- News Box  --- */
    .news-box.large .banner { height:230px;}
    .news-box .banner { width:110px; height:83px;}
    .news-box .inner-wrap { margin-right:126px;}

	/*--- Table1  --- */
	.table1 tr .name { min-width:140px;}
	
	
	#profile-details .profile-edit .form-inline .form-group.enter-number{ width:67%; }
	#signup-login .login-signup-sociable p a { margin-left:2px; width:36px; }
	.signup-login-wrap .login-signup-sociable p a  { margin-left:2px; width:34px; }
	.signup-login-wrap .form1 label.left-label { padding-top:7px;}
	#signup-login .form1 .radio-input.radio-inline,.signup-login-wrap .form1 .radio-input.radio-inline { margin-right:2px; }
	.signup-login-wrap .login-signup-sociable p span { width:auto; }
	.contest-box .banner { width:130px; height:65px; }
	.contest-box .banner img { width:130px; max-height:65px; }
	.contest-section .header .filter .checkbox-input { margin-left:5px; }
	.modal #why-participate li { margin-bottom:20px;}
	.modal #signup-form #rc-imageselect, .modal #signup-form .g-recaptcha {transform:scale(0.60);-webkit-transform:scale(0.60);transform-origin:0 0;-webkit-transform-origin:0 0;}
	.contest-section .header .filter { float:left;}
	.modal-open div.token-input-dropdown-facebook { width:157px;}
	
	#common-navigation.fixed { padding:10px 0; }
	#common-navigation.fixed .col-md-8 { width:100%;}
	#common-navigation.for-contest .mobile-dropdown-view { width:265px;}
	#common-navigation.for-contest.fixed .mobile-dropdown-view { width:572px;}
	#common-navigation ul li a { min-width:15px; font-size:13px;}
	
	.contest-box header dl.description-list { float:left; padding-left:72px; text-align:left; padding-top:0;}
	.contest-box footer .button1 { margin-right:8px;}
	.contest-box footer .button2 { margin-right:0;}
	.contest-box footer .button1, .contest-box footer .button2 { min-width:108px;}
	.contest-box header .company-content .details .inner { vertical-align:top;}
	
	/*--- Sociable2 --- */
	.sociable2 p span { display:block; line-height:20px; margin-bottom:8px;}
	.sociable2 a.facebook { margin-left:0;}
	
	/*--- Contest-description --- */
	#contest-description dl.description-list dt { float:none;}
	#contest-description dl.description-list dd { margin-left:0; margin-bottom:16px;}
	
	/*--- Tabs1  --- */
	.tabs1 .nav-tabs.pull-right, .tabs1 > .nav-tabs { margin:0 0 20px; position:relative; float:none !important;}
	.tabs1 .nav-tabs.pull-right > li, .tabs1 > .nav-tabs > li { width:48%;}
	.tabs1 > .nav-tabs > li > a, .tabs1 .nav-tabs > li > a { padding:8px 14px 6px;}
	
	#user-panel #vcl-prize-section .inner-block .icon2,.append-question-detail-ajax #vcl-prize-section .inner-block .icon2 { float:none; border:none; margin:0 auto; margin-bottom:10px;}
	#user-panel #vcl-prize-section .inner-block .details,.append-question-detail-ajax #vcl-prize-section .inner-block .details {  margin-left:0px; }
	
	/*--- multi-breakdown-list  --- */
	#multi-breakdown-list { float:none; margin-top:0; width:auto;}


    /*--- Practice-control-vav  --- */
    #practice-control-vav .nav-tabs > li { width:auto;}
    

    /*--- Contest-summary-widget  --- */
    #contest-summary-widget.fixed { width:288px;}
   
	#contest-description .challenge-winners dl.description-list dd { width:170px;}
	
	/*--- Multi Days Challenge  --- */
	.multi-days-challenge header h3 small { display:block; margin-left:0px; padding-top:4px; }
	.multi-days-challenge .day-box .button1 { float:none; margin-top:16px; margin-left:0px; }
	.multi-days-challenge .day-box .details { float:none; }
	
	/*--- Practice Tutorials  --- */
	#practice-tutorials .box-default1 footer { text-align:center; }
	#practice-tutorials .box-default1 footer .button2 { margin-right:4px; }
	#practice-tutorials .box-default1 footer h4,#practice-tutorials .box-default1 footer p { display:block; margin-right:0px; text-align:center; margin-bottom:8px; }
	#practice-tutorials .header h2 { float:none; margin-bottom:8px; }
	#practice-tutorials .header { margin-bottom:16px;}
	#practice-tutorials .header .see-more-problem { float:none; padding-top:0; }
	
	/*--- Full-screen-question  --- */
	#full-screen-question.normal-view #editor-box.fixed header {width:720px !important;}
	#full-screen-question.normal-view #editor-box.fixed header:before { width:722px;}
	#practice-tutorials #full-screen-question.normal-view #editor-box.fixed header, #practice-tutorials #full-screen-question.normal-view #editor-box.absolute header {width:100% !important; position:relative; top:auto; left:auto;}
	#practice-tutorials #full-screen-question.normal-view #editor-box.fixed, #practice-tutorials #full-screen-question.normal-view #editor-box.absolute { padding-top:0;}
	#practice-tutorials #full-screen-question.normal-view #editor-box.fixed header:before, #practice-tutorials #full-screen-question.normal-view #editor-box.absolute header:before {display:none;}
	#full-screen-question.expanded #question-area, #full-screen-question.expanded #editor-box { width:50%;}
	#full-screen-question.multi-question-view.normal-view #editor-box.fixed  header, #full-screen-question.multi-question-view.normal-view #editor-box.absolute header {width:441px !important;}
	#full-screen-question.multi-question-view.normal-view #editor-box.fixed  header:before, #full-screen-question.multi-question-view.normal-view #editor-box.absolute header:before {width:443px;}
	
	/*--- Practice Content --- */
	#practice-control-vav .nav-tabs > li > a { padding:16px !important; font-size:13px;}
	#problems-content header label.main-label { display:block; margin-right:0; line-height:20px; margin-bottom:4px;}
	#problems-content header .section:last-child .custom-selectbox { margin-right:0;}
	
	/*--- signup-login-wrap --- */
	.signup-login-wrap .right-column { padding-left:40px;}
	.signup-login-wrap .login-signup-sociable p a { margin-left:10px;}
	
	/*--- Capche --- */
	#signup-form #rc-imageselect, #signup-form .g-recaptcha {transform:scale(0.70);-webkit-transform:scale(0.70);transform-origin:0 0;-webkit-transform-origin:0 0;}
	
	/*--- Search Filter ---*/
	#search-filter .experience-field { width:168px;}
	
	/*--- Job Box Large ---*/
	.job-box-lg.job-alert .job-header { height:24px;}
	
	/*--- Form Page ---*/
	.form-page #content .container:after { display:none;}
	.form-page #content .left-panel:after { left:469px;}
	
	/*--- Post Job Form ---*/
	#post-job-form .form1 ul li.multiple-fields .select { width:104px; min-width:104px;}
	
	/*--- Test Box ---*/
	.test-box1 .button2 { float:none; margin-top:16px;}
	
	/*--- Section Box Full ---*/
	.section-box-full .user-controls .button1 { min-width:130px;}
	.section-box-full footer .my-status-block .skills-parent { width:425px; margin-right:0;}
	
	/*----- Slider Group ----*/
	#slider-group h4 { top:0px; margin-bottom:8px; }
	#slider-group .tabs2 .nav-tabs.pull-right { margin-top:0px; float:none; }

	#user-profile-details  > .nav-tabs > li { width:auto;}
	#user-info .user-actions-area { padding-top:16px; text-align:left; margin-left:98px; }
	#user-info .user-actions-area .button2.follow-this { margin-left:0px; }
	#user-profile-details .overall-title p { margin-bottom:40px;}

	.other-performance .row li { width:100%; margin-bottom:16px;}
	.other-performance .row li:nth-last-child(2) { margin-bottom:16px; }
	
	/*----- User Overall Graph ----*/
	#user-overall-graph { margin:0;}
	#user-profile-details .overall-title h3 { float:none; line-height:22px; margin-bottom:40px;}
	
	/*--- Form Page ---*/
	.form-page div.token-input-dropdown-facebook, .form-page .ui-autocomplete.ui-widget { width:304px;}
	
	/*--- Skill Analysis ---*/
	#skill-analysis .main-profile-nav > li { width:50%;}
	#skill-analysis .nav-tabs li.more-links { width:50%;}
	
	/*--- Profile Details ---*/
	#profile-details dl.description-list dd { width:408px;}
	
	/*--- Newsletter Form1 --- */
	#newsletter-form1 input[type="text"] { width:175px;}
	
	/*-- News Slideshow --*/
	#news-slideshow .slides { height:390px;}
	
	/*--- My Skills Report --- */
	#my-skills-report .nav-tabs > li { width:25%;}
	
	/*--- Problem Box --- */
	.problem-box { margin-bottom:16px;}
	
	/*--- Gray Box --- */
	.gray-box .see-more-lnk { top:-4px; position:relative; margin-top:0; margin-bottom:16px;}
	
	/*--- Performance in Coding --- */
	.performance-in-coding .middle-content { margin:0; padding:0 10px;}
	.performance-in-coding .middle-content:after, .performance-in-coding .middle-content:before { display:none;}
	.performance-in-coding .tips { right:6px; top:3px;}
	.performance-in-coding h6.left-padding { padding-left:0;}
	
}

@media (min-width:767px) {
    
    /*--- Search Form  --- */
    #search-form a.search-close { display:none !important;}
    
    .contest-box .about-contest { background-image:none !important; }
    .mobile-dropdown-view ul { display:block !important; }
    #common-navigation ul { display:table !important; }
    
    .modal { text-align: center; padding: 0!important;}
    .modal:before { content: ''; display: inline-block; height: 100%;  vertical-align: middle;  margin-right: -4px;}
    .modal-dialog { display: inline-block; text-align: left; vertical-align: middle;}
    
    /*--- Practice Control Nav --- */
    #practice-control-vav .nav-tabs > li > a { border-bottom:0; padding:16px 24px;}
	
	#editor-box .bottom-action #submit_code .btn { float:right; width:120px; margin-left:24px; margin-top:2px;}
	
	.subjective-editor > div { width:100% !important;}
	
	/*--- Tabs1 --- */
	.tabs1 .nav-tabs { position:relative;}
	
	/*--- Tg Landing Banner  --- */
	#tg-landing-banner .register-area { padding:16px; width:368px; }
	#tg-landing-banner h2 { font-size:34px; }
	
	/*--- Tg Landing  --- */
	.landing-page.tg-landing-page #main-navigation ul li a { color:#fff; }
	.landing-page.tg-landing-page #main-navigation > ul > li:hover > a, .landing-page.tg-landing-page #main-navigation > ul > li.active:hover > a { color:#d7263d; }
	.landing-page.tg-landing-page #main-navigation ul li ul.child li a { color:#8a858d;}
	.landing-page.tg-landing-page #main-navigation ul li ul.child li:hover a { color:#d7263d;  }
	
	.landing-page.tg-landing-page #main-navigation ul li .icon { background-position:-370px -55px; }
	.landing-page.tg-landing-page #main-navigation ul li:hover .icon { background-position:-184px -190px; }
	
	
	#users-word .caroufredsel_wrapper { height:209px !important;}
	

}

@media (max-width:767px) {
    
    /*
    * Headings
    */

    h1 { font-size:32px; line-height:40px;}
    
    /*--- Straight-page-view  --- */
    #straight-page-view { display:none;}
    
    /*--- Content --- */
    #content .container { padding-top:24px;}
    #content .left-panel { margin-bottom:40px;}
    #content .inner-content { margin:-24px -16px 0; padding:24px 16px 40px; border-radius:0;}
    
    /*--- Container Wrap --- */
    .no-padding-top #container-wrap, .no-padding-top #container-wrap.normal-padding.loggedin { padding-top:56px !important;}
    
    /*--- User Area --- */
    #header .user-area { width:24px;}
    #header .user-area .avatar-pic { margin-left:0;}
    
    /*--- Global Search Form  --- */
    #global-search-form { background:none; width:36px; margin-right:0; position:absolute; right:40px; top:0px; overflow:hidden; cursor:pointer; -webkit-transition: width 0.2s; }
	#global-search-form .category-menu { pointer-events:none; background:url(images/tg_images_new/header-search.svg) 10px 8px no-repeat;  }
	#global-search-form form{ width:260px; }
	#global-search-form.active { width:260px; background:#f2f2f2; z-index:1000; cursor:default; }
	#global-search-form.active .category-menu  { pointer-events:auto; }
    #search-result-lists { width:100%; border:0; max-height:275px; z-index:1000;}
    #search-result-lists .result-block { padding:0 15px;}
    #search-result-lists > h6 { padding-left:15px;}
    
    /*--- All-questions-lnk --- */
    #all-questions-lnk { font-size:12px; margin-top:8px; margin-right:0; padding-left:0; background:none; margin-right:-17px;}
    
    /*--- Mobile-dropdown-view --- */
    .mobile-dropdown-view { position:relative;}
    .mobile-dropdown-view .btn { width:100%; position:relative; padding-right:32px; text-align:left; height:40px; margin-bottom:16px; color:#4a4548; background:#fff; box-shadow:none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border:0; line-height:27px;}
    .fixed .mobile-dropdown-view .btn { margin-bottom:0;}
    .mobile-dropdown-view .btn:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:4px; background:url("images/tg_images_new/sprites.svg") no-repeat scroll -18px -176px; width:31px; height:36px; content:"";}
    .tabs1 .tabs2 .mobile-dropdown-view .btn { box-shadow:none; border:1px solid #dadada;}
    .tabs1 .tabs2 .mobile-dropdown-view ul > li a { padding:12px;}
	.tabs1 .magic-line { display:none !important;}

	.mobile-dropdown-view ul { position:absolute; border:1px solid #dadada !important; z-index:15; top:0;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); width:100%; display:none; max-height:210px; overflow:auto; border-radius:3px; }
	.mobile-dropdown-view ul li { float:none; display:block; width:100% !important; border:none !important; }	
	.mobile-dropdown-view ul li.active { border:none;}
	.mobile-dropdown-view ul > li { width:100%; margin-bottom:0 !important;}
	.mobile-dropdown-view ul > li a, .tabs1 .mobile-dropdown-view ul > li a { display:block; padding:11px !important; line-height:14px !important; border:0; font-size:14px !important; color:#8a858d; text-align:left !important; white-space:nowrap; background:#fff; border:0 !important;}
	.mobile-dropdown-view ul > li.active a:hover { background:#f2f2f2 !important; border:0;}
	.mobile-dropdown-view ul > li.active a, .mobile-dropdown-view ul > li a:hover, .tabs1 .mobile-dropdown-view ul > li.active a, .tabs1 .mobile-dropdown-view ul > li a:hover, .mobile-dropdown-view ul > li a:active, .mobile-dropdown-view ul > li.active a:hover { background:#f2f2f2 !important; border:0; font-weight:normal; color:#4a4548 !important;}
	
	/*--- Left Right Spacing  --- */
	.main-banner, #content, #footer, #page-more-info, #header, #coding-platform-head, #footer-related-links, #breadcrumbs, #footer .inner-footer { padding-left:6px; padding-right:6px;}	
	
	/*--- Fight Box  --- */
	.fight-box .form-inline .form-group { display:block;  margin-bottom: 0; vertical-align: middle; text-align:center;}
	#players-result .fight-box p { margin:10px 0;}
	
	/*--- Main Banner  --- */
	.main-banner { padding-bottom:24px; background-size:145px 290px; background-position:right -76px;}
	.main-banner .main-content .banner-right-content { padding-top:24px;}
	.main-banner h1 { margin-bottom:8px;}
	.main-banner h2 { font-size:21px; line-height:25px; margin-bottom:8px;}
	
	/*--- Breadcrumbs  --- */
	#breadcrumbs p .divider { margin:0 4px;}
	
	/*--- Full-screen-question  --- */
	#full-screen-question.expanded #question-area { margin-top:56px;}
	
	/*--- Search Form  --- */
	#search-form .inner { padding-left:48px; position:relative;}
	#search-form input[type="text"] { font-size:14px; width:88%;}
	#search-form .search-icon { left:7px;}
	#search-form-content h6 { margin-left:48px;}
	#search-form-content ul li a { padding-left:48px;}
	#search-form-content ul li a span { font-size:12px;}
	#search-form a.search-close { position:absolute; right:16px; top:21px; display:none;}
	
	/*--- Skilltest Box  --- */
	.skilltest-box { margin-bottom:8px;}
	
	/*--- Skilltest Box1  --- */
	.skilltest-box1 p span.block { font-size:12px;}
	.skilltest-box1 p strong { font-size:14px;}
	
	/*--- Footer Related-links  --- */
	#footer-related-links p { margin-bottom:12px; line-height:20px;}
	
	
	/*--- tabs10  --- */
	.tabs10 .nav-tabs.pull-right, .tabs10 > .nav-tabs { margin:0 -16px 20px; position:relative; float:none !important;}
	.tabs10 .nav-tabs.pull-right > li, .tabs10 > .nav-tabs > li { width:50%;}
	.tabs10 > .nav-tabs > li > a { padding:8px 14px 6px;}
	
	/*--- Table1  --- */
	.table1 tr td.name img { display:none;}
	
	/*--- Engage-box  --- */
	.engage-box { height:auto; margin-bottom:24px;}
	.engage-box1 { margin-bottom:8px;}
	
	/*--- Newsletter Form  --- */
	#newsletter-form input[type="text"] { width:67%;}
	#footer #newsletter-form { margin-bottom:24px;}
	
	/*--- Question Controller  --- */
	#question-controller { background: #f2f2f2; z-index:1002; overflow:auto; height: 100%; left:-288px; padding: 0; position:fixed;  top:0;  width:288px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.24), 0 0 16px 0 rgba(0, 0, 0, 0.18); padding:16px 0 20px 16px; overflow:visible;}
	.activeMenu #question-controller { left:0;}
	#question-controller .scroll { margin-right:0;}
	#question-controller .question-info h2 { margin-bottom:8px;}
	#question-controller .question-info h2 a { color:#4a4548;}
	#question-controller .question-info p { margin-bottom:0;}
	#question-controller .question-info { padding-bottom:24px; border-bottom: solid 1px #c2c2c2; margin-bottom:24px;}
	#question-controller h4 { padding-top:0;}
	#question-controller h4 span { display:inline-block;}
	#question-controller .questions-list ul li { padding-left:10px;}
	
	#question-controller .answer-status-block ul { margin:0; padding:0; list-style:none;}
	#question-controller .answer-status-block ul li { margin-right:24px; font-size:14px; float:left; line-height:20px; margin-bottom:8px; color:#8a858d;}
	#question-controller .answer-status-block ul li.my-score { width:100%; margin-right:0px; margin-bottom:16px;}
	#question-controller .answer-status-block ul li:last-child { margin-right:0; margin-bottom:0;}
	#question-controller .answer-status-block ul li span { color:#4a4548;}
	#question-controller .answer-status-block ul li .icon { width:16px; height:16px; display:inline-block; vertical-align:text-bottom; margin-right:8px; background-image:url("images/tg_images_new/sprites.svg"); background-repeat:no-repeat; background-position:-360px -216px;}
	#question-controller .answer-status-block ul li.corrent .icon { background-position:-360px -216px;}
	#question-controller .answer-status-block ul li.incorrect .icon { background-position:-336px -216px;}
	
	/*--- Coding-platform-head  --- */
	#coding-platform-head { height:56px;}
	#coding-platform-head .question-list-menu { position:absolute; left:16px; top:22px;}
	#coding-platform-head .user-attentions { margin-left:32px; width:142px;}
	#coding-platform-head .single .user-attentions { margin-left:0;}
	#coding-platform-head .user-attentions p { font-size:12px; margin-bottom:4px; text-transform:uppercase; line-height:16px;}
	#coding-platform-head .test-actions { padding-top:3px;}
	#coding-platform-head .test-actions .btn { padding:7px 6px; min-width:15px; margin-left:12px;}
	#coding-platform-head .single { padding:0;}
	#coding-platform-head .single .question-list-menu { display:none !important;}
	#coding-platform-head .container-fluid { padding:0 10px;}
	#coding-platform-head .test-actions .btn, #coding-platform-head .test-actions #submit_code { margin-left:8px;}
	#coding-platform-head .test-actions #submit_code { margin-left:4px; }
	#coding-platform-head .test-actions #submit_code .button1 { font-size:12px; }
	#coding-platform-head .test-actions #pause-test { margin-left:0;}
	#coding-platform-head .for-practice .question-info { padding-top:9px;}
	#coding-platform-head .answer-status-block ul li { margin:0;}
	#coding-platform-head .answer-status-block { padding-top:9px;}
	
	/*--- Coding-content-area  --- */
	#coding-content-area { padding:16px 16px 0;}
	#coding-content-area .inner-coding-area { padding:0;}
	#coding-content-area .question-category {font-weight:bold; line-height:18px; padding:0 16px 8px; margin:0 -16px 16px; position:relative; border-bottom: solid 1px #c2c2c2;}
	#coding-content-area .question-category small { font-size:14px; color:#8a858d; font-weight:normal; text-transform:none;}
	#coding-content-area:after { display:none;}
	#coding-content-area .question-number { width:38px;}
	#coding-content-area .question-details { margin-left:40px;;}
	#attempted_option ul.options { clear:both; margin-top:16px;}
	
	/*--- Coding-Platform  --- */
	#coding-platform .col-sm-4.padding-less  { padding-left:0;}
	#coding-platform .col-sm-8.padding-less  { padding-right:0;}
	
	/*--- Attempted Option  --- */
	#attempted_option ul.options li .question-text { font-size:14px; line-height:20px;}
	#attempted_option ul.options li .option { font-size:14px;}
	#attempted_option ul.options li { padding:8px 36px 8px 0;}
	#attempted_option ul.options li .option { padding-top:6px;}
	#attempted_option ul.options li .tick-icon { width:36px;}
	#attempted_option ul.options li .tick-icon img { width:24px; height:24px; margin-left:-12px; margin-top:-12px;}
	
	/*--- Coding Footer   --- */
	.coding-footer  { padding-bottom:16px;}
	.coding-footer .btn { padding:8px 12px; font-size:12px; float:left; margin:0; min-width:118px;}
	.coding-footer .btn:last-child { float:right;}
	
	/*--- Footer --- */
	#footer { padding-top:24px;}
	#footer .tg-footer-logo { margin-bottom:16px;}
	#footer .col-sm-4 .nav-links { padding-left:0;}
	#footer .clear-left { clear:left;}
	#footer .nav-links { margin-bottom:20px;}
	#footer .inner-footer { margin:0 -6px; position:relative; padding:16px 6px;}
	#footer p { line-height:16px;}
	#footer .footer-error-msg {margin:0 0 16px; bottom:auto;}
	
	/*--- Button2 --- */
	.button2.btn-lg { font-size:12px;}  
	
	/*--- Instructions-popup --- */
	#instructions-popup .column { float:none; width:100%;}
	#instructions-popup .modal-body { height:auto !important; overflow-y:auto !important;}
	#instructions-popup .scroll { height:auto;}
	#instructions-popup .modal-footer { padding-top:16px;}
	#instructions-popup .modal-footer .btn { width:100%;}
	#instructions-popup p { margin-bottom:16px;}
	#instructions-popup ul { margin-bottom:0;}
	#instructions-popup ul li { float:left; margin:0 16px 12px 0; font-size:12px;}
	#instructions-popup ul li span { display:block; font-size:14px; font-weight:bold;}
	
	/*--- Modal --- */
	.modal-sm { width:auto;}
	.modal-footer { text-align:left;}
	
	/*--- Active-user-status --- */
	#active-user-status { bottom:10px; margin-left:-6px; width:100%;}
	#active-user-status.status-particular .table1 tr td { float:left; width:100%; text-align:left;}
	#active-user-status.status-particular .table1 tr td:first-child { padding-bottom:0;}
	
	/*--- Widget --- */
	.widget .widget-heading .see-all { bottom:2px;}
	
	/*--- News Box  --- */
	.news-box.large .banner { height:132px;}
	.news-box .banner, .news-box.next-story .banner { width:64px; height:64px;}
	.news-box .inner-wrap, .news-box.next-story .inner-wrap { margin-right:80px;}
	#category-news-lists .news-box .inner-wrap { padding-top:0;}
	.news-box .inner-wrap { padding-top:0;}
	.news-box .news-category { position:relative; display:block; margin-bottom:8px;}
	
	/*--- View-all-block  --- */
	.view-all-block { margin-bottom:20px;}
	
	/*--- Breadcrumbs --- */
	#breadcrumbs  { padding-top:9px;}
	#breadcrumbs p  { line-height:20px;}
	
	/*--- Post --- */
	.post .post-footer p { line-height:20px; margin-bottom:12px;}
	.post .post-header .sociable2, .post .post-footer .sociable2 { float:none;}
	.post .post-footer .sociable2 p { margin-bottom:0;}
	
	.login-signup-sociable p { font-size:12px;}
	.signup-login-wrap .login-signup-sociable p a { margin-left:7px;}
	#signup-login .right-column,#signup-login .left-column,.signup-login-wrap .right-column,.signup-login-wrap .left-column  { float:none; width:100%; padding-left:0px; }
	#signup-login .login-signup-sociable p a { width:31px; }
	
	/*--- Contest Box --- */
	.contest-box:hover header h3, .contest-box:focus header h3, .contest-box:active header h3 { color:#d7263d; }
	.contest-box .banner { display:none; }
	.contest-box dl.description-list { margin-right:0px; }
	.contest-box header { border:none; padding-bottom:0px; }
	.contest-box .about-contest { margin:-16px -16px 4px -16px; height:120px; padding:68px 16px 12px 16px; position:relative; background-size:cover; background-position:left top; }
	#previous-challenges .contest-box .about-contest { opacity:0.5; }
	.contest-box .about-contest:after { content:""; width:100%; position:absolute; height:120px; bottom:0px; left:0px;  background:url(images/tg_images/drop-shadow2.png) repeat-x;  }
	.contest-box .about-contest dl.description-list dt,.contest-box .about-contest dl.description-list dd { color:#fff; position:relative; z-index:10; }
	.contest-box .content { padding-top:0px; }
	.contest-box header h3 { color:#fff; position:relative; z-index:10; height:22px; overflow:hidden; line-height:20px; margin-bottom:0; }
	.contest-section .contest-listing .contest-box:first-child .about-contest { border-radius:6px 6px 0px 0px; }
	.contest-box footer .btn,#previous-challenges .contest-box footer .button2 { min-width:120px; margin-right:0px; }
	.contest-box footer .button1 { margin-right:4px; }
	.contest-box dl.description-list dd,.contest-box dl.description-list dt { font-size:12px; min-width:auto; }
	.contest-box dl.description-list dd { margin-left:60px; }
	.contest-box dl.description-list dt { margin-right:0px; }
	
	.contest-box header .company-content { position:relative; z-index:5;}
	.contest-box header .company-content p { text-align:left; font-size:12px; color:#fff; margin-top:0px; line-height:16px; height:19px; overflow:hidden; }
	.contest-box header .company-content figure { background:#fff; float:left; margin-left:0px; width:40px; height:40px; line-height:37px; }
	.contest-box header .company-content figure img { max-width:38px; max-height:38px; }
	.contest-box header .company-content .details { margin-left:60px; display:block;}
	.contest-box header .company-content .details .inner { display:block;}
	
	.contest-box { border-bottom:none; }
	.contest-box:hover header h3 { color:#fff; }
	.contest-box header dl.description-list { padding-left:0; float:none; padding-top:4px;}
	.contest-box header dl.description-list dd { margin-left:60px;}
	#invite-login .box-default1 .content-wrapper { padding:16px; }
	
	/*--- Common Navigation --- */
	#common-navigation.fixed { height:auto; padding:8px 0; }
	#common-navigation.fixed #contest-nav-mobile { margin-bottom:0px; }
	#common-navigation.for-contest .mobile-dropdown-view, #common-navigation.for-contest.fixed .mobile-dropdown-view { width:52%;}
	#common-navigation.for-contest .contest-filter .btn { height:41px; line-height:27px;}
	#common-navigation.for-contest .contest-filter .btn .down-arrow { margin-top:7px;}
	#common-navigation.for-contest .filter-lists { width:290px; max-width:301px; top:41px;}
	#common-navigation ul { width:100%; display:none;}
	#common-navigation ul li { display:block;}
	
	#common-navigation { margin-bottom:16px;}
	#common-navigation .container { padding-top:0px; }
	#common-navigation .mobile-dropdown-view .btn{ margin-bottom:0px; }
	#contest-description .tabs1 .tabs1-nav-wrap { padding-top:0px; }
	#contest-description .mobile-dropdown-view .btn { margin-bottom:0px; }
	#common-navigation.fixed { height:56px; }
	
	/*--- Challenge Banner --- */
	#challenge-banner { height:152px; }
	#challenge-banner .challenge-short-info { bottom:5px; }
	#challenge-banner .challenge-short-info .company-logo { display:none; }
	#challenge-banner .challenge-short-info .details { margin-left:0px; display:block; height:auto; }
	#challenge-banner .challenge-short-info .details .inner-wrap { display:block;}
	#challenge-banner .challenge-short-info .details .short-title { display:none; }
	#challenge-banner .challenge-short-info .details { font-size:12px; }
	#challenge-banner .challenge-short-info .container { padding:0px 16px; }
	#challenge-banner .challenge-short-info.square-structure .details { margin-left:0; height:auto;}
	#challenge-banner .challenge-short-info .details h1 { font-size:18px; line-height:24px; margin-bottom:8px; font-weight:normal; }
	#challenge-banner #breadcrumbs { padding-left:0px; }
	
	/*--- Short Info Mobile --- */
	.short-info-mobile { padding-top:24px; }
	.short-info-mobile .container  {  padding:0px 16px; }
	.short-info-mobile  .company-logo { float:left; border-radius:3px; border:1px solid #dadada; width:48px; height:48px; text-align:center; margin-right:16px; line-height:45px;  display:inline-block; background:#fff; }
	.short-info-mobile  p span { margin-bottom:0px; color:#8a858d; display:block; padding-top:3px; }
	.short-info-mobile  p { margin-bottom:0px; }
	.short-info-mobile  .company-logo img { max-width:36px; max-height:36px;}
	.challenge-tests .test-box .description-list { margin-bottom:12px; }
	.challenge-tests .test-box .button1 { width:100%; }
	.challenge-tests .test-box  h2 { font-size:18px; margin-bottom:12px; }
	#contest-summary-widget { display:none; }
	#job-description ul, #job-description ol { padding-left:15px; }
	#job-description li { padding-left:10px; }
	#contest-description dl.description-list dd { word-break:break-all; }
	.login-signup-sociable p { text-align:center; }
	#signup-login  .right-column .tabs10 .nav-tabs,.signup-login-wrap .right-column .tabs10 .nav-tabs { margin-left:0px; margin-right:0px;  }
	.company-video { float:none; margin-left:0px; margin-bottom:16px;  text-align:center; width:100%; }
	.challenge-tests .test-box .contest-countdown { margin-top:0px; }
	#job-description #accordion .accordion-toggle { font-size:16px; }
	.challenge-tests .test-box h2 { font-weight:600; }
	.challenge-tests .test-box h2 small  { display:block; }
	.challenge-tests .test-box h2 small .warning-status { margin-left:0px; }
	.challenge-tests .test-box dl.description-list.inline dd { float:none; }
	.challenge-prizes ul li .image-holder { height:68px; line-height:68px;}
	.challenge-prizes ul li .image-holder { width:120px; }
	.challenge-prizes ul li .image-holder img { max-width:118px;  }
	.challenge-prizes ul li .details { margin-left:136px; padding-top:10px; }
	.challenge-prizes ul li .details h3 { font-size:14px; margin-bottom:4px; }
	
	
	/*--- Contest-description --- */
	#contest-description { border-radius:0; margin:0 -16px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); position:relative;}
	#contest-description .tabs1 .tab-content { padding-top:16px;}
	#contest-description dl.description-list dt { float:left;}
	#contest-description dl.description-list dd { margin-bottom:8px; margin-left:100px;}
	
	/*--- Tabs1 --- */
	#contest-description .mobile-dropdown-view { margin:16px 16px 0;}
	#contest-description .tabs2 .mobile-dropdown-view { margin:0 0 16px;}
	.mobile-dropdown-view { padding:0; margin:0 0 16px;}
	.mobile-dropdown-view ul { top:0;}
	
	/*--- Hiring-challenge-popup --- */
	#hiring-challenge-popup .modal-header { padding-left:16px;}
	#hiring-challenge-popup .modal-body { padding:16px;}
	#hiring-challenge-popup .modal-header h2 { font-size:18px; line-height:22px;}
	#hiring-challenge-popup #accordion { margin-bottom:12px; margin-top:16px;}
	#hiring-challenge-popup #accordion .panel { border:0; box-shadow:none;}
	#hiring-challenge-popup #accordion .panel-heading, #hiring-challenge-popup #accordion .panel-body { background-color:#f6f6f6; border:0;}
	#hiring-challenge-popup #accordion .panel-body { padding:0 15px;}
	#hiring-challenge-popup .panel-title a:hover, #hiring-challenge-popup .panel-title a { text-decoration:none; font-size:14px; display:block; font-weight:600; color:#4a4548;}
	#hiring-challenge-popup #accordion .arrow-icon { width:32px; display:block; height:22px; background:url("images/tg_images_new/sprites.svg") -160px 0 no-repeat; position:relative; float:right; margin:-5px -11px 0 0;}
	#hiring-challenge-popup #accordion .collapsed .arrow-icon { background-position:-200px 0; } 
	#hiring-challenge-popup .modal-body dl.description-list dt { float:left; display:block; width:28%; clear:left; margin-bottom:16px;}
	#hiring-challenge-popup .modal-body dl.description-list dd { margin-left:0; margin-bottom:16px; float:right; width:68%;}
	#hiring-challenge-popup .modal-header .description-list.inline dt { width:80px; margin:0;}
	#hiring-challenge-popup .modal-header .description-list.inline dd { margin-left:95px; margin-bottom:12px; float:none; margin-right:0;}
	#hiring-challenge-popup .mobile-dropdown-view { margin:0;}
	#hiring-challenge-popup ul.description-list li { float:none; margin-right:0px;} 
	#hiring-challenge-popup ul.description-list li span { float:left; width:74px; display:block; width:32%; margin-right:0px;} 
	#hiring-challenge-popup ul.description-list li  small { font-size:14px; display:block; float:right; width:68%; } 
	
	/*--- Modal --- */
	.modal button.close { margin-right:-7px; margin-top:-7px;}
	
	/*--- Tabs1 --- */
	.tabs1 .nav-tabs > li > a { padding:7px 8px 6px; font-size:13px;}
	
	/*--- Editor-box --- */
	#editor-box .editor-controllers.dropdown-mode #settings-dropdown { left:auto; right:-2px;}
	#settings-dropdown > .arrow { right:17px;}
	.normal-view #editor-box .user-actions p.form1 > .select { width:200px;}
	
	/*--- Show-tab-lists --- */
	#show-tab-lists { display:block !important;}
	.extra-small-view .tabs1 .nav-tabs { margin:0;}
	
	/*--- Signup Login --- */
	.signup-title { font-size:20px; line-height:22px;}
	
	.form1 label { padding-top:0px; margin-bottom:8px;}
	
	/*--- User-action-tabs --- */
	.user-action-tabs.tabs1 .nav-tabs.pull-right > li, .tabs1 > .nav-tabs > li { width:42%;}
	
	/*--- Discussion-forum --- */
	#discussion-forum header p { margin-top:10px;}
	
	/*--- User-result --- */
	#user-result .test-base-result.single .user-score { font-size:56px; line-height:60px; margin-bottom:8px;}
	#user-result .test-base-result.single .user-score span { font-size:14px;}
	
	/*--- User-feedback-form --- */
	#user-feedback-form { left:0;}
	#user-feedback-form .popover-content{ padding:16px;}
	#user-feedback-form.popover.bottom > .arrow { left:120px;}
	#user-feedback-form li:nth-child(2n) { margin-bottom:24px;}
	#user-feedback-form li > label { margin-bottom:8px;}
	#user-feedback-form .checkbox-input.checkbox-block { margin-bottom:8px;}
	#user-feedback-form li, #user-feedback-form li:last-child { margin-bottom:0;}
	
	/*--- Challenge Winners --- */
	.challenge-winners ul li .details { margin-left:75px;}
	.challenge-winners h4, .challenge-winners h3 { font-size:14px; line-height:20px; margin-bottom:8px;}
	#contest-description .challenge-winners dl.description-list dt { width:96px;}
	
	/*--- User Panel   --- */
	#user-panel #vcl-prize-section,.append-question-detail-ajax #vcl-prize-section{ margin:0px 25px; }
	.append-question-detail-ajax #vcl-prize-section { margin-top:25px; }
	#user-panel #vcl-prize-section .inner-block .details p,.append-question-detail-ajax #vcl-prize-section .inner-block .details p  { text-align:center; }
	#user-panel #vcl-prize-section .inner-block .details .inner,.append-question-detail-ajax #vcl-prize-section .inner-block .details .inner  { width:100%; }
	
	/*--- Form1  --- */
	.form1 label.left-label { padding-top:0; margin-bottom:8px;}
	
	/*--- Invite-login  --- */
	#invite-login .table1-wrap .table1 { min-width:600px;}
	
	/*--- Coding Normal View  --- */
	.normal-view .tabs1 { position:relative;}
	.normal-view .tabs1 .nav-tabs { position:absolute; border:1px solid #dadada; z-index:15; top:33px; display:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); width:100%;}
	.normal-view .tabs1 .nav-tabs > li { width:100%; margin-bottom:0;}
	.normal-view .tabs1 .nav-tabs > li a { padding:9px 12px 10px; border:0; font-size:13px; color:#8a858d; text-align:left; white-space:nowrap; background:#fff;}
	.normal-view .tabs1 .nav-tabs > li.active a:hover { background:#f2f2f2; border:0;}
	.normal-view .tabs1 .nav-tabs > li.active a, .normal-view .tabs1 .nav-tabs > li a:hover { background:#f2f2f2; border:0; font-weight:normal; color:#4a4548;}
	
	/*--- Table1  --- */
	.table1 tr .name, .tab-content .table1 tr .name { min-width:100px; width:auto;}
	
	/*--- Flex-container  --- */
	#flex-container.hide-compare { display:none;}
	
	/*--- Practice-control-form --- */
	#practice-control-vav .mobile-dropdown-view, #practice-control-vav .mobile-dropdown-view .btn { margin-bottom:0;}
	
	/*--- Flex-container  --- */
	#flex-container.hide-compare { display:none;}
	
	#contest-description .challenge-winners dl.description-list dd { width:50%;}
	
	/*--- Multi Days Challenge  --- */
	.multi-days-challenge .content-wrapper { padding:12px; }
	.multi-days-challenge h3 { font-size:14px; }
	.multi-days-challenge header h3 small { font-size:12px; }
	.multi-days-challenge header p { font-size:12px; line-height:16px; }
	.multi-days-challenge header { margin-bottom:12px; }
	.multi-days-challenge .day-box p { font-size:12px; }
	.multi-days-challenge .day-box p .block { float:none; display:block; margin-right:0px; }
	.multi-days-challenge .day-box .button1 { margin-top:12px; }
	
	/*--- Practice Box --- */
	.practice-box h3 { margin-bottom:4px; font-size:14px; }
	.practice-box p { font-size:12px; line-height:16px; }
	.practice-box p .block { margin-right:0px; display:block; float:none; margin-bottom:4px; }
	.practice-box .see-lnk { padding-top:12px; }
	.practice-box .see-lnk a { display:block; margin-right:0px; margin-bottom:12px; }
	.practice-box .see-lnk a:last-child { margin-bottom:0px; }
	.practice-box .button1 { float:none; margin-top:8px;}
	
	/*--- Practice Box --- */
	#problems-content .practice-box p .block { margin-right:40px; float:left; }
	#problems-content .practice-box p .block:nth-child(2n){ margin-right:0;} 
	#problems-content .practice-box p .block:nth-child(3n){ clear:left;} 
	
	/*--- Sponsor Bock --- */
	.widget.sponsor-block:first-child { padding-top:0;}
	.sponsor-block .inner { padding:12px 0px 0px 0px; }
	.sponsor-block footer { padding:0px; }
	
	/*--- Practice-tutorials --- */
	#practice-tutorials .bottom-action #compile_code { float:left;}
	
	/*--- Practice Control Nav --- */
	#practice-control-vav { padding:0 16px; margin-bottom:24px; background:none; box-shadow:none; border-radius:0;}
	#practice-control-vav .nav-tabs > li > a { font-weight:normal; padding:11px !important; line-height:20px;}
	#problems-content header { padding-top:16px;}
	#problems-content header h2 { padding:0 16px;}
	#problems-content header .section { width:50%; float:left; padding-right:15px;}
	#problems-content header .section:last-child { padding-left:15px; padding-right:0;}
	#problems-content header .section:first-child { padding-left:0;}
	#problems-content header .section .custom-selectbox { margin-right:0;}
	#practice-tutorials #practice-control-vav { margin:0 0 24px;}
	
	/*--- Practice Viewanswers Page --- */
	.practice-viewanswers-page #question-controller { display:none;}
	.practice-viewanswers-page #coding-content-area .section-filter { padding-top:0;}
	.practice-viewanswers-page #coding-content-area .inner-coding-area { border-radius:0;}
	.practice-viewanswers-page .section-filter { padding:0 10px;}
	
	/*--- Section-filter --- */
	.section-filter p .radio-input.radio-inline { margin-left:0; margin-right:12px; margin-top:4px;}
	
	/*--- Full-screen-question  --- */
	#full-screen-question.normal-view #editor-box.fixed header, #full-screen-question.normal-view #editor-box.absolute header {width:100% !important; position:relative; top:auto; left:auto;}
	#full-screen-question.normal-view #editor-box.fixed, #full-screen-question.normal-view #editor-box.absolute { padding-top:0;}
	#full-screen-question.normal-view #editor-box.fixed header:before, #full-screen-question.normal-view #editor-box.absolute header:before {display:none;}
	#full-screen-question.normal-view header #compile_code { display:none;}
	#full-screen-question.normal-view .bottom-action #compile_code { display:block;}
	#full-screen-question.multi-question-view.normal-view #editor-box.fixed  header, #full-screen-question.multi-question-view.normal-view #editor-box.absolute header {width:100% !important;}
	#full-screen-question.multi-question-view.normal-view #editor-box.fixed  header:before, #full-screen-question.multi-question-view.normal-view #editor-box.absolute header:before { display:none;}
	
	/*--- Custom Selectbox  --- */
	.custom-selectbox .custom-menu { top:0; z-index:10;}
	
	/*--- Capche --- */
	#signup-form #rc-imageselect, #signup-form .g-recaptcha {transform:scale(0.70);-webkit-transform:scale(0.70);transform-origin:0 0;-webkit-transform-origin:0 0;}
	
	/*--- Related Stories --- */
	#related-stories .engage-box1 { margin-bottom:8px;}
	
	/*--- Bottom Action --- */
	.bottom-action #compile_code { display:inline-block !important;}
	#editor-box .bottom-action #compile_code { margin-top:0;}
	
	/*--- Sociable Signup Popup --- */
    #sociable-signup-popup .modal-dialog { width:300px; }
    .social-login-open div.token-input-dropdown-facebook { width:196px; }

    /*--- Profile Details  --- */
    #profile-details .box-default1 .content-wrapper { padding:16px;}
    #profile-details dl.description-list dd{ margin-bottom:16px;} 
    #profile-details dl.description-list dt, #profile-details dl.description-list dd { width:100%; float:none; margin-right:0;}
    #profile-details .profile-edit input[type="text"] { max-width:100%;}
    
	/*--- Message --- */
    .common-message-box { width:320px; margin-left:-160px;}
	
	/*--- Breadcrumbs --- */
	#breadcrumbs p small span { display:none;}
	.left-panel #breadcrumbs { padding-left:0; padding-right:0;}
	
	/*--- Search Filter ---*/
	#search-filter form > ul > li { display:block; border:0; width:100%; margin-bottom:12px;}
	#search-filter form > ul > li:last-child { margin-bottom:0;}
	#search-filter #search-form .inner, #search-filter .custom-selectbox .btn, #search-filter form > ul > li .btn { border-radius:3px;}
	#search-filter form > ul > li input[type="text"], #search-filter form > ul > li .select select, #search-filter form > ul > li .select, #search-filter form > ul > li .btn, #search-filter #search-form .inner { height:40px;}
	#search-filter form > ul > li input[type="text"], #search-filter #search-form input[type="text"] { padding:6px 12px;  border-radius:3px; width:100%; }
	#search-filter .custom-selectbox .btn { padding-left:12px; height:40px;}
	#search-filter #search-form .search-icon { top:4px;}
	#search-filter .experience-field { width:100%;}
	#search-filter .custom-selectbox .btn:after { top:-4px; right:14px;}
	#search-filter .custom-selectbox .custom-menu { top:38px;}
	#search-filter.small-view .date-posted-field, #search-filter.small-view .experience-field { width:49%; float:left;}
	#search-filter.small-view .date-posted-field { float:right;}
	#search-filter.small-view .submit-field { clear:both;}
	#search-filter #search-form-content { top:40px;}
	#search-filter.small-view .custom-selectbox .custom-menu, #search-filter.small-view #search-form-content { top:38px;}
	
	#search-filter .search-form-wrap { padding-bottom:0;}
	#search-filter .search-form-wrap.fixed { height:auto; padding-left:6px; padding-right:6px; padding-bottom:0;}
	#search-filter .search-form-wrap.fixed form > ul > li.mobile-hide { display:none;}
	#search-filter .search-form-wrap.fixed #search-form input[type="text"] { padding-right:24px;}
	#search-filter.small-view .experience-field { width:100%;}
	#search-filter.small-view .date-posted-field.one-line, #search-filter.small-view .experience-field.one-line { width:48%;}
	#search-filter.small-view .search-form-wrap .submit-field { margin-bottom:12px;}
	
	#search-filter .search-form-wrap.fixed #search-form .search-close { width:8px; right:8px; right:10px; top:16px; position:absolute; z-index:1;}
	#search-filter .search-form-wrap.fixed #search-form .search-close .close-icon { background:url(images/tg_images_new/sprites.svg) -52px -300px no-repeat; width:8px; height:8px; display:block;}
	#search-filter #search-form.active .inner { border-radius:3px 3px 0 0;}
	
	/*--- Job Box Large ---*/
	.job-box-lg .job-header, .job-box-lg .job-content, .job-box-lg.job-alert .job-content, .job-box-lg.job-alert .job-header { height:auto;}
	.job-box-lg .job-footer .metadata { font-size:12px;}
	
	/*--- Job Box Small ---*/
	.job-box-sml h5 { font-size:12px;}
	.job-box-sml .logo-holder img { max-width:84px;}
	
	/*--- Post Job Form ---*/
	#post-job-form .form1 ul li.multiple-fields .form-group { display:inline-block;}
	#post-job-form .form1 .form-action-btns .btn { min-width:100px; margin-left:8px;}
	#post-job-form .form1 .form-action-btns .save-form-btn { min-width:130px;}
	#post-job-form .step-tabs { margin-bottom:0;}
	
	/*--- Form Page ---*/
	.form-page #content .left-panel:after { display:none;}
	.form-tooltip:before { width:16px; height:10px; content:""; display:block; left:50%; margin-left:-8px; top:14px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;}
	.form-tooltip { background:none; right:auto; top:auto; width:100%; padding:24px 10px 0; position:relative;}
	.form-tooltip .form-tooltip-inner { background:#fff; padding:16px; border-radius:3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);}
	.form-tooltip .tooltip-close { width:16px; height:16px; position:absolute; top:28px; right:12px; display:inline-block; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-49px -296px;}
	
	/*--  Edit Profile PopUp --*/
	#edit-profile-popup .btn-block { margin-bottom:16px;}
	
	/*-- Step Tabs --*/
	.step-tabs .nav-tabs > li { display:table; height:46px;}
	.step-tabs .nav-tabs > li > a {min-height:46px; display:table-cell; vertical-align:middle;}
	.step-tabs .nav-tabs > li > a:before { top:5px;}
	.step-tabs .nav-tabs > li > a:after { top:6px;}
	
	/*--- Section Box Full ---*/
	.section-box-full .user-controls { float:none; margin-top:16px;}
	.section-box-full .user-controls .button1, .section-box-full .user-controls .common-dropdown { margin-left:0; margin-right:16px;}
	.section-box-full footer .my-status-block > span { margin-bottom:8px;}
	.section-box-full footer .my-status-block .skills-parent { width:62%;}
	
	/*--- Mobile Dropdown View ---*/
	.mobile-dropdown-view ul { background:#fff;}
	
	/*--- Create Alert Btn ---*/
	.create-alert-btn, .right-action-btn { min-width:130px;}
	.right-action-btn { margin-top:32px;}
	
	/*--- Sort By Right ---*/
	.sort-by-right.no-float { float:left;}
	.sort-by-right.no-float label { float:none; margin-bottom:0;}
	
	/*--- Job Preview --- */
	#job-preview { width:100%; padding:16px 0 16px 16px;}
	#job-preview .close-preview-btn { margin-right:16px;}
	
	/*--- Profile Update Form --- */
	#profile-update-form ul.left-extra-space { padding-left:0;}
	.profile-updation-popup .review-profile-btn { float:none;}
	
	/*--- Job Main Info --- */
	.job-main-info .details .button1 { min-width:176px;}
	
	/*----- User Info ----*/
	#user-info { padding-top:24px; }
	#user-info h2 { font-size:18px; line-height:22px; }
	#user-info .profile-user-pic img { width:48px; height:48px;}
	#user-info .profile-user-pic .update-pic { width:48px; height:48px;}
	#user-info .details { margin-left:56px; }
	#user-info .share-icon { margin-top:-4px;}

	#user-info .user-actions-area .button2 { margin-left:3px; }
	#user-info .user-actions-area { margin-left:56px; }

	/*----- Sill Analysis ----*/
	#skill-analysis { border:none; }
	#skill-analysis .nav-tabs.main-profile-nav { background:#fff;}
	#skill-analysis .analysis-section { padding:8px 0px 8px 0px; border:none; }
	#skill-analysis .analysis-section .table1-wrap { margin-bottom:16px; }
	#skill-analysis p:last-child { margin-bottom:16px;}
	#skill-analysis .analysis-section .action-lnk  { display:block; }
	#skill-analysis .analysis-section h4 { margin-bottom:8px; }
	#skill-analysis .nav-tabs .dropdown-menu { display:block !important; border:0 !important; box-shadow:none; position:relative; top:auto !important; margin:0; max-height:none;}
	#skill-analysis .nav-tabs li.more-links .down-arrow { display:none;}
	#more-sub-links { display:none;}
	
	/*----- User Profile Details ----*/
	#user-profile-details h3 { margin-bottom:8px; }
	#user-profile-details > .mobile-dropdown-view { margin:0px 16px; }

	/*----- Slider Group ----*/
	#slider-group .tabs2 .nav-tabs.pull-right > li, .tabs2 > .nav-tabs > li { width:104px; }

	.profile-page .left-panel > .box-default1 { margin:-24px -16px 0px -16px; border-radius:0px; box-shadow:none; }

	/*----- Profile About Section ----*/
	.profile-about-section dl.description-list dt { float:none; margin-right:0px; margin-bottom:4px; }
	.profile-about-section dl.description-list dd { margin-left:0px; margin-bottom:12px; }
	.profile-about-section h4 { margin-bottom:8px; }
	.profile-about-section .add-link { padding-top:0px; }
	.profile-about-section .mark-divition .form-inline .form-group { float:left; }
	.profile-about-section .profile-edit-mode .action-controls.share-control { margin-top:-58px; }
	.profile-edit-mode .non-connected-profile .popover { width:256px;}

	/*----- Slider ----*/
	.slider .previous-btn { left:4px; }
	.slider .next-btn { right:4px; }

	.profile-edit-mode .btn { margin-right:6px; min-width:105px; }
	.profile-edit-mode .btn:last-child { margin-right:0px; }

	#add-skills-form { width:100%; }
	#add-skills-form input[type="text"] { width:164px; }
	#add-skills-form input[type="button"] { min-width:60px; width:auto; }
	.other-performance.form1 li { margin-bottom:16px; }

	.profile-edit-mode.form1 ul li > label { width:100%; float:none; }
	.profile-edit-mode.form1 ul li .inner { width:100%; margin-left:0px; padding-left:0px; }
	.profile-edit-mode.form1 ul li .inner .form-inline .cse-input { margin-right:16px; }
	.profile-edit-mode.form1 ul li .inner.date-field .select { width:64px; margin-right:4px; }
	.profile-edit-mode.form1 ul li .inner.date-field .select:last-child { width:88px; }

	.profile-about-section h4 { padding-right:70px;}
	.profile-about-section .delete-btn { right:-7px; }
	.profile-about-section .action-controls { position:relative; margin-top:-32px;}

	/*--- Widget - Profilerhs  --- */
	.widget.profile-widget .widget-heading .select.inline { display:block; margin-left:0; width:156px; margin-top:8px;}
	
	/*--- Form Page ---*/
	.form-page div.token-input-dropdown-facebook, .form-page .ui-autocomplete.ui-widget { width:288px;}
	
	/*--- No Content Found --- */
	.no-content-found { width:288px; height:288px;}
	.no-content-found .wrapper { height:288px;}
	
	/*--- Job List --- */
	#job_list { margin-bottom:0;}
	
	/*--- Newsletter Form1 --- */
	#newsletter-form1 input[type="text"] { width:64%;}
	
	/*-- News Slideshow --*/
	#news-slideshow .slides { height:324px;}
	
	/*--- Top Block --- */
	.top-block { background:#fff; border-radius:6px; border:1px solid #dadada; padding:16px;}
	.top-block.top-candidate:after { display:none;}
	.top-block footer .action-lnk { float:none; display:inline-block;}
	.top-block footer { padding-left:79px;}
	.top-block.top-candidate { padding:12px 16px; margin:0; margin-bottom:16px;}
	.top-block dl.description-list dd { margin-left:0;}
	.top-block .badges-list { margin-top:16px;}
	
	/*--- Gray Box --- */
	.gray-box { background:none; box-shadow:none; border-radius:0; padding:0;}
	.gray-box .see-more-lnk { margin-bottom:24px;}

	/*--- My Skills Report --- */
	#my-skills-report { background:none; box-shadow:none; border-radius:0;}
	#my-skills-report .tab-content { padding:16px 0 0;}
	
	/*--- Problem Box --- */
	.problem-box { margin-bottom:24px;}
	
	/*--- Performance in Coding --- */
	.performance-in-coding{ box-shadow:none; background: #fff; border-radius: 6px;  padding:12px 16px 16px;}
	.performance-in-coding .middle-content { clear:both; padding:32px 10px; height:260px;}
	.performance-in-coding .tips { top:36px; right:11px;}
	
	/*--- Landing Sections  --- */
	.landing-sections h2 { font-size:24px; }
	.landing-sections .inner-wrap { float:none; width:100%;}

	/*--- Detailed Info Box  --- */
	.detailed-info-box .details .block { display:block; margin:0px; margin-bottom:8px; }

	/*--- Annual Events  --- */
	#annual-events .detailed-info-box { margin-bottom:16px; }
	#annual-events .main-event { padding:16px; }
	#annual-events .main-event.detailed-info-box { margin-bottom:0px; }

	/*--- Skill Quotient  --- */
	#skill-quotient { padding:40px 0px 32px 0px; }
	#skill-quotient .fade-slider { margin-top:50px; }

	/*--- Compete Achieve  --- */
	#compete-achieve { background-image:none; }
	#compete-achieve .col-sm-6.text-right { text-align:center; }
	#compete-achieve .computer-image { margin-right:0px; margin-top:20px;  }
	#annual-events .detailed-info-box .content p { height:auto; }

	/*--- Practice Level Up  --- */
	#practice-level-up .col-sm-7 { margin-bottom:40px; }
	#practice-level-up h2,#compete-achieve h2 { margin-top:0px; }
	#practice-level-up .inner-wrap { padding-top:20px; }

	/*--- Live Event Promo  --- */
	.live-event-promo .event-details { padding:16px 0px; border-bottom:1px solid #dadada; height:auto; margin:0px 10px; }
	.live-event-promo { background:#fff; }
	.live-event-promo .event-sponsors { height:auto;background:#fff; padding:8px 10px; }

	/*--- Tg Landing Banner  --- */
	#tg-landing-banner { padding:75px 0 24px 0; } 
	#tg-landing-banner .register-area { display:none; }
	#tg-landing-banner h2 { font-size:32px;}
	#tg-landing-banner .info-list li,#tg-landing-banner p { font-size:14px; }
	#tg-landing-banner .info-list { margin-bottom:16px;}

	/*--- Users Word  --- */
	#users-word .slides  { padding:0 16px 0 0; }
	#users-word .slides .inner-slide { padding-bottom:8px;}
	#users-word blockquote p { height:auto; margin-bottom:24px; }
	#users-word .controls { display:block; }
	#users-word .slides .previous-btn, #users-word  .slides .next-btn { top:auto; bottom:-25px; }
	#users-word .slides .previous-btn { left:65px; }
	#users-word .slides .next-btn { right:65px; }
	#users-word .box-default { margin-bottom:24px; }

	/*--- Trending Hackathons Challenges --- */
	#trending-hackathons-challenges .detailed-info-box { margin-bottom:20px; }
	
	/*--- Slider --- */
	.fade-slider { width:275px; }
	.fade-slider .caroufredsel_wrapper { width:275px !important; }
	.fade-slider ul li { min-width:275px; }


	.landing-sections .stats li small { font-size:14px; }
	.landing-page .slider .previous-btn { margin-left:-10px; }
	.landing-page .slider .next-btn { margin-right:-10px; }
	body.landing-page #global-search-form.active { width:260px; background-color:rgba(255,255,255,1); }
	
	.top-block.top-company dl.description-list dt { width:150px;}
	

    
}

@media (max-width:639px) {
    /*--- Detailed Description  --- */
    .detailed-description .engage-box1 { float:none !important; max-width:none; margin:0 0 16px !important;}
    
    /*--- News Widget  --- */
    .news-widget1,.news-widget2 { width:100%; }
    
    /*--- Result Qualified Popup --- */
    #result-qualified-popup .modal-dialog { width:300px; }
    #result-qualified-popup .modal-dialog .button2 { margin-bottom:8px; }
}

@-moz-document url-prefix() {
    .mac #post-job-form  .btn-file .button2, .mac .profile-updation-popup .btn-file .button2 { min-width:87px;}
}

/* Detect Mac Firefox 25 or newer */
@supports (-moz-osx-font-smoothing:auto) {
	#post-job-form  .btn-file .button2, .profile-updation-popup .btn-file .button2 { min-width:87px;}
}

/*--- CSS For Code Editor  --- */
.CodeMirror{font-family:'Fira Mono',monospace;height:300px}.CodeMirror-scroll{overflow:auto}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror div.CodeMirror-cursor{border-left:1px solid #000}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor{width:auto;border:0;background:#7e7}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}@-moz-keyframes blink{0%{background:#7e7}50%{background:none}100%{background:#7e7}}@-webkit-keyframes blink{0%{background:#7e7}50%{background:none}100%{background:#7e7}}@keyframes blink{0%{background:#7e7}50%{background:none}100%{background:#7e7}}.cm-tab{display:inline-block}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{line-height:1;position:relative;overflow:hidden;background:#fff;color:#000}.CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:none;position:relative;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-sizer{position:relative;border-right:30px solid transparent;-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll;max-width:100%}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutter-wrapper{position:absolute!important;left:-32px!important;top:0;z-index:10!important}.CodeMirror-gutters{position:absolute;left:0!important;top:0;padding-bottom:30px;z-index:3}.CodeMirror-gutter{white-space:normal;width:45px !important;height:100%;-moz-box-sizing:content-box;box-sizing:content-box;padding-bottom:30px;margin-bottom:-32px;display:inline-block;*zoom:1;*display:inline}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4; left:-15px !important;}.CodeMirror-lines{cursor:text}.CodeMirror-code{height:100%!important}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-measure pre{position:static}.CodeMirror div.CodeMirror-cursor{position:absolute;border-right:none;width:0}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:1}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.CodeMirror span{*vertical-align:text-bottom}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}#navcontainer li a.active{background:#369;color:#fff}