@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

*{
	margin:0px;
	padding:0px;
}
html, body{
	height: 100%;
}
body{
	background: #F4F4F4;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	position: relative;
	min-width: 200px;
	display:table;
	width:100%;
}
input.form-control, select.form-control, ul{
	font-size: 12px;
}
#recommendation_message{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

#main_wrapper{
	margin-top:0px;
}
#navigation_wrapper{
	background:#F1F1F1;
}

#header_content #user_profile_block{
	padding:8px 0px;
}

#navigation_content{
	margin:0px auto;
	width:960px;
}

#content{
	min-height:350px;
}
#footer{
	color:#000;
	font-weight:bold;
	margin:5px auto 0px;
	padding:10px;
}
#left_content{
	margin-left:0px !important;
}

.content_container
{
	background:#EEEEEE;
	padding:10px;
}
#content, .container{
	width: calc( 100% - 100px);
	margin-left: 80px;
	z-index: 3;
	padding: 20px 25px;
	background-color: #f4f4f4;
}
#content.expanded, .container.expanded{
	width: calc( 100% - 220px);
	margin-left: 220px;
}
.noleftNav #content, .noleftNav .container{
		margin: 0 auto;
    min-height: 350px;
    padding: 15px 0px;
    width: 960px;
    box-shadow: none !important;
}
.main_container
{
	background:#fff;
	border: 2px solid #AAAAAA;
	padding:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

/* LOGO */
#logo a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
#search_bar
{
	margin-top:13px;
	margin-left:28px;
}
#search_bar .add-on
{
	height:23px;
	padding-top:0px !important;
	width:70px !important;
}
#upload_button .btn
{
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	height:15px;
}
/* IMAGES */
#loading_image{
	display:none;
	height:26px;
	margin-left:5px;
	width:26px;
}
.bordered
{
	border:1px solid #000;
}
.bordered-gray
{
	border:1px solid #cbcbcb;
}

/* DEFAULTS */
#player{
	margin-bottom:10px !important;
}
#current{
	text-decoration:underline;
}
.plain{
	margin:0px !important;
	padding:0px !important;
}
.unlink, .unlink:hover
{
	text-decoration:none;
}
.breathable{
	margin-left:0px !important;
	margin-bottom:10px;
}
.unstyled_list{
	list-style:none;
	margin:0px;
	padding:0px;
}
.list_inline li
{
	display:inline;
}
.auto{
	margin:0px auto !important;
}
.left{
	float:left !important;
}
.right{
	float:right !important;
}
.clear{
	clear:both !important;
}
.middle{
	display:block;
	float:none !important;
	margin:0px auto !important;
}
.hidden{
	display:none !important;
}
.centered{
	text-align:center;
}
.align_right
{
	text-align:right;
}
.align_left
{
	text-align:left;
}
.unfloat
{
	float:none !important;
}
.unmargined{
	margin:0px !important;
}
.unpadded
{
	padding:0px !important;
}
.inline{
	display: inline;
}
.auto_height{
	height: auto;
	line-height: 1em;
}
.padded10
{
	padding:10px;
}
.padded5
{
	padding:5px;
}
.span6.padded10
{
	width:440px !important;
}
.radius5
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.fixed{
	position:fixed !important;
}
.absolute{
	position:absolute !important;
}
.italic
{
	font-style:italic;
}
.normal
{
	font-weight:normal !important;
}
#profile_image
{
	height:24px;
	width:24px;
	border-radius: 30px;
	margin-right: 10px
}
.login_spacer
{
	width:216px !important;
}

.breath0
{
	margin-bottom:0px !important;
}
.breath3
{
	margin-bottom:3px !important;
}
.breath5
{
	margin-bottom:5px !important;
}
.breath10
{
	margin-bottom:10px !important;
}
.breath15
{
	margin-bottom:15px !important;
}
.breath20
{
	margin-bottom:20px !important;
}
.breath25
{
	margin-bottom:25px !important;
}
.breath30
{
	margin-bottom:30px !important;
}
.breath35
{
	margin-bottom:35px !important;
}
.breath40
{
	margin-bottom:40px !important;
}
.breath45
{
	margin-bottom:45px !important;
}
.breath50
{
	margin-bottom:50px !important;
}
.breath55
{
	margin-bottom:55px !important;
}
.breath60
{
	margin-bottom:60px !important;
}

