/*fonts*/
@font-face{
	font-family: 'Proxima Nova';
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-LightWeb.eot');
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-LightWeb.eot?#iefix') format('embedded-opentype'),
	url('/js.ln/fonts/web/proxima_nova/ProximaNova-LightWeb.woff') format('woff');
	font-weight: 100;
}
@font-face{
	font-family: 'Proxima Nova';
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-RegWeb.eot');
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-RegWeb.eot?#iefix') format('embedded-opentype'),
	url('/js.ln/fonts/web/proxima_nova/ProximaNova-RegWeb.woff') format('woff');
	font-weight: normal;
}
@font-face{
	font-family: 'Proxima Nova';
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-SboldWeb.eot');
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-SboldWeb.eot?#iefix') format('embedded-opentype'),
	url('/js.ln/fonts/web/proxima_nova/ProximaNova-SboldWeb.woff') format('woff');
	font-weight: 500;
}
@font-face{
	font-family: 'Proxima Nova';
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-BoldWeb.eot');
	src: 	url('/js.ln/fonts/web/proxima_nova/ProximaNova-BoldWeb.eot?#iefix') format('embedded-opentype'),
	url('/js.ln/fonts/web/proxima_nova/ProximaNova-BoldWeb.woff') format('woff');
	font-weight: bold;
}

html, body {
    padding: 0;
    margin: 0;
    background: #f2f3f5;
}
body {
	display:block;
	min-width:700px;
	/*overflow-y:scroll;*/ /* scroll disabled due to jquery-ui/chrome bug */
	/*---see: http://blog.ricky-stevens.com/jquery-sortable-offset-bug/ */
}

h1,h2,h3,h4,h5 { font-family:Roboto,sans-serif; }
a { text-decoration:none; }
a:hover,
a:focus{ text-decoration:none; }
:focus {outline:0 !important;}
strong,b,.strong,.text-bold { font-weight:bold; }
/* firefox feels focus on select elements isn't part of css spec */
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
.text-semibold { font-weight:500; }
.text-light { font-weight:100; }

.page-width { max-width:980px; margin:0 auto; padding: 0 20px; }

#header { background-color:#333333;/*283b46*/ height:50px; }
#header .page-width {  }
#header-left {
    float: left;
}
#header-right {
    float: right;
}
#header-right > .divider { float:left; display:inline-block; width:1px; padding:10px 0; margin:0; }
#header-right > .divider .divider-inner { height:30px; background-color:#555555;/*465b66*/ }

#logo {
    float: left;
    font-size: 20px;
    padding: 10px;
    line-height: 30px;
    height: 50px;
    font-family: 'Roboto Slab', serif;
}

#logo:hover {
    background: #444444;
}
#logo a { color:white; }
#logo a:hover,
#logo a:focus { color:white; text-decoration:none; }
.app-logo { float:left; font-size:20px; line-height:30px; height:30px; font-family: 'Roboto Slab', serif; }
.app-logo img { float:left; margin-top:3px; margin-right:10px; }
.app-logo .f { color: white; }
.app-logo .e { color:#43AED8; }



#app-nav { float:left; line-height:50px; margin-right:10px; }
#app-nav a { float: left; height:100%; border:0; margin: 0; white-space:nowrap; }
#app-nav a.nav-link { color:#ffffff; padding:0 20px; word-spacing: -1px; }
#app-nav a.nav-link { border-left:1px solid #444444;/*1D2B33*/ }
#app-nav a.nav-link:hover { color:#eeeeee; background:#444444; /*1D2B33*/ }
#app-nav a.nav-link .glyphicons { line-height:inherit; top:-1px; font-size:12px; }
#app-nav a.new-survey-link {
	padding: 0 20px;
	line-height:inherit;
}
#app-nav a.new-survey-link:hover { color:#eeeeee; }