.push0
{
	margin-left:0px !important;
}
.push5
{
	margin-left: 5px !important;
}
.push10
{
	margin-left: 10px !important;
}
.push15
{
	margin-left: 15px !important;
}
.push20
{
	margin-left: 20px !important;
}
.push25
{
	margin-left: 25px !important;
}
.push30
{
	margin-left: 30px !important;
}
.push35
{
	margin-left: 35px !important;
}
.push40
{
	margin-left: 40px !important;
}
.push45
{
	margin-left: 45px !important;
}
.push50
{
	margin-left: 50px !important;
}
.push55
{
	margin-left: 55px !important;
}
.push60
{
	margin-left: 60px !important;
}
.push65
{
	margin-left: 65px !important;
}
.push70
{
	margin-left: 60px !important;
}
.push75
{
	margin-left: 65px !important;
}
.push80
{
	margin-left: 80px !important;
}


.hang0
{
	margin-top:0px !important;
}
.hang3
{
	margin-top:3px !important;
}
.hang5
{
	margin-top:5px !important;
}
.hang10
{
	margin-top:10px !important;
}
.hang15
{
	margin-top:15px !important;
}
.hang20
{
	margin-top:20px !important;
}
.hang25
{
	margin-top:25px !important;
}
.hang30
{
	margin-top:30px !important;
}
.hang35
{
	margin-top:35px !important;
}
.hang40
{
	margin-top:40px !important;
}
.hang45
{
	margin-top:45px !important;
}
.hang50
{
	margin-top:50px !important;
}
.hang55
{
	margin-top:55px !important;
}
.hang60
{
	margin-top:60px !important;
}

.tall5
{
	height:5px !important;
}
.tall10
{
	height:10px !important;
}
.tall15
{
	height:15px !important;
}
.tall20
{
	height:20px !important;
}
.tall25
{
	height:25px !important;
}
.tall30
{
	height:30px !important;
}
.tall35
{
	height:35px !important;
}
.tall40
{
	height:40px !important;
}
.tall45
{
	height:45px !important;
}
.tall50
{
	height:50px !important;
}
.tall55
{
	height:55px !important;
}
.tall60
{
	height:60px !important;
}
.left_bordered
{
	border-left:1px solid #999;
}
.right_bordered
{
	border-right:1px solid #999;
}
.font11
{
	font-size:11px !important;
}
.font12
{
	font-size:12px !important;
}
.font14
{
	font-size:14px !important;
}
.font18
{
	font-size:18px !important;
}
.font21
{
	font-size:21px !important;
}
.font24
{
	font-size:24px !important;
}
.font26
{
	font-size:26px !important;
}
.font32
{
	font-size:32px !important;
}
.height30
{
	line-height: 30px !important;
}
.height24
{
	line-height: 24px !important;
}
.height18
{
	line-height: 18px !important;
}
.height16
{
	line-height: 16px !important;
}
.height14
{
	line-height: 14px !important;
}
.height12
{
	line-height: 12px !important;
}
.height11
{
	line-height: 11px !important;
}
.bold
{
	font-weight:bold;
}
.font-white
{
	color:#fff !important;
}
.font-gray
{
	color:#5E5F5E;
}
.font-blue
{
	color:#428DCB;
}
.font-red
{
	color:#B94A48;
}
.font-black
{
	color:#000;
}
#user_settings_block
{
	min-width:150px;
}
#user_settings_block .user_profile_link
{
	line-height:14px;
}
#login_buttons_block, #user_settings_block
{
	margin-top:10px;
}
#navigation_links_list li
{
	float:left;
	font-size:14px !important;
	font-weight:bold;
}
#navigation_links_list a
{
	color:#333 !important;
}
#navigation_links_list .navigation_link .link_block{
	padding:10px 20px;
}
#navigation_links_list .link_block.form{
	padding:5px 5px 6px 0px;
}
#navigation_links_list a:hover
{
	text-decoration:none;
}
#navigation_links_list li.navigation_link:hover,
#navigation_links_list li.navigation_link.active
{
	background:#FFF;
}
#user_company_name
{
	line-height:32px;
	margin-left:8px;
}
#pitch_metrics_block
{
	margin:10px auto 0px;
	width:960px;
}
#pitch_metrics_list_block
{
	margin-top:8px;
}
.pitch_metrics_item{
	border-left:1px dotted #ADADAD;
	float:left;
	padding:0px 19px;
}
.pitch_metrics_item:first-child{
	border:none;
}
#project_metrics_list
{
	display:block;
}
#project_metrics_list li
{
	float:none;
	font-size:11px !important;
	font-weight:normal !important;
	line-height:14px;
}
#user_name_link
{
	font-size:12px;
	line-height:32px;
	margin-right:10px;
	text-align:right;
	color:#454445;
	font-weight: bold;
}
#profile_photo_chevron
{
	margin-left:3px;
}
.dropdown-menu{
	font-size: 12px;
}
.dropdown-menu.pull_right{
    left:auto;
    right:0;
    &::before {left:auto !important; right:9px;}
    &::after {left:auto !important; right:10px;}
}

/* FORM ELEMENTS */
#feedback_errors .alert{
	margin-bottom:10px !important;
}
textarea{
	min-height:75px !important;
	resize:none !important;
}
#search_field{
	background:#fff url('../img/search_icon.png') no-repeat 216px 4px;
	border:none !important;
	font-size:11px !important;
	padding:2px 8px;
	padding-right:26px;
}
.unstyled
{
	background:transparent;
	border:none;
	font-size: 1em;
}
.padding3
{
	padding: 3px !important;
}
.hyperlink, .hyperlink a{
	color: #2887d4;
	text-decoration: underline;
}
.hyperlink:hover
{
	cursor:pointer;
	text-decoration:underline;
}
.cursor_pointer
{
	cursor:pointer;
}
/* BOOTSTRAP CUSTOM */
.word_break
{
	word-break: break-all !important;
}
.break_word
{
	word-wrap:break-word !important;
}

.remove_button{
	border:none !important;
}
.btn-custom-medium{
	margin-top:0px !important;
	padding:5px 14px !important;
}
.btn-custom-mini{
	margin-top:0px !important;
	padding:3px 14px !important;
}
fieldset legend{
	line-height:30px !important;
	margin-bottom:5px !important;
}
select option
{
	padding:3px;
}
option.select-hr {
	border-bottom: 1px solid #DEDEDD;
}
.option-disabled{
	line-height:8px !important;
}

/* BOOTSTRAP OVERRIDE */
h2.centered{
	line-height:20px !important;
}
#recover_dialog
{
	z-index:10002 !important;
}
#recover_dialog input[type=text]{
	margin-bottom:0px !important;
}
#upload_pitch_block h3{
	border-bottom:1px solid #E5E5E5;
	font-weight:normal;
	font-size:21px;
	line-height:30px;
	margin:0px 0px 5px;
}
#terms_content_wrapper{
	display:none;
	height:125px;
	margin-bottom:10px;
	overflow-y:scroll;
}
#terms_content_wrapper h4{
	line-height:24px;
	margin-top:0px;
}
.company_action p, .company_action ul, .company_action ol
{
	text-align:justify;
}
.ui-widget-overlay {
    background: #333 !important;
    opacity: 0.7 !important;
}
.dropdown-divider
{
	font-weight:bold;
	line-height:20px;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
}
.accept_rate_invite
{
	margin-top:3px;
}
.list_image_wrapper img {
    height: 45px !important;
    width: 60px !important;
}
.icon-gmail
{
	background:url('../img/gmail_icon.png') no-repeat !important;
}

.fade_icon
{
	cursor:pointer;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	/* IE 5-7 */
	filter: alpha(opacity=60);
	/* Netscape */
	-moz-opacity: 0.6;
	/* Safari 1.x */
	-khtml-opacity: 0.6;
	/* Good browsers */
	opacity: 0.6;
}
.fade_icon:hover
{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity=100);
	/* Netscape */
	-moz-opacity: 1.0;
	/* Safari 1.x */
	-khtml-opacity: 1.0;
	/* Good browsers */
	opacity: 1.0;
}

/* Alerts Right Padding */
.alert
{
	padding-right:14px;
}

.nav.nav-pills *
{
	color:#000;
}

.ui-dialog-titlebar-close.ui-corner-all
{
	display:none !important;
}