#account-nav { float:left; position:relative; height:50px; vertical-align:middle; margin-left:10px; }
#account-nav { height:50px; vertical-align:middle; }
#account-nav > a { display:table-cell; height:50px; vertical-align:middle; }
#account-nav > a > * { vertical-align:middle; }
#account-nav .dropdown-menu { right:0; left:initial; min-width:300px; margin: 0; }

#account-nav-link .thumb {
	display:inline-block;
	border-radius:16px; -webkit-border-radius: 16px; -moz-border-radius: 16px;
	width:32px; height:32px; background-size: cover; background-repeat:no-repeat; background-position: center;
}

#account-nav-link {
	margin-left:10px;
	padding:0 10px;
	-webkit-transition: background 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:         background 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#account-nav > a:hover,
#account-nav.open > a { background:#444444; /*1D2B33*/ }

#profile-cell { padding:20px; }
#profile-cell > div { padding: 0 0 0 100px; }
#profile-cell .profile-thumbnail {
	float:left; margin-left:-100px;
	display:inline-block;
	width:80px; height:80px; background-size: cover; background-repeat:no-repeat; background-position: center;
}
	
#profile-cell .profile-name {
	font-weight:bold; font-size:16px; line-height:20px; white-space:nowrap;
}
#profile-cell .profile-email {
	color:#999; margin-bottom:10px; line-height:20px; white-space:nowrap;
}



/*box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);*/
#content-nav-wrap { padding:0; margin-bottom:10px; }
#content-nav {background-color:#ffffff; box-shadow:0 1px 2px 0 rgba(40,60,70,0.1);  }

#content-nav .breadcrumb-box {
    
}

#survey-admin-name-wrap { float:right; padding:20px 20px 10px 50px; }
#survey-admin-name-wrap .top-previous-page { float:left; margin-left:-30px; font-size:22px; color:#eee; line-height:50px; }
#survey-admin-name-wrap .top-previous-page .glyphicons { top:4px; }

#survey-admin-name-wrap .top-icon { float:left; width:40px; height:40px; margin-left:-50px; background-color:#5CB85C; text-align:center; border-radius:3px; -webkit-border-radius:3px; }
#survey-admin-name-wrap.survey-closed .top-icon { background-color:#777777; }
#survey-admin-name-wrap .top-icon .glyphicons { font-size:22px; line-height:30px; color:white; }
#survey-admin-name-wrap .top-title-wrap { float:left; position:relative; }
#survey-admin-name-wrap .top-title { font-size:18px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 320px; }
#survey-admin-name-wrap .top-title:hover {  }
#survey-admin-name-wrap .top-title .top-status-icon {
	display:inline-block; width:20px; height:20px; background-color:#5CB85C; vertical-align:bottom;
	border-radius:3px; -webkit-border-radius:3px;
}

#survey-admin-name-wrap .top-title a,
#survey-admin-name-wrap .top-title a:visited,
#survey-admin-name-wrap .top-title a:focus { color:#53A653; }
#survey-admin-name-wrap .top-title a:hover { color:#319561; }
#survey-admin-name-wrap.survey-closed .top-title a,
#survey-admin-name-wrap.survey-closed .top-title a:visited,
#survey-admin-name-wrap.survey-closed .top-title a:focus { color:#676767; }
#survey-admin-name-wrap.survey-closed .top-title a:hover { color:#333333; }
#survey-admin-name-wrap .top-meta { height:20px; font-size:12px; line-height:20px; color:#999999; }

#survey-admin-name-wrap .top-icon,
#survey-admin-name-wrap .top-icon a {
	-webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:         all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media (max-width: 980px) {
    #survey-admin-name-wrap {
        float: none;
        clear: both;
        padding:20px 20px 10px 70px;
    }
}

#survey-menu-wrap { float:left; padding:10px 15px; }
#survey-menu { margin:0; padding:0; list-style: none; }
#survey-menu > li { list-style: none; float:left; position:relative; display:block; }
#survey-menu li.survey-admin-menu-item + li { margin-left: 20px; }
#survey-menu > li > a {
	position:relative; display:block; color:#6B7276; text-align:center; padding:0 3px;
}
#survey-menu > li > a .glyphicons {
	-webkit-transition: color 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:         color 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#survey-menu > li.active > a,
#survey-menu > li:hover > a .glyphicons { color:#43AED8; }

#survey-menu > li > a > .menu-icon { display:block; font-size:22px; line-height:34px; }
#survey-menu > li > a > .link-text { display:block; text-align:center; font-size:12px; line-height:26px; }
#survey-menu > li > a > .link-text .down-icon {
	line-height: 26px;
	font-size: 75%;
	vertical-align: baseline;
}

#survey-menu .submenu-wrap {
	display:none;
	position:absolute; z-index:1060; left:0; min-height:5px; width:100%;
	-webkit-transition: all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:         all 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#survey-menu .submenu {
	margin:0; padding:0; list-style: none;
	position:absolute; xleft:-10px; top:1px; z-index:999; min-width:120px;
	border: 1px solid rgba(40,60,70,0.2);
	background:#fff; xborder:1px solid black; box-shadow:0 1px 3px 0 rgba(40,60,70,0.1);
}
#survey-menu .submenu > li { margin:5px 0; padding:0; list-style: none; white-space:nowrap; }
#survey-menu .submenu > li > a { padding:5px 15px; color:#6B7276; xcolor:#304855; font-size:12px; display:block; }
#survey-menu .submenu > li:hover > a { color:#43AED8; }

#survey-menu .submenu > li > a > .glyphicons { margin-right:10px; font-size:13px; }
#survey-menu .submenu > li > a > .link-text {  }


#survey-menu > li:hover .submenu-wrap { display:block; }


#survey-menu .submenu-wrap > .arrow,
#survey-menu .submenu-wrap > .arrow:after {
	position: absolute;
	z-index: 2060;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
#survey-menu .submenu-wrap > .arrow {
	
}
#survey-menu .submenu-wrap > .arrow:after {
}
#survey-menu .submenu-wrap > .arrow {
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
	border-top-width: 0;
	border-bottom-color: #999999;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	top: -6px;
}
#survey-menu .submenu-wrap > .arrow:after {
	border-width: 7px;
	content: "";
	top: 1px;
	margin-left: -7px;
	border-top-width: 0;
	border-bottom-color: #ffffff;
}

#sl-new-survey-modal .modal-dialog { margin:100px auto 30px auto; }





#wrapper .page-width {
    padding: 0 20px;
}

#wrapper #content {
    position: relative;
}

#wrapper #content.has-right-column {
    padding-right: 300px;
}

#wrapper #content > aside.right-column {
    position: absolute;
    top: 0;
    right: 0;
    width: 275px;
}

#wrapper-header {
    
}

#wrapper-footer {
    margin-bottom: 300px;
}




.content-box,
.transparent-box {
	margin-bottom:20px;
}
.content-box:last-child,
.transparent-box:last-child {
	margin-bottom:0;
}

.content-box {
	background:#ffffff; box-shadow:0 1px 2px 0 rgba(40,60,70,0.1);
	/*border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;*/
}

.content-box-title { border-bottom: 1px solid #e8ecef; height:40px;
	position:relative; }