/*	radio buttons	*/
.checkbox_label, .radio_label
{
    cursor:pointer;
}
.radio_button
{
	background:#efefef;
	border:2px solid #A3A4A4;
	cursor:pointer;
	height:12px;
	margin:2px 5px 0px 0px;
	width:12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	box-shadow:inset 0px 0px 2px #aaa;
}
.radio_label:hover .radio_button
{
	background:#B7DBF6;
	box-shadow:inset 0px 0px 2px #6CBAF3;
}
input[type=radio]:checked + .radio_button
{
	background: url('../img/tick_radio.png') no-repeat;
	box-shadow:inset 0px 0px 1px #468847;
}

/*	checkbox buttons	*/
.checkbox_button
{
	background:#efefef;
	border:2px solid #A3A4A4;
	cursor:pointer;
	height:12px;
	margin:2px 5px 0px 0px;
	width:12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	box-shadow:inset 0px 0px 2px #aaa;
}
.checkbox_label:hover .checkbox_button
{
	background:#B7DBF6;
	box-shadow:inset 0px 0px 2px #6CBAF3;
}
input[type=checkbox]:checked + .checkbox_button
{
	background: url('../img/tick_checkbox.png') no-repeat;
	box-shadow:inset 0px 0px 1px #468847;
}
.radio_label.item_radio
{
	width:20px !important;
}

.social_button *
{
	height:34px !important;
	width:34px !important;
}
.social_button .social_facebook
{
	background:url('../img/social_facebook.png') no-repeat;
}
.social_button .social_twitter
{
	background:url('../img/social_twitter.png') no-repeat;
}

.font-yellow-green
{
	color:#4D7928;
}
/*custom alert this fix the extra padding for alerts bootstrap*/
.alert-dissmiss-button {
    padding-right: 35px;
}
/*sticky footer*/
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
    padding-top: 10px;
}

/****************
New design styles
****************/
/*General*/
button.btn, a.btn{
	border-radius: 20px;
	font-size: 12px;
}
button.btn.btn-black, a.btn.btn-black,
button.btn.btn-blue, a.btn.btn-blue,
button.btn.btn-darkgray, a.btn.btn-darkgray,
button.btn.btn-delete, a.btn.btn-delete,
button.btn.btn-white, a.btn.btn-white{
	min-width: 160px;
	color: #fff;
	border: none;
	font-weight: bold;
}
button.btn.btn-black, a.btn.btn-black{
	background-color: #181818;
}

button.btn.btn-darkgray, a.btn.btn-darkgray{
	background-color: #3e3e3e;
}
button.btn.btn-blue, a.btn.btn-blue{
	background-color: #2887d4;
}
button.btn.btn-delete, a.btn.btn-delete{
	background-color: #fe6161;
}
button.btn.btn-white, a.btn.btn-white{
	background: #fff;
	color:#181818;
	border:1px solid #2887d4;
	font-weight: normal;
	margin-left: 20px;
}
button.btn.btn-gray, a.btn.btn-gray{
	background-color: #f7f7f7;
	border-radius: 0;
	border: 1px solid #dcdcdc;
	padding: 5px 15px;
}
.btn-xs{
	background-color: #f4f4f4;
	padding: 1px 10px;
	border: 1px solid #bcbcbc;
 }