.content-box-title {
	/*border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;*/
}
.content-box-title .inner { padding:0; color:#4F78A1; }
.content-box-body { padding:20px; font-size:14px; }

.right-column .content-box-body { padding:20px; }
.content-box-body section { margin-bottom:20px; }
.content-box-body section.app-section-buttons { margin-top:30px; margin-bottom:0; text-align:right; }
.content-box-body .content-box-heading { margin-bottom:20px; font-size:22px; font-family: Roboto, sans-serif; }
.content-box .instruction { color: #999999; }

/*.content-box a,
.content-box a:active,
.content-box a:visited { color:#4F78A1; xcolor:#50a6cc; }
.content-box a:hover { color:#6091C3; xcolor:#4f778f; }*/

.content-box .question-preview-text { font-size:14px; }


.content-box.content-box-narrow { }
.content-box.content-box-narrow .content-box-body { padding:10px; }





.survey-list-section { margin-bottom:10px; }
.survey-list-section .section-top { padding:10px 20px; border-bottom:1px solid #F4F4F4; }

x.survey-list-section .top-icon { float:left; margin-left:-70px; width:50px; height:50px; padding:15px; background-color:#666666; border-radius:3px; text-align:center; }
x.survey-list-section .top-icon .glyphicons { font-size:18px; color:white; }
.survey-list-section .top-title-wrap { float:left; width:100%; }
.survey-list-section .top-title { xheight:30px; font-size:20px; font-weight:500; line-height:1.6667; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.survey-list-section .top-title a { color:#676767; }
.survey-list-section .top-title a:hover { color:#333333; }
.survey-list-section .top-meta,
.survey-list-section .top-meta a,
.survey-list-section .top-meta a:visited { height:20px; line-height:1; color:#999999; }
.survey-list-section .top-meta a:hover { color:#666666; }
.survey-list-section .top-meta .glyphicons { font-size:80%; }
.survey-list-section .top-meta > span { margin-right:5px; }

.survey-list-section.survey-active .top-icon { background-color:#5cb85c; }
.survey-list-section.survey-active .top-title a { color:#53A653; }
.survey-list-section.survey-active .top-title a:hover { color:#319561; }
.survey-list-section.survey-closed .top-icon { background-color:#777; } /*D84747*/
.survey-list-section.survey-closed .top-title a { color:#676767; }
.survey-list-section.survey-closed .top-title a:hover { color:#333333; }

.survey-list-section .section-middle { padding:10px 20px; }
.survey-list-section .section-middle .middle-meta { margin:5px 0; }

.survey-list-section .section-bottom {
	padding:10px 15px; background-color:#fafbfc;
	border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;
}
.survey-list-section .section-bottom-left { float:left;}
.survey-list-section .section-bottom-right { float:right; }

.survey-list-section .section-bottom-left a { margin-right:12px; }
.survey-list-section .section-bottom-right a { margin-left:12px; }

.survey-list-section .section-bottom a { text-align:center; padding:0; width:24px; height:24px; font-size:20px; color:#d1deeb; cursor:pointer; line-height: normal; float:left;}
.survey-list-section .section-bottom a.survey-quick-link { }
.survey-list-section .section-bottom a.survey-quick-link:hover { color:#a9b4bf; }
.survey-list-section .section-bottom a .glyphicons {}
.survey-list-section .section-bottom a .glyphicons-bin {font-size:18px; top:2px;}
.survey-list-section .section-bottom a .glyphicons-eye-open { top:2px; }
.survey-list-section .section-bottom a:hover .glyphicons {}

.survey-list-section .icon-circle { border-radius: 50%; width: 18px; height: 18px; top: 3px; opacity:0.7; }
.survey-list-section .icon-circle-active {background-color:#5cb85c}
.survey-list-section .icon-circle-closed {background-color:#777}
.survey-list-section .section-bottom a:hover .icon-circle { opacity: 1; }

.survey-metabadge-wrap { xfloat:right; }
.survey-metabadge-wrap .metabadge { xbackground:#f4f7f8; color:black; display:inline-block; xfloat:left; padding:3px 2px; margin-right:10px; }
.survey-metabadge-wrap .metabadge .metavalue { font-size:24px; line-height:24px; xfont-weight:100; color:#666; }
.survey-metabadge-wrap .metabadge .metalabel { line-height:10px; font-size:13px; color: #999; }

.survey-list-section.embed .section-top.embed { padding-left: 20px; }
.survey-list-section.embed .top-title-wrap { padding-right: 60px; }
.survey-list-section.embed .arrow-right { float: right; width: 0; height: 0; margin-top: -50px; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 50px solid #5cb85c; }
.survey-list-section.embed .arrow-right:hover { border-left: 50px solid #319561; }

select#fe-team-filter { max-width: 185px; }







#sl-request-transition-wrap {
	position:fixed; bottom:-100px; left:49%; opacity:0; width:80px; height:50px; background:#283b46; border-radius: 6px;
    z-index: 99999;
	-webkit-transition: opacity 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition:         opacity 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#sl-request-transition-wrap.visible {
	opacity: 1;
}
#sl-request-transition-wrap.relocate {
	bottom: 20px;
}
#sl-request-save-spinner { position:absolute; top:10px; left:24px; width:100%; }
#sl-request-save-complete-checkmark { display:none; position:absolute; width:100%; top:12px; left:0; color:#fff; text-align:center; }
#sl-request-save-complete-checkmark .glyphicons { font-size:24px; }














html.fe-fullscreen,
html.fe-fullscreen body {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/*========================================*/
/* promo modal base css */
/*========================================*/

.promo-base {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: white;
}
.promo-layout {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.promo-row {
    display: table-row;
}
.promo-cell {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    height: 100%;
}

.promo-cell.left {
    position: relative;
    padding: 70px 30px;
    text-align: center;

    color: #ffffff;
    background: #556270;
}
.promo-cell.left .promo-blurb-wrap {
    max-width: 560px;
    margin: 0 auto;
}
.promo-cell.left .promo-icon {
    color: #FF6B6B;
}
.promo-cell.left h1 {
    font-size: 40px;
    margin: 20px 0;
    font-weight: 600;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.promo-cell.left p {
    font-size: 24px;
    font-weight: 100;
    text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.promo-cell.left .promo-buttons {
    margin-top: 30px;
}
.promo-cell.left .promo-buttons > span {
    padding:0 15px;
}
.promo-preview-frame {
    float: left;
    width: 100%;
    height: 100%;
    border: 0;
    position: relative;
    z-index: 99999;
}
.promo-exit {
    position: absolute;
    top: 25px;
    right: 30px;
}
.promo-exit .btn { padding: 0; }


.promo-base .pro-symbol {
    display: inline-block;
    font-size: 24px;
    transform: rotateZ(330deg) translateY(-5px) translateX(10px);
    border-top: 1px solid #4ECDC4;
    border-bottom: 1px solid #4ECDC4;
    color: #4ECDC4;
}
.promo-base .promo-cell.left h1 .pro-symbol {
    margin-right: -24px;
}

.promo-base .pro-symbol-narrow {
    display: none;
    margin: 30px 0 10px 0;
}

.promo-pro-symbol-inline {
    margin: 0 3px;
}
.promo-enabled:hover .promo-pro-symbol-inline {
    color: #666;
    background-color: white;
}

.btn.promo-link-btn {
    color: #fff;
    background: transparent;
}
.btn.promo-link-btn:active,
.btn.promo-link-btn:hover {
    color: #eee;
}

.btn.promo-action-btn {
    color: #000;
    background: #4ECDC4;
    border: 1px solid #46B9B0;
    text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.btn.promo-action-btn:active,
.btn.promo-action-btn:hover {
    color: #000;
    background: #46B9B0;
    border: 1px solid #3FA79E;
}

.btn.promo-learn-btn {
    color: #4ECDC4;
    background: transparent;
    border: 1px solid #4ECDC4;
    text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.btn.promo-learn-btn:active,
.btn.promo-learn-btn:hover {
    color: #46B9B0;
    background: transparent;
    border: 1px solid #46B9B0;
}



@media (max-width: 980px) {

    .promo-base .promo-cell.left h1 .pro-symbol {
        display: none;
    }

    .promo-base .pro-symbol-narrow {
        display: block;
        text-align: center;
    }
    
    .promo-buttons {
        text-align: center;
    }
    .promo-buttons > * {
        display: block;
    }
    .promo-buttons .btn {
        margin: 10px auto;
    }
}












/*========================================*/
/* social buttons*/
/*========================================*/

.facebook-login-btn.btn-primary { background-color: #4267B2; }
.google-login-btn.btn-danger { background-color: #c9302c; }

/*========================================*/
/*glyphicons customization*/
/*========================================*/

.glyphicons { font-size:inherit; }
.btn .glyphicons { vertical-align:baseline; }


/*========================================*/
/*bootstrap customization*/
/*========================================*/

/*modal*/
.modal { xpadding-top:70px; }
.modal h4.modal-title { font-size:20px; }
.modal .modal-header { border-bottom:0; padding-bottom:5px; }
.modal .modal-footer { border-top:0; padding-top:5px; }
.modal-content { box-shadow: 0 0 6px rgba(0,0,0,0.2); }

/*popover*/
.popover .popover-content p:last-child { margin-bottom:0; }

.control-label-tip .glyphicons { top:2px; color:#BEC9D5; cursor:default; }

label.radio, label.checkbox { font-weight:normal; cursor:pointer; }

.form-control { box-shadow: none; transition:none; }
.form-control:focus {
	border-color: #4F78A1; transition:none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(83, 121, 148, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(83, 121, 148, 0.6);
}
.form-control:active { }
select.form-control option > span:after { content: "  "; }
textarea.form-control { min-height: 100px; resize: vertical; }

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox {
	padding-bottom:7px;
}

.sl-form .sl-rich-text .btn-toolbar { margin-bottom:10px; }
.sl-form .sl-rich-text textarea.form-control { min-height:70px; }

.sl-form-group { margin-bottom:15px; margin-left:180px; }
.sl-form-group .control-label { width:180px; float:left; margin-left:-180px; text-align: left; color: #7D848C; font-weight:normal; }
.sl-form-group input.form-control.inline { display:inline-block; }
.sl-form-group select.form-control { width:auto; display:inline-block; background-color:#ffffff; xpadding-right:7px; }
.sl-form-group select.form-control.full { width:100%; }
.sl-form-group select.form-control option { vertical-align:middle; }
.sl-form-group textarea.form-control { min-height:100px; resize: vertical; }

.sl-form-group-narrow { margin-bottom:10px; margin-left:120px; }
.sl-form-group-narrow .control-label { width:120px; float:left; margin-left:-120px; text-align: left; color: #7D848C; font-weight:normal; }

.sl-form-group.full { margin-left: 0; }
.sl-form-group.full .control-label { width:auto; float:none; margin-left:0; }

.sl-field-wrap > * { vertical-align:middle; }
.sl-field-wrap .btn .glyphicons { top:2px; margin-right:5px; }


.sl-form input[type="radio"], 
.sl-form input[type="checkbox"] { margin-top:3px; }

textarea.form-control.list-view { min-height:150px; }
textarea.form-control.rich-text { min-height:200px; }


/* i'm not sure if this is actually doing anything since adding the fancy selectbox stuff */
select.form-control {
	-webkit-appearance: none; /* To gain control over the appearance on WebKit */
	-moz-appearance: none; /* To gain control over the appearance on Gecko */
	/* To gain control over the appearance on Presto (Opera) and Trident (IE)
     Note that it also work on Gecko and has partial effects on WebKit */
	background:#ffffff;
}
select.form-control { padding: 6px 26px 6px 6px; }

/* firefox, webkit */
select[size].form-control,select[multiple].form-control,select[multiple][size].form-control{
	background-image:none;
	padding-right:3px
}
select.form-control,select[size="0"].form-control,select[size="1"].form-control{
	/*background-image:url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);*/
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADJJREFUKFNjAIL/uPB/IIUVgmSgGCyArhGEwQpxQXQDQJBozSCIzQAQJEozCMIN+M8AAP4ne4UHS6XlAAAAAElFTkSuQmCC);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:20px
}

/* ie10 */
select.form-control::-ms-expand{
	display:none;
}


.form-control.form-searchbox-left,
.form-control.form-searchbox-right {
	background-image: url(/admin/image/search-icon.png);
	background-repeat: no-repeat;
}
.form-control.form-searchbox-right {
	background-position: 10px center;
	padding-left: 34px;
}

label.fancy-select-box-look { margin:0; font-weight:normal; }


/*========================================*/
/* pagination */
/*========================================*/

.builder-pages { margin: 20px 0; text-align:center; padding:0 100px; }
.builder-pages .builder-next-page,
.builder-pages .builder-previous-page { display:inline-block; cursor:pointer; color:#acacac; }
.builder-pages .builder-next-page { float:right; margin-right:-100px; }
.builder-pages .builder-previous-page { float:left; margin-left:-100px; }
.builder-pages .builder-previous-page span,
.builder-pages .builder-next-page span { float:left; }
.builder-pages .builder-previous-page .text,
.builder-pages .builder-next-page .text { display:inline-block; margin:2px 5px 0 5px; font-size:18px; line-height:1.66666667; vertical-align:middle; }
.builder-pages .builder-previous-page .glyphicons,
.builder-pages .builder-next-page .glyphicons {  font-size:20px; line-height:1.5; }
.builder-pages .builder-current-page { opacity:0.5; font-weight:bold; display:inline-block; margin:2px 5px 0 5px; font-size:20px; line-height:1.66666667; vertical-align:middle; }



/* this is a hack because controlling select box appearance is mess in webkit */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.form-horizontal .control-label {
		letter-spacing:0;
	}
	::-webkit-validation-bubble-message{
		-webkit-box-shadow:none;
		box-shadow:none;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
		border:0;
		color:#fff;
		font:13px/17px "Lucida Grande",Arial,"Liberation Sans",FreeSans,sans-serif;
		overflow:hidden;
		padding:15px 15px 17px;
		text-shadow:#000 0 0 1px;
		min-height:16px
	}
	::-webkit-validation-bubble-arrow,::-webkit-validation-bubble-top-outer-arrow,::-webkit-validation-bubble-top-inner-arrow{
		-webkit-box-shadow:none;
		box-shadow:none;
		background:#666;
		border-color:#666
	}
}


div.rich-text-inline h1,
div.rich-text-inline h2,
div.rich-text-inline h3,
div.rich-text-inline h4,
div.rich-text-inline h5,
div.rich-text-inline h6 { margin-top:0; }
div.rich-text-inline > p:last-child { margin-bottom:0; }


.mb-0 { margin-bottom: 0; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mt-0 { margin-top: 0; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }













#content-top .nav { xmargin-left:20px; }
#content-top .nav > li { margin-right: 5px; }
#content-top .nav > li > a {
	padding:6px 12px; font-size:16px;
}
#content-top .nav > li > a:hover,
#content-top .nav > li > a:focus {
	background: none;
	text-decoration: none;
	color:#283b46;
}

#content-top .nav-pills a {
	color: #71777E;
}
#content-top .nav-pills > li.active > a, 
#content-top .nav-pills > li.active > a:hover, 
#content-top .nav-pills > li.active > a:focus {
	background: #fff;
	border-radius:0;
	box-shadow: 0 1px 2px 0 rgba(40, 60, 70, 0.1);
	color:#3CB878;
}



/*.fade.in { opacity:0.95; }*/
/*.tooltip.right .tooltip-arrow { border-right-color:#2E353C; }
.tooltip .tooltip-inner { max-width:240px; background-color:#2E353C; }*/



.btn-link:hover,
.btn-link:focus {
	text-decoration:none;
}

.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.sl-question-checkbox-changer { margin-top: 20px; margin-left: 34px; }
.sl-answers-option { margin-top: 15px; }


/* For survey Builder page reload*/
#reload-footer-bar {
    background-color: #333333;
    z-index: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
}

#reload-footer-content {
    height: 50px;
    color: #FFFFFF;
    line-height: 50px;
}

.footer-btn-reload {
    float:right;
    padding: 10px;
    line-height: 30px;
    height: 50px;
}

/* survey list page */
.invite-accept-decline-btn {
    position: relative;
    right: -5px;
    float: right;
    margin: -5px 0 0 3px;
}