label.control-label{
	font-weight: normal;
}
.btn.btn-icon{
	border-radius: 0;
	background-color:#f4f4f4;
	text-align: left;
}
.btn.btn-icon i{
	background-color: #dedede;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 100%;
	line-height: 30px;
	text-align: center;
}
.btn-container .dropdown-menu{
	background-color: #f4f4f4;
	color:#6E6E6E;
	border-radius: 0;
	top: calc( 100% -2px );
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
}
.btn-container .dropdown-menu a{
	white-space: normal;
}
.btn-container .dropdown-menu a:hover,
.btn-container .dropdown-menu a:active{
	background-color: #e8e8e8;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #2887d4;
	border-color: #2887d4;
}
.pagination>li>a, .pagination>li>a:focus, .pagination>li>a:hover{
	color: #2887d4;
}
.search-dropdown{
	color: #b0b0b0;
}
.filter .input-group-btn button.btn{
	border-radius: 0 4px 4px 0;
}
.filter input, .filter button,
.filter-panel{
	background-color: #fcfcfc;
	color: #686868;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pager li>a, .pager li>span{
	background-color: #f4f4f4;
	color: #686868;
}
/* Panels */
.panel-default>.panel-heading{
	background-color: #ECECEC;
	color:#6E6E6E;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.panel-default>.panel-heading button,
.panel-default>.panel-heading a{
	text-transform: none;
}

.panel-default>.panel-heading button.close-drawer,
.panel-default>.panel-heading a.close-drawer{
	font-size: 30px;
	font-size: 30px;
}

.panel-table {
	background-color: #FCFCFC;
	color:#6E6E6E;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
}

.panel-drawer{
	width: 0;
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 100;
	right: 0;
	border-radius: 0 ;
	-webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
	transition: all 600ms cubic-bezier(1, 0, 0, 1);
  overflow-y: scroll;
  max-height: 1000px;
}
.panel-drawer .panel-heading,
.panel-drawer .drawer-body,
.panel-drawer > .panel-footer{
	display:none
}
.panel-drawer.open > .drawer-body {
    min-height: 100%;
}
.panel-drawer .panel-heading{
	text-transform: none;
}
.panel-drawer .panel-heading label{
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
}
.panel-drawer.open{
	z-index: 1050;
	width: 80%;
	height: 100%;
}
.panel-drawer.open .panel-heading,
.panel-drawer.open .drawer-body,
.panel-drawer.open > .panel-footer{
	display:block;
}
.panel-drawer .input-group-btn button.btn{
	height: 34px;
	border-radius: 4px ;
}

.panel-drawer table.table-striped thead th{
	background: transparent;
}

.panel-overflow-x{
	overflow-x:auto;
	-ms-overflow-x:auto;
	overflow-y:hidden;
	-ms-overflow-y:hidden
}

.panel-overflow-x div{

}
/* search in datatables */
.search-container input{
	border-radius: 20px;
	height: 34px;
}

/* datatables */
table.dataTable:not(.table-striped){
	margin-top: 20px;
	border-spacing: 0 10px;
	font-size: 12px;
}
.table{
	// this is to prevent small tables on Firefox
	width: 100% !important;
}
.table .table-header tr{
	background-color:#ECECEC;
	border: 1px solid #dcdcdc;
}
.table .table-header th{
	color: #6d6d6d;
	font-weight: normal;
	border:none;
	text-transform: uppercase;
}
.table .table-header th.action-cell{
	width: 110px;
}
.table .table-header th, .table tbody td {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	color:#313032;
}
.table .table-header th:first-child,
.table tbody td:first-child{
	border-left: 1px solid #dcdcdc;
	padding-left:15px;
}
.table .table-header th:last-child,
.table tbody td:last-child{
	border-right: 1px solid #dcdcdc;
}
.table td.important{
	color:red;
}
.table tbody tr td{
	padding: 8px 5px;
	vertical-align: middle;
}
.table tbody tr {
	background-color: #fff;
}
.table tbody .btn-container{
	padding: 2px 5px;
	text-align: center;
}

.table tbody .checkbox-container{
	text-align: right;
}
.table tbody .btn-container button,  .btn-default.dropdown-toggle{
	font-size:12px;
	border: 1px solid #dcdcdc;
	padding: 3px 12px;
	margin: 2px auto;
}
.table tbody .btn-group{
	/*width: 100%;
	border-left: 1px solid #dcdcdc;
	height: 100%;*/
}
.table tbody .btn-group,  x:-moz-any-link  {
	height: auto;
}
.table tbody .btn{
	border-radius: 0;
	width: 100%;
	background: #f4f4f4;
	text-decoration:none;
	color:#313032;
	height: 100%;
}
.table tbody .btn .caret{
	color:#313032;
	margin-left: 30px;
}
.custom_toolbar .btn{
	border-color: #2887d4;
	font-size:12px;
}
.custom_toolbar .nav-pills li a{
	border-radius:20px;
	padding: 5px;
	min-width: 100px;
}
.custom_toolbar .nav-pills li.active a{
	color:#fff;
	background-color: #2887d4;
}
table.table-striped {}
table.table-striped thead th{
	height: 36px;
	vertical-align: middle;
	padding-left: 15px;
	background: #f0f3f9; / Old browsers /
	background: -moz-linear-gradient(top, #f0f3f9 0%, #e8edf5 100%);
	background: -webkit-linear-gradient(top, #f0f3f9 0%,#e8edf5 100%);
	background: linear-gradient(to bottom, #f0f3f9 0%,#e8edf5 100%);
	text-align: center;
}
.table-striped>tbody>tr:nth-of-type(odd){
	background-color: #F8F9FD;
}
table.table-striped th{
  border-bottom: 0px solid #ddd !important;
  border-top: 0px solid #ddd !important;
  border-right: 0px solid #dcdcdc;
}
table.table-striped td{
	border-right: 1px solid #dcdcdc;
}

table.questiontable {
  border-collapse: collapse;
  background: white;
  table-layout: fixed;
  width: 100%;
}
table.questiontable thead th{
	background: #f0f3f9;
	background: -moz-linear-gradient(top, #f0f3f9 0%, #e8edf5 100%);
	background: -webkit-linear-gradient(top, #f0f3f9 0%,#e8edf5 100%);
	background: linear-gradient(to bottom, #f0f3f9 0%,#e8edf5 100%);
	text-align: center;
}
table.questiontable>tbody>tr:nth-of-type(odd){
	background-color: #F8F9FD;
}
table.questiontable th {
  padding: 8px 16px;
  border-bottom: 0px solid #ddd !important;
  border-top: 0px solid #ddd !important;
  border-right: 0px solid #dcdcdc;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
th.percentage {
  text-align: center;
}
table.questiontable td {
  padding: 8px 16px;
  border-right: 1px solid #dcdcdc;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
td.percentage {
  text-align: center;
}
table.dimensiontable {
  border-collapse: collapse;
  background: white;
  table-layout: fixed;
  width: 100%;
}
table.dimensiontable thead th{
	background: #f0f3f9;
	background: -moz-linear-gradient(top, #f0f3f9 0%, #e8edf5 100%);
	background: -webkit-linear-gradient(top, #f0f3f9 0%,#e8edf5 100%);
	background: linear-gradient(to bottom, #f0f3f9 0%,#e8edf5 100%);
	text-align: center;
}
table.dimensiontable>tbody>tr:nth-of-type(odd){
	background-color: #F8F9FD;
}
table.dimensiontable th {
  padding: 8px 15px;
  border-bottom: 0px solid #ddd !important;
  border-top: 0px solid #ddd !important;
  border-right: 0px solid #dcdcdc;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.dimensiontable td {
  padding: 8px 16px;
  border-right: 1px solid #dcdcdc;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pane {
  background: #eee;
}
.pane-hScroll {
  overflow: hidden;
  width: 100%;
  background: white;
}
.pane-vScroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: 600px;
  background: white;
}
td.white-cell{
	background-color: #fff;
}
td.red-cell{
	background-color: #FD7579 ;
}
td.greem-cell{
	background-color: #C4F582;
}
.green-tag{
	background-color: #6EF4A1;
	margin:0 2px;
	padding:1px 4px;;
}
.blue-tag{
	background-color: #69DCF0;
	margin:0 2px;
	padding:2px 4px;;
}
.table-fixed tbody {
height: 200px;
overflow-y: auto;
width: 100%;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
display: block;
}
.table-fixed tr:after {
content: "";
display: block;
visibility: hidden;
clear: both;
}
.table-fixed tbody td,
.table-fixed thead > tr > th {
float: left;
}
.summary-fixed {
  position: relative;
}

/*Custom search/filter for DT*/
.input-container, .search-container{
    position: relative;
    width: 30%;
}
.input-container input.form-control, .input-group .input-container .form-control:first-child{
	border-radius: 0 20px 20px 0;
	height: 34px;
}
.search-container input.form-control{
	border-radius: 20px;
	height: 34px;
	padding-right: 30px;
}
.input-container.square{
	width: auto;
}
.input-container.square input.form-control{
	border-radius: 4px;
	height: 34px;
	min-width: 100px;
	padding-right: 30px;
}
.input-container i,
.search-container i{
  position: absolute;
    top: 10px;
    z-index: 2;
    color: #4f5b66;
    right: 10px;
}

/*Modal styles*/
.modal-header {
    background-color: #ececec;
    color: #313032;
    text-align: center;
		border: 1px solid #dcdcdc;
}

.modal-title {
    font-size: 16px;
}

.modal-footer {
    text-align: right;
    border: none;
}
.modal-dialog .btn{
	min-width: 100px;
}

.modal-dialog .btn-primary, .modal-dialog .btn-default {
    color: #fff;
    border: none;
}

.modal-dialog .btn-default { /* TODO delete */
    background-color: #444444;
}

.modal-dialog .btn-primary { /* TODO delete */
    background-color: #2887d4;
}
.modal-search .input-group-addon{
	background-color: #fff;
	font-size: 12px;
}
.modal-search i.input-group-addon{
	font-size: 20px;
}

.modal .select-btn{
	border-radius: 0;
	margin-right:10px;
}

/* Modal: bootbox */
.bootbox .modal-footer{
	text-align: center;
}

/* Tabs styles*/
.nav.nav-tabs{
}
.nav.nav-tabs li a:hover{
	background: transparent;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background-color: #FCFCFC;
}
.tabs.tab-content, .tabs.tab-content > div{
	background-color: #FCFCFC;
}
.tabs.tab-content{
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;

}
.tabs.tab-content > div{
	padding: 15px;
	border: 1px solid transparent;
}
/* Blue Tabs */
.blue-tabs input:not(:last-child) {
  margin-right: 15px;
}

.blue-tabs li {
  border: 1px solid #2887d4;
  width: 10%;
  font-weight: bold;
  border-radius: 20px;
  margin-right: 10px;
  min-width: 170px;
}
.blue-tabs .nav>li>a:focus,.blue-tabs .nav>li>a:hover{
	  background-color: transparent;
}

.blue-tabs .nav-pills>li.active>a, .blue-tabs .nav-pills>li.active>a:focus, .blue-tabs .nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #2887d4;
}

.blue-tabs .nav-pills>li>a {
  border-radius: 20px;
  padding: 3px;
}

/* ST video layout*/
.video-checkbox{
	margin-right: 10px;
	vertical-align: top;
}
.video-container{
  border: 1px solid #dcdcdc;
  margin: 0 -1px 10px;
}
.video-container.video-check{
	display: inline-block;
	width: Calc(100% - 18px);
}
.video-container img{
  width: 100%;
	max-height: 95px;
}
.video-container span{
  height: 40px;
  display: block;
  overflow: hidden;
  margin: 0 20px;
}

/*Flex styles*/
.flex-container{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.flex-div{
	display: flex;
  flex-direction: column
}

/* Switch CSS*/

.toggle {
  display: inline;
}

.toggle-container {
  position: relative;
  display: inline-block;
}

.toggle-switch {
  display: inline-block;
  background: #ccc;
  width: 40px;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 10px;
}

.toggle .toggle-ball {
  position: absolute;
  background-color: #1765F9;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.toggle.active .toggle-ball {
  left: 40px;
}

.toggle .toggle-label {
  display: inline-block;
  font-weight: normal;
}
/* Tooltip */
.tooltip-inner{
	background-color: #3e3e3e;
}

/* Loader */
.st-loader{
	background-image: url("../img/ajax-loader.gif");
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 50px;
  position: absolute;
  left: 50%;
}

/* Dimension */
.dimension-dropdown{
    margin-top: -6px;
}
/* Help section */
.help-sign{
    font-size: 18px;
}
.blue-options{
    color: #23527c;
}
.help-section{
    margin-left: 25%;
}
/* Upload Video */
.status-message{
    width: 100%;
    height: 25px;
    font-size: 20px;
    display: inline-block;
}
.loading-image{
    display: inline-block;
}
.progress-bar{
    width: 50%;
    height: 25px;
}
/* Test all answers */
.test-all-answers{
    color: #6E6E6E;
    font-size: 14px;
    font-weight: bold;
}
/* Question bank */
.question-bank-content{
    margin: 10px;
    padding: 10px;
}
.question-bank-list{
    padding: 15px;
}
.question-bank-search{
    padding: 10px;
}
.table-cursor tbody tr{
    cursor: pointer;
}
.input-container, .search-bank-container{
    position: relative;
    width: 63%;
}
.search-bank-container input{
    height: 34px;
}
.search-bank-container input.form-control{
    height: 34px;
    padding-right: 30px;
}
.search-bank-container i{
    position: absolute;
    top: 10px;
    z-index: 2;
    color: #4f5b66;
    right: 10px;
}
.set-select{
    width: 37%;
}
.button_qb{
    margin: 5px;
}
#question_bank_container #custom_bank_questions .grid_question{
    margin-bottom: 5px;
}
.modal-dialog-question-bank{
    width: 75%;
    margin: 30px auto;
    position: relative;
}
.reaction-info-text {
    margin-top: 10px;
}
.bold-span {
    font-weight: bold;
}