/* Colors

	Red: #CF000F
	Blue (Light): #59ABE3
	Blue-Grey 1: #415E72 
	Blue-Grey 2: #455D7A
	
	Darker red: #AC544E
	Red (Faded 1): #ED5564
	Red (Faded 2): #E04F5F
	Red: #E71D36	
	Bright red: #F22613
	
	Medium-Grey: #64798A
	Medium-Grey 2: #D4E1F4
	Light Grey: #D7DEED
	Blue-Grey: #415E72
	
	Dark Blue: #1A4C6D
	Light Blue: #3C8AB8
	Green: #00B16A
	Yellow: #F9BF3B

	background-image: linear-gradient(40deg, #29323c 0%, #2F4859 50%);

*/

#element::-webkit-scrollbar { 
    display: none; 
}

::-webkit-scrollbar { 
    display: none; 
}


/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	padding: 0;
	background-color: #1e272e;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #1e272e;
	/*
	background-image: linear-gradient(40deg, #29323c 0%, #2F4859 50%);
    -webkit-box-shadow: inset 0 0 900px rgba(0,0,0,.5);
    box-shadow: inset 0 0 900px rgba(0,0,0,.5);
    */
}



/* Bootstrap */

.text-muted {
	color: #b2bec3;
}

/* Timepicker */

.bfh-timepicker {
	width: 100% !important;
}

/* Dark Mode */

.bg-dark {
	background-color: #1F1B24 !important;
}

.bg-dark2 {
	background-color: #29323c !important;
}

.text-white {
	color: #fff !important;	
}

.list-group-item {
	background-color: #29323c !important;
}

.breadcrumb {
	color: #fff;
	background-color: #303952 !important;
}

.breadcrumb a {
	color: #EA2027;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */


/* Make modal appear above menu */

.modal {
	z-index: 9999 !important;
}

/* Always make the scrollbar (vertical) appear */
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


body > .container {
	padding: 60px 15px 0;
}
.container .text-muted {
	margin: 0px;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.footer p {
	text-align: center;
	color: #fff;
	padding-top: 15px;
}

code {
	font-size: 80%;
}

/* Modal */

.modal-body, .modal-content, .modal-dialog {
	background-color: #29323c !important;
}

.modal-header {
	color: #fff !important;
}



/* Section */

.section {
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}


/* Buttons */

.btn-new {
	min-width: 150px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 50px;
}


/* Primary Content (wraps around content) */

.primary_content {

}



/* Navigation */

.uspt_navbar {
	background-color: #1F1B24;
	padding-right: 40px;
	padding-left: 40px;
}

.uspt_navbar li a {
	color: #29323c !important;
}


.uspt_navbar .form-group {
	margin: 0px !important;
}

p.uspt_navbar_company_name {
	margin-right: 10px;
	color: #fff;
}

a.uspt_brand {
	font-size: 18px;
	font-weight: 300;
	margin-top: -5px;
	color: #EA2027;
	text-align: center !important;
}

img.uspt_logo_brand {
	display: inline-block;
	width: 30px;
	margin-right: 10px;
}

/* USPT Top Navbar */

.uspt_top_navbar {
	margin-top: 0px !important;
}

.uspt_top_navbar > li > a {
	color: #fff !important;
	font-weight: 300;
	font-size: 16px;
}

.uspt_top_navbar > li > a:hover,
.uspt_top_navbar > li > a:focus,
.uspt_top_navbar > li > a:active
 {
	color: #ebebeb;
}

/* Dropdown */

.uspt_dropdown {
	z-index: 999 !important;
}

.uspt_dropdown button {
	font-size: 17px;
	font-weight: 300;
}

ul.ul_uspt_dropdown {
	z-index: 999 !important;
}

ul.ul_uspt_dropdown li a {
	font-size: 17px;
	padding: 15px;
	font-weight: 300;
}


/* Top Menu ("Menu" Bar) (Gradient Background) */

.uspt_nav_menu_bg_red {
	border: none !important;
	/*
  background: #d31027;
  background: -webkit-linear-gradient(to right, #d31027, #ea384d);
  background: linear-gradient(to right, #d31027, #ea384d);
  */
  	margin-top: 50px;
  	background-color: #485461;
	z-index: 10;
	height: 140px;
	padding-top: 15px;
	-webkit-box-shadow: inset 0 0 20px rgba(0,0,0,.2);
    box-shadow: inset 0 0 20px rgba(0,0,0,.2);
	margin-bottom: 25px;
	border: none !important;
}

.uspt_nav_items_bg_blue {
	border: none !important;
	background: #1488CC;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #2B32B2, #1488CC);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #2B32B2, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


/* "Menu" bar (General) */

/* Menu Bar: ul (just to center) */

.uspt_nav_menu_bg_red ul {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.uspt_nav_menu_bg_red ul li {
	min-width: 125px !important;
	margin: 10px;
}

.uspt_nav_menu_bg_red ul li a {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 5px;
	background-color: #29323c;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	color: #fff;
	text-align: center;
	font-weight: 300 !important;
	font-size: 17px;
	text-decoration: none;
}

.uspt_nav_menu_bg_red ul li a:after {
	border-radius: 5px;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	content: "";
}

.uspt_nav_menu_bg_red ul li a:hover {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	background-color: #d31027;
	color: #fff;
}

.uspt_nav_menu_bg_red ul li a:hover {
	opacity: 1;
}

.uspt_nav_menu_bg_red ul li a:focus,
.uspt_nav_menu_bg_red ul li.active a {
	background-color: #40596B;
	color: #fff !important;
}


/*
	

.uspt_nav_menu_bg_red ul li.active a,
.uspt_nav_menu_bg_red ul li.active a:hover
 {
	background-image: linear-gradient(40deg, #fff 0%, #fff 50%);
    -webkit-box-shadow: inset 0 0 900px rgba(0,0,0,.5);
    box-shadow: inset 0 0 900px rgba(0,0,0,.5);
	color: #D31027;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2) !important;
	text-align: center;
	font-weight: 300;
	font-size: 16px;
}

.uspt_nav_menu_bg_red ul li.active:before {
	content: "";
	position:absolute;
	z-index: 1;
	width:96%;
	bottom: -2px;
	height: 2px;
	left: 2%;
	border-radius: 100px / 5px;
	box-shadow:0 0 18px rgba(0,0,0,0.6);
}
*/

img.uspt_tabs_icon_nav_menu {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	width: 40px;
}

img.uspt_tabs_icon_nav_menu_assessments {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	width: 45px;
}
img.uspt_tabs_icon {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	width: 40px;
}

img.uspt_tabs_icon_inline {
	display: inline-block;
	margin-right: 15px;
	width: 35px;
}

img.uspt_tabs_icon_smaller {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	width: 30px;
}

span.uspt_tabs_text {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

span.text-green {
	color: #00B16A;
}

span.text-red {
	color: #E71D36;
}

span.text-yellow {
	color: #FFB300;
}


span.uspt_tabs_text_smaller {
	text-align: center;
	font-size: 15px;
	font-weight: 400;
}

/* General */

.width_100 {
	width: 100% !important;
}

.width_98 {
	width: 98% !important;
}

.width_95 {
	width: 95% !important;
}

.width_90 {
	width: 90% !important;
}

.width_85 {
	width: 85% !important;
}

.width_80 {
	width: 80% !important;
}

.width_75 {
	width: 75% !important;
}

.width_70 {
	width: 70% !important;
}

.width_60 {
	width: 60% !important;
}

.width_50 {
	width: 50% !important;
}

.red {
	border: 1px solid red !important;
}

.center_this {
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.centered {
	text-align: center !important;
}

.text_align_left {
	text-align: left !important;
}

.btn-inline,
.btn_view_edit_inline {
	display: inline;
	margin-right: 5px;
	min-width: 75px;
}

p {
	font-size: 17px;
	line-height: 35px;
}

label.label {
	font-size: 17px;
	font-weight: 300;
}

label.label i.fa, 
label.label span {
	text-align: center !important;
}

label.label_inline {
	display: inline-block;
}

h2 {
	font-weight: 300;
}

span.white {
	color: #fff !important;
}

span.green {
	color: #00B16A !important;
}

span.red {
	color: #F22613 !important;
}

.btn-back {
	width: 100%;
}

.btn_inline {
	display: inline;
}


/* Tables */

.table, .table_standard {
	width: 100% !important;
	background-color: none !important;
}

.table_standard th {
	font-weight: 400;
	font-size: 17px;
	text-align: left;
}

.table_standard td {
	font-weight: 300;
	font-size: 16px;
	text-align: left;
	background-color: #1e272e;
	background-color: transparent !important;
}





.table_standard td.td_bold span,
td.bold_400 {
	font-weight: 500 !important;
}

.table_standard td a {
	font-weight: 300;
	font-size: 17px;
}

.table_standard label.label {
	font-weight: 300;
	font-size: 17px !important;
	width: 100% !important;
}

table.table_no_borders,
table.table_no_borders tr,
table.table_no_borders td {
	border: none !important;
}

tbody.table_body_vertical_scroll {
	height: 600px !important;
	overflow-y: scroll !important;
}

/* Table that does not force content onto one line */
table.table_col_full_width td, table.table_col_full_width th {
	width: 1px !important;
    white-space: nowrap !important;
}

.table_white th, 
.table_white tr, 
.table_white td {
	color: #fff !important;
}

/* Table Body */

table.tbody {
    height: 500px !important;
    overflow-y: auto !important;
    background-color: #000;
}

/* Table Input */

table.tfoot input, table.thead input, {
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
}




/* Table Colors */

td.td-light-blue, th.th-light-blue {
	background-color: #3C8AB8;
	color: #fff;
}

td.td-green, th.th-green {
	background-color: #00B16A;
	color: #fff;
}

td.td-yellow, th.th-yellow {
	background-color: #F9BF3B;
	color: #fff;
}

td.td-orange, th.th-orange {
	background-color: #F9690E;
	color: #fff;
}

td.td-light-red, th.th-light-red {
	background-color: #EA5455;
	color: #fff;
}

td.td-red, th.th-red {
	background-color: #E71D36;
	color: #fff;
}

td.td-dark-red, th.th-dark-red {
	background-color: #88304E;
	color: #fff;
}


/* Labels */

label.label-light {
	text-align: center;
    font-weight: 300 !important;
    background-color: #fff !important;
    color: #fff !important;
    width: 100% !important;
    margin-bottom: 5px;
    font-weight: 300;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    border: 1px solid #D7DEED;
}

label.label-transparent-white {
	text-align: center;
    font-weight: 300 !important;
    background-color: transparent !important;
    color: #fff !important;
    margin-bottom: 5px;
    font-weight: 300;
    padding: .2em .6em .3em;
    font-size: 100%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    color: #fff;
    border: 1px solid #D7DEED;
}

.btn_transparent_white {
	text-align: center;
    font-weight: 300 !important;
    background-color: transparent !important;
    color: #fff !important;
    border-radius: .25em;
    border: 1px solid #fff;
}


/* Data Table */

table.dataTable tbody tr {
	background-color: transparent !important;
	color: #fff !important;
}

table.dataTable .btn-default, 
table.dataTable .btn-light {
	background-color: #8395a7;
	border: 1px solid #fff;
	color: #fff !important;
}
/* Colors (table, span, label) */

td.bg_grey, label.bg_grey {
	background-color: #3f4040;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
}

td.bg_time {
	background-color: #ECF0F1;
	color: #fff;
	font-size: 15px;
	text-align: left;
	font-weight: 300;
	padding: none !important;
}

td.bg_grey_blue, label.bg_grey_blue {
	background-color: #415E72;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}

td.bg_blue {
	background-color: #337ab7;
	color: #fff;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}

td.bg_green {
	background-color: #00B16A !important;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}

td.bg_orange {
	background-color: #F89406;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}

td.bg_light_red {
	background-color: #ED5564 !important;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}

th.bg_light_red, td.bg_light_red {
	background-color: #F67280 !important;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}	

td.bg_red, th.bg_red {
	background-color: #ED5564 !important;
	color: #fff;
	text-align: left;
	padding: none !important;
}

th.bg_dark_red, td.bg_dark_red {
	background-color: #B71C1C !important;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}

td.bg_yellow {
	background-color: #F9BF3B !important;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}

td.bg_light_blue {
	background-color: #3C8AB8 !important;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}

td.bg_light_blue {
	background-color: #3C8AB8 !important;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	padding: none !important;
}

td.bg_dark_blue {
	background-color: #1A4C6D !important;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
}

span.bg_light_blue {
	background-color: #3C8AB8 !important;
	color: #fff;
	font-size: 15px;
	text-align: left;
	font-weight: 300;
}

span.bg_dark_blue {
	background-color: #1A4C6D !important;
	color: #fff;
	font-size: 15px;
	text-align: left;
	font-weight: 300;
	padding: none !important;
}

span.bg_green {
	background-color: #00B16A !important;
	color: #fff;
	padding: 8px;
	font-weight: 300 !important;
}

span.bg_red {
	background-color: #ED5564 !important;
	color: #fff;
	padding: 3px;
	padding: 8px;
	font-weight: 300 !important;
}

span.bg_light_red {
	background-color: #F67280 !important;
	color: #fff;
	padding: 3px;
	padding: 8px;
	font-weight: 300 !important;
}


/* Custom Labels */

label.label_dark_blue {
	background-color: #1A4C6D !important;
	color: #fff;
}

label.label_blue_grey {
	background-color: #415E72 !important;
	color: #fff;
}

label.label-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

/* Spans */

span.block {
	display: block !important;
}

span.bold_400 {
	font-weight: 400 !important;
}

/* Buttons */

.btn-inline {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	
}


/* In Tab */

.in_tab_container {
	padding-top: 25px;
	padding-bottom: 25px;
}


/* Form Group Label */

.form-group > label {
	font-size: 17px !important;
}

/* Input Types */
input[type="text"], input[type="password"], input[type="email"], textarea {
	width: 100%;
	margin-bottom: 10px;
	border: none;
	outline: none;
	font-weight: 300 !important;
	font-size: 17px !important;
	border: 1px solid rgba(0,0,0,0.3) !important;
	border-radius: 4px !important;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2) !important;
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .5s ease;
	-o-transition: box-shadow .5s ease;
	-ms-transition: box-shadow .5s ease;
	transition: box-shadow .5s ease;
}



/* Component: Form Group */

.form_group_standard {
	margin-top: 35px;
	margin-bottom: 35px;
}

/* Component: Standard Vertical Button Group */

.standard_btn_group_vertical {
	width: 100% !important;
}

.standard_btn_group_vertical > a,
.standard_btn_group_vertical > button {
	padding: 15px;
	border-radius: 0px !important;
	border-bottom: 1px solid #ebebeb;
	width: 100% !important;
	font-weight: 300;
	text-align: left;
	font-size: 17px;
}

.standard_btn_group_vertical > a > label,
.standard_btn_group_vertical > button > label {
	font-weight: 300;
}

.standard_btn_group_vertical a.active, 
.standard_btn_group_vertical a:focus, 
.standard_btn_group_vertical a:active,
.standard_btn_group_vertical a:hover
{
	padding: 15px !important;
	font-size: 17px !important;
		background-image: linear-gradient(40deg, #29323c 0%, #2F4859 50%);
	background-repeat: repeat-y;
	color: #fff !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #ebebeb;
}

.standard_btn_group_vertical i.fas,
.standard_btn_group_vertical i.far
{
	text-align: left !important;
}

img.standard_btn_group_vertical_icon {
	display: inline-block;
	float: left;
	margin-right: 15px;
	width: 30px;
	margin-top: -5px;
}

img.standard_nav_stacked_icon {
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 40px;
	margin-top: -1px;
}




/* Laracasts/Flash Alert Rendering */

.uspt_flash_alert_bar {
	display: hidden;
	width: 100%;
	font-weight: 300;
	font-size: 24px;
	text-align: center;
	margin-top: -25px;
	margin-bottom: 60px;
	border: none !important;
	border-radius: none !important;
}

.uspt_flash_alert_bar .alert {
	border-radius: 0px !important;
}

.uspt_flash_alert_bar .alert-danger {
	background-color: #F22613 !important;
	color: #fff !important;
	text-align: center;
	font-weight: 300;
}

.uspt_flash_alert_bar .alert-success {
	background-color: #00B16A !important;
	color: #fff !important;
	text-align: center;
	margin-bottom: -50px;
	font-weight: 300;
}


/* Component: Button Group (Bootstrap Style) */

.uspt_justified_btn_group {
	margin-top: -25px;
	margin-bottom: 40px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 17px;
	font-weight: 300 !important;
}

.uspt_justified_btn_group a.active, 
.uspt_justified_btn_group a:focus, 
.uspt_justified_btn_group a:active {
    background: #D31027;
    background: -webkit-linear-gradient(to left, #D31027, #D31027);
    background: linear-gradient(to left, #D31027, #D31027);
	color: #fff !important;
	border: none !important;
}

.uspt_justified_btn_group > .btn-group > a > span {
	font-weight: 300 !important;
	font-size: 17px;
	color: #fff;
}


.uspt_justified_btn_group img.centered {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 50px;
}

.uspt_justified_btn_group img.inline {
	display: inline-block;
	width: 35px;
	margin-right: 15px;
}


/* Borders */

.border_left {
	border-left: 1px solid #ebebeb !important;
	padding-bottom: 50px;
}

.border_bottom {
	border-bottom: 1px solid #ebebeb !important;
	padding-bottom: 50px;
}


/* Spacing */

.row_spacing {
	padding-bottom: 100px;	
	
}


/* Colorpicker */

/* colorselector dropdown */
.dropdown-colorselector>.dropdown-menu {
  top: 80%;
  left: -5px;
  padding: 4px;
  min-width: 200px;
  max-width: 200px;
}

/*
.dropdown-colorselector>.dropdown-menu.pull-right {
  right: -7px;
  left: auto;
}
*/
.dropdown-colorselector>.dropdown-menu>li {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin: 4px;
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity = 80);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 30px;
}

.btn-colorselector {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #1F1B24;
  vertical-align: middle;
  border-radius: 0;
}


/* Dropdown Menu Icon */

.dropdown-menu.dropdown-caret:before {
	border-bottom: 7px solid rgba(0, 0, 0, 0.2);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
	display: inline-block;
	left: 9px;
	position: absolute;
	top: -7px;
}

.dropdown-menu.dropdown-caret:after {
	border-bottom: 6px solid #FFFFFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	left: 10px;
	position: absolute;
	top: -6px;
}





/* Landing */

img.uspt_logo_landing {
	margin-top: 75px;
}

h1.uspt_landing {
	font-weight: 400;
	margin-top: 75px;
}

.container_landing {
	min-height: 350px;
}

.uspt_landing_jumbotron {
	width: 100% !important;
	background: #e52d27;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #b31217, #e52d27);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #b31217, #e52d27); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
}

.uspt_landing_jumbotron p {
	font-weight: 300;
}



/* Component: USPT Modal */

.uspt_modal {
	border-radius: 0px !important;
}

.uspt_modal_dialog {
	border-radius: 0px !important;
}

.uspt_modal_content {
	border-radius: 0px !important;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	height: 100% !important;
}

.uspt_modal_header {
	background-color: #29323c !important;
	text-align: center;
}

.uspt_modal_header h4.uspt_modal_header_title {
	text-align: center;
	font-weight: 300;
	color: #fff;
	display: inline-block;
	font-size: 25px;
	margin-top: 15px;
}

.uspt_modal_header h4.uspt_modal_header_title_new_session_data {
	text-align: center;
	font-weight: 300;
	color: #fff;
	display: inline-block;
	font-size: 17px;
	margin-top: 15px;
}


.uspt_modal_header img.uspt_modal_header_title_icon {
	display: inline-block;
	margin-right: 15px;
	width: 30px;
}

.uspt_modal_header label {
	margin-top: -20px !important;
	font-weight: 300;
	font-size: 17px;
	margin-left: 15px;
}

.uspt_modal_header button.close {
	font-size: 70px !important;
	display: inline-block;
	margin-top: -15px;
	font-weight: 300;
	color: red;
}

.uspt_modal_body {
	width: 90%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
}

.uspt_modal_body .form-group {
	margin-top: 20px;
}

.uspt_modal_body label {
	font-size: 16px;
	font-weight: 300;
}

.uspt_modal_bg_grey {
	background-color: #fff !important;
}

button.btn_new_modal {
	display: table;
	margin-left: auto;
	margin-right: auto;
	min-width: 185px !important;
	margin-bottom: 50px;
}

.btn-new {
	display: table;
	margin-left: auto;
	margin-right: auto;
	min-width: 100px !important;
	margin-bottom: 50px;
}

.uspt_modal_footer {
	padding-top: 25px !important;
	padding-left: 5px;
	padding-right: 5px;
}

.btn_uspt_modal_footer, .uspt_modal_footer_btn {
	border-radius: 0px !important;
	width: 90% !important;
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	font-weight: 300;
}

h3.uspt_modal_add_left {
	font-weight: 300;
	font-size: 17px;	
}

h3.uspt_modal_add_left i.fa {
	margin-right: 15px;	
}

.uspt_modal_row_spacing {
	margin-top: 30px;
}

.uspt_modal_row_spacing label {
	font-size: 17px;
}



/* Component: Text Validation (credit: https://bootsnipp.com/snippets/featured/input-validation-colorful-input-groups) */

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}


/* Subtabs */

ul.uspt_subtabs {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

ul.uspt_subtabs li {
	width: 200px;
	text-align: center;
	font-weight: 300;
	border-radius: 5px;
}

ul.uspt_subtabs li.active > a,
ul.uspt_subtabs > li.active > a:hover,
ul.uspt_subtabs > li.active > a:focus {
	background-color: #415E72;
	color: #fff;
}

ul.uspt_subtabs > li > a.btn-outline-success:hover,
ul.uspt_subtabs > li > a.btn-outline-success:focus {
	background-color: #28a745;
	color: #fff;
}

img.uspt_subtab_icon {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 35px;
}




/* Component: Card (variations on bootstrap 4) */

.uspt_card {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.19);
	background-color: #1F1B24;
	height: auto;
}

h2.uspt_card_title {
	text-align: left;
	color: #fff;
	font-weight: 300;
	margin-left: 25px;
	font-size: 30px;
}

.uspt_card_gradient {
	width: 100%;
	height: 125px;
	padding-top: 30px;
	background: #7474BF;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #348AC7, #7474BF);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.uspt_card_body {
	padding: 20px;
}

.uspt_card_body p.card-text {
	font-size: 18px;
	font-weight: 300;
}

.uspt_card_body  .row_card_action_buttons {
	margin-top: 25px;
}


/* Component: Flip Card */

.flip-card .card {
	perspective: 910px;
	position: relative;
	transform-style: preserve-3d;
}

.flip-card .front {
	backface-visibility: hidden;
	transform-style: preserve-3d;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	transition: all 0.5s ease-out;
}

.flip-card .back {
	backface-visibility: hidden;
	transform-style: preserve-3d;
	position: relative;
	z-index: 0;
	height: 100%;
	width: 100%;
	transform: rotateY(-180deg);
	transition: all 0.5s ease-out;
}


/* Text */

h1.title {
	text-align: center;
	color: #fff !important;
	font-weight: 300 !important;
	font-size: 35px !important;
	margin-top: 75px;
	margin-bottom: 35px;
}

h1.page_title {
	text-align: center;
	color: #455A64;
	font-weight: 300;
	font-size: 50px;
	padding-top: 25px;
	padding-bottom: 50px;
}

h1.page_title img.page_title_icon {
	width: 55px;
	margin-right: 20px;
}

h3.title {
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 30px !important;
	margin-bottom: 75px;
}

h4.title {
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 21px !important;
	margin-bottom: 75px;
}

span.bold {
	font-weight: 600;
}

p.title_this_node {
	text-align: center;
}

p {
	font-size: 17px;
}


/* Table Cell Backgrounds */

td.bg_grey {
	background-color: #fff;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: 300;
}

td.bg_time {
	background-color: #ECF0F1;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: 300;
}

td.bg_grey_blue {
	background-color: #415E72;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: 300;
}

td.bg_blue {
	background-color: #337ab7;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: 300;
}

td.bg_green {
	background-color: #00B16A !important;
	color: #fff;
	font-size: 16px;
	text-align: left;
	font-weight: 300;
}

td.bg_orange {
	background-color: #F89406;
	color: #fff;
	font-size: 16px;
	text-align: left;
	font-weight: 300;
}

td.bg_yellow {
	background-color: #F9BF3B !important;
	color: #fff;
	font-size: 17px;
	text-align: left;
	font-weight: 300;
}

td.bg_light_blue {
	background-color: #3C8AB8 !important;
	color: #fff;
	font-size: 17px;
	text-align: left;
	font-weight: 300;
}

td.bg_light_blue {
	background-color: #3C8AB8 !important;
	color: #fff;
	font-size: 17px;
	text-align: left;
	font-weight: 300;
}

td.bg_dark_blue {
	background-color: #1A4C6D !important;
	color: #fff;
	font-size: 16px;
	text-align: left;
	font-weight: 300;
}

span.bg_light_blue {
	background-color: #3C8AB8 !important;
	color: #fff;
	font-size: 17px;
	text-align: left;
	font-weight: 300;
}

span.bg_dark_blue {
	background-color: #1A4C6D !important;
	color: #fff;
	font-size: 17px;
	text-align: left;
	font-weight: 300;
}

span.bg_green {
	background-color: #00B16A !important;
	color: #fff;
	padding: 8px;
	font-weight: 300 !important;
}

span.bg_red {
	background-color: #E04F5F !important;
	color: #fff;
	font-size: 17px;
	text-align: left;
	padding: 8px;
	font-weight: 300;
}



/* Back Button */

a.btn_back {
	float: left !important;
	display: inline-block;
	font-size: 18px;
}


/* Component: Shadows */

.divider-inside-bottom {
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #ddd;
}

.divider-inside-bottom:before {
	content: "";
	position:absolute;
	z-index: 1;
	width:96%;
	bottom: -10px;
	height: 10px;
	left: 2%;
	border-radius: 100px / 5px;
	box-shadow:0 0 18px rgba(0,0,0,0.6);
}


.divider-inside-top {
	position:relative;
	overflow:hidden;
	border-top:1px solid #ddd;
}
.divider-inside-top:before {
	content: "";
	position:absolute;
	z-index: 1;
	width:96%;
	top: -10px;
	height: 10px;
	left: 2%;
	border-radius: 100px / 5px;
	box-shadow:0 0 18px rgba(0,0,0,0.6);
}

.divider-outside-top {
	position:relative;
}
.divider-outside-top:before {
	content: "";
	position:absolute;
	z-index: -1;
	width:96%;
	top: 0;
	height: 10px;
	left: 2%;
	border-radius: 100px / 5px;
	box-shadow:0 0 18px rgba(0,0,0,0.6);
}

.divider-inside-top-bottom {
  position:relative;
  overflow:hidden;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.divider-inside-top-bottom:before {
  content: "";
  position:absolute;
  z-index: 1;
  width:96%;
  top: -10px;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow:0 0 18px rgba(0,0,0,0.6);
}
.divider-inside-top-bottom:after {
  content: "";
  position:absolute;
  z-index: 1;
  width:96%;
  bottom: -10px;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow:0 0 18px rgba(0,0,0,0.6);
}

.divider-inside-left {
	position:relative;
	overflow:hidden;
	border-left:1px solid #ddd;
}

.divider-inside-left:before {
	content: "";
	position:absolute;
	z-index: 1;
	width: 5px;
	top: 5%;
	height: 100%;
	left: -10px;
	border-radius: 5px / 100px;
	box-shadow:0 0 13px rgba(0,0,0,0.6);
}

.divider-inside-right {
  position:relative;
  overflow:hidden;
  border-right:1px solid #ddd;
}
.divider-inside-right:before {
  content: "";
  position:absolute;
  z-index: 1;
  width:10px;
  top: 5%;
  height: 90%;
  right: -10px;
  border-radius: 5px / 100px;
  box-shadow:0 0 13px rgba(0,0,0,0.6);
}

.divider-inside-sides {
  position:relative;
  overflow:hidden;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}
.divider-inside-sides:before {
  content: "";
  position:absolute;
  z-index: 1;
  width:10px;
  top: 5%;
  height: 90%;
  left: -10px;
  border-radius: 5px / 100px;
  box-shadow:0 0 13px rgba(0,0,0,0.6);
}

.divider-inside-sides:after {
  content: "";
  position:absolute;
  z-index: 1;
  width:10px;
  top: 5%;
  height: 90%;
  right: -10px;
  border-radius: 5px / 100px;
  box-shadow:0 0 13px rgba(0,0,0,0.6);
}

.divider-outside-top-bottom {
  position:relative;
}
.divider-outside-top-bottom:before {
  content: "";
  position:absolute;
  z-index: -1;
  width:96%;
  top: 0;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow:0 0 18px rgba(0,0,0,0.6);
}
.divider-outside-top-bottom:before {
  content: "";
  position:absolute;
  z-index: -1;
  width:96%;
  bottom: 0;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow:0 0 18px rgba(0,0,0,0.6);
}



/* Horizontal List Group */

.list-group-horizontal .list-group-item
{
	display: inline-block;
}
.list-group-horizontal .list-group-item
{
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
 	border-right-width: 0;
}
.list-group-horizontal .list-group-item:first-child
{
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child
{
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
	border-right-width: 1px;
}


/* Odd Radio Buttons */

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}


/* C3.js (graphs) */

.c3_node_sv_donut {
	margin-top: -40px;
	width: 75%;
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;

}

.c3_node_sv_donut .c3-legend-item a {
	display: block !important;
	text-align: center;
}

bg.chart{
	background-color: #ebebeb;
	border-radius: 5px;
}




/* Component: Button Group (Big Buttons (btn-nav)) */

.uspt_main_nav_btn_group {
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.uspt_main_nav_btn_group > .btn-group > a > span {
	font-weight: 400;
	font-size: 17px;
	color: #fff;
}

img.uspt_main_nav_btn_group_icon {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 50px;
}

.btn-nav {
    background-color: #1F1B24;
    border: 1px solid #e0e1db;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.btn-nav p {
	margin-top: 10px;
	font-weight: 400;
}


.btn-nav:hover {
    color: #e92d00;
    cursor: pointer;
    -webkit-transition: color 1s; /* For Safari 3.1 to 6.0 */
    transition: color 1s;
}

.btn-nav.active {
    padding: 2px;
	border-top: 6px solid #E04F5F;
	border-bottom: 6px solid #E04F5F;
    border-left: 0;
    border-right: 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-transition: border 0.3s ease-out, color 0.3s ease 0.5s;
    -moz-transition: border 0.3s ease-out, color 0.3s ease 0.5s;
    -ms-transition: border 0.3s ease-out, color 0.3s ease 0.5s; /* IE10 is actually unprefixed */
    -o-transition: border 0.3s ease-out, color 0.3s ease 0.5s;
    transition: border 0.3s ease-out, color 0.3s ease 0.5s;
    -webkit-animation: pulsate 1.2s linear infinite;
    animation: pulsate 1.2s linear infinite;
}

.btn-nav.active i.fa {
	color: #e92d00;
}

.btn-nav.active:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 6px 6px 0;
	border-color: #e92d00 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -6px;
	top: 0;
	left: 50%;
}

.btn-nav i.fa {
	text-align: center;
    padding-top: 16px;
	font-size: 40px;
	color: #455A64;
}

.btn-nav:hover i.fa {
	color: #e92d00 !important;
}
.btn-nav.active p {
    margin-bottom: 8px;
}

@-webkit-keyframes pulsate {
 50% { color: #455A64; }
}

@keyframes pulsate {
 50% { color: #455A64; }
}

@media (max-width: 480px) {
	.btn-group {
	    display: block !important;
	    float: none !important;
	    width: 100% !important;
	    max-width: 100% !important;
	}
}

@media (max-width: 600px) {
    .btn-nav .glyphicon {
        padding-top: 12px;
        font-size: 26px;
    }
}


/* Pills */

.uspt_pill_dropdown_menu {
	width: 100% !important;
}



/* uspt Button Groups */

/* Centered */

.uspt_centered_btn_group {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.uspt_centered_btn_group img.btn_group_icon {
	display: inline-block;
	width: 25px;
	margin-right: 10px;
}


/* Scroll to Top Button */

#scrollToTopButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
	background-image: linear-gradient(40deg, #29323c 0%, #2F4859 50%);
    color: #fff; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#scrollToTopButton:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}



/* Settings: Subscription (Payment Methods Explanation) */

.accepted_payment_methods {
	background-color: #1F1B24;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 15px;
	margin-bottom: 25px;
	margin-top: 50px;
}

.accepted_payment_methods p {
	color: #fff;
	font-weight: 300;
	text-align: center;
	margin-top: 5px;
}

img.settings_payment_method_icon_inline {
	width: 35px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	margin-left: 15px;
}

img.settings_payment_method_icon_touch_id_inline {
	width: 70px;
	margin-left: -5px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	margin-right: -17px;
}

img.settings_payment_method_icon_bitcoin_inline {
	width: 42px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	margin-left: 15px;
	margin-right: 47px;
}

.settings_explanation_payment_methods a.settings_payment_method_learn_more {
	margin-left: 10px;
	display: inline-block;
}

.settings_explanation_payment_methods a.settings_payment_method_learn_more:hover {
	color: #3C8AB8;
}

button.cancel {
	width: 100% !important;
}

label.label_subscriptions_quantity {
	font-size: 16px;
	font-weight: 300;
}




/* Start Other CSS Here */

p.btn_forgot_password {
	text-align: center;
	margin-top: 50px;
}

p.btn_forgot_password a {
	font-weight: 300;
	color: #E04F5F;
}

p.btn_forgot_password a:hover {
	text-decoration: underline;
	color: #fff;
}

.login { 
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 50px;;
}

.login h1 { 
	color: #fff;
	font-weight: 300;
	letter-spacing:1px;
	text-align:center; 
	margin-bottom: 75px;	
}


/* Header/Menu */

h1.uspt_top_title_and_logo {
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 45px;
}

h1.uspt_top_title_and_logo img.uspt_logo {
	width: 70px;
	display: inline-block;
}

h3.uspt_sub_title {
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 25px;
}

/* Sub-Tabs */

ul.uspt_menu {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}



ul.uspt_menu li {
	text-align: center;
	font-weight: 300;
	border-radius: 5px;
	font-size: 17px;
}

ul.uspt_menu li a {
	color: #F22613;

}

ul.uspt_menu li.active > a, 
ul.uspt_menu > li > a:hover, 
ul.uspt_menu > li > a:focus {
	background-color: #fff;
	color: #fff !important;
}

ul.uspt_menu ul.dropdown-menu li a {
	color: #E04F5F;
}


/* Upload Page */

p.upload_description {
	text-align: center;
	font-weight: 300;
	color: #fff;	
	margin-bottom: 15px;
	font-size: 17px;
}

.upload_box {
	width: 95%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	background-color: #fff;
	opacity: 0.95;
}

.upload_box img.upload_box_icon {
	width: 40px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}

.upload_box button {
	display: table;
	margin-left: auto;
	margin-right: auto;
}


/* Nav pills */

ul.uspt_nav_pills {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

ul.uspt_nav_pills li {
	min-width: 200px;
	font-weight: 300;
	font-size: 17px;	
	text-align: center;
}



/* Component: Text Validation (credit: https://bootsnipp.com/snippets/featured/input-validation-colorful-input-groups) */

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}


/* NIST Questionnaire */

.row_question {
	padding: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ebebeb;
}

.row_question h4 {
	text-align: left;
	font-weight: 400;
}

.row_question p {
	font-size: 17px;
	font-weight: 300;
}

img.verify_access_code_icon {
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 55px;
	margin-bottom: 25px;
}

.queston_select_bg {
	background-color: #fff;
	padding: 10px;
}

.btn_submit {
	font-size: 17px;
	font-weight: 300;
	width: 100%;
	margin-bottom: 25px;
}



/* Search Card */

img.form_sidebar_icon {
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 55px;
	margin-top: 10px;	
}

.card_search {
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding: none !important;
	margin-top: 50px;
	margin-bottom: 50px;
}

.card_search_top {
	width: 100%;
	height: 50px;
	margin-top: 25px;
}

.card_search_top p {
	text-align: center;
	font-weight: 300;
	color: #fff;
	padding-top: 10px;
}

.card_search_body {
	padding: 25px;
}

.card_search .row_search_card {
	margin-top: 20px;
	padding-top: 20px;
}

.card_search .row_search_submit {
	margin-top: 30px;
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
}

.card_search .row_search_submit .btn {
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	width: 100%;
}

.card_search label {
	font-size: 16px;
	font-weight: 300;
}




.row_software_first {
	margin-top: 50px;
}

.in_tab_container {
	padding-top: 25px;
	padding-bottom: 25px;
}

.in_tab_container h2 {
	text-align: center;
	font-weight: 300;
	color: #fff;
	margin-top: 50px;
	margin-bottom: 50px;	
}


/* Buttons */

.btn_table_action {
	display: inline;
	
	margin-left: 5px;
	margin-right: 5px;	
}

.btn_new {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}


/* Sub Incidnt Resolution */

.sub_incident_resolution_box {
	display: table;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.19);
	width: 100%;
	min-height: 300px;
	overflow-y: scroll;
}


.sub_incident_resolution_box_red {
	background-color: #F05555; 
	color: #fff !important;
}

.sub_incident_resolution_box_green {
	background-color: #00B16A;
	color: #fff !important;
}


/* NIST Questionnaire */

.row_nist_questionnaire_status_completion_fraction {
	margin-bottom: 100px;	
}

h2.nist_questionnaire_status_completion_fraction {
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-weight: 300;
	font-size: 25px;
	
	text-align: center;
}

h2.nist_questionnaire_status_completion_fraction > label {
	font-weight: 300;
	font-size: 25px;
	width: 250px;
	text-align: center !important;;
}


h1.nist_edit_title_spacing {
	margin-bottom: 25px;
}


.btn_uspt_popover_inline {
	display: inline-block !important;
	margin-left: 15px;
}

.btn_inline {
	display: inline-block !important;
	margin-left: 5px;
}


.nist_question_statistics_box {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.19);
	background-color: #fff;
	min-height: 200px;
	float: right;
	width: 100%;
	margin-bottom: 75px;
	height: auto;
	padding: 20px;
	color: #fff;
}

.nist_question_statistics_box_section {
	margin-bottom: 30px;
}

.nist_question_statistics_box_section h2 {
	text-align: left;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 20px;
}

.nist_question_statistics_box_section h3 {
	text-align: left;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 20px;
}

.nist_question_statistics_box_section h4 {
	text-align: left;
	font-weight: 300;
	margin-bottom: 20px;
}


/* Show (NIST customer answers) */

.fixed_sidebar {
	 position: fixed;
}

.fixed_sidebar_scroll_margin {
	margin-top: -350px !important;
}

ul.nav_stacked_nist_customer_answers_sidebar li a {
	font-size: 15px;
	color: #F22613;
}

span.nist_customer_answers_sidebar_span_containing_labels > label {
	font-size: 14px;
	font-weight: 300;
}

ul.nav_stacked_nist_customer_answers_sidebar > li a:focus,
ul.nav_stacked_nist_customer_answers_sidebar > li.active a:focus,
ul.nav_stacked_nist_customer_answers_sidebar > li.active a {
	background-color: #fff;
	color: #fff;
}

.content_scroll {
	padding-bottom: 500px;
}

.nist_question_action_container_top {
	width: 100%;
	padding: 20px;
	background-color: #fff;
	color: #fff;
}

.nist_question_action_container {
	min-height: 300px;
	margin-top: 50px;
	width: 100%;
	float: right;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.19);
	padding: none;
	border: 1px solid #ebebeb;
	margin-bottom: 50px;
}

.nist_question_action_container_top {
	width: 100%;
	padding: 20px;
	background-color: #fff;
	color: #fff;
}

.nist_question_action_container_top h3 {
	font-weight: 300;
	text-align: left;
	font-size: 17px;
	color: #fff;
}

.nist_question_action_container_top p {
	line-height: 25px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

h2.title {
	font-weight: 300;
	font-size: 45px;
	margin-top: 25px;
	margin-bottom: 75px;
	text-align: center;
}

h2.title_left {
	font-weight: 300;
	font-size: 45px;
	margin-top: 50px;
	margin-bottom: 35px;
	text-align: left;
}


h3.title_left {
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 35px;
	text-align: left;
}


.row_standard {
	margin-top: 50px;
	margin-bottom: 50px;
}

.list-group-item {
	font-size: 17px;
	font-weight: 300;
}



/* Corrective Action Plan */

.action_plan_status {
	width: 100%;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.19);
	background: #232526;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff !important;
	margin-top: 0px;
	margin-bottom: 75px;
}

.action_plan_status p.action_plan_status_left {
	text-align: left;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.action_plan_status h4 {
	margin-top: 35px;
}

.action_plan_content_container {
	position: relative !important;
	min-height: 700px !important;
	height: auto !important;
}

h3.action_plan_title {
	margin-top: 100px;
	margin-bottom: 25px;
}

p.action_plan_sub_question_completion_status {
	text-align: center;
	color: #fff !important;
	font-size: 15px;
}

.scroll_content {
	width: 90%;
	float: right;
	height: 900px;
	overflow-y: scroll;
	padding-bottom: 200px;
}


/* Corrective Action Plan: Specific Quesiton */

.container_corrective_action_plan_specific_question {
	min-height: 900px;
	padding: 10px;
	margin-bottom: 50px;
}


/* Corrective Action Plan/Feedback */

.row_action_plan_individual_questions {
	margin-bottom: 50px;
}



h3.action_plan_sidebar_question {
	text-align: center;
	font-weight: 300;	
}

p.action_plan_sidebar_feedback_count label {
	font-weight: 300;
	margin-bottom: 15px;
	font-size: 15px;
}


/* Customer Settings: My Profile */

img.my_profile_icon {
	width: 50px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: -25px;;
}

a.btn_back_my_profile {
	font-weight: 300;
	font-size: 17px;
	margin-top: 60px;	
}

.profile-block {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 300px;
	margin-top: 10px;
	border: 1px solid #ebebeb;
}
	
.profile-block .user-heading {
	background: #c5251e none repeat scroll 0 0;
	border-radius: 4px 4px 0 0;
	color: #fff;
	padding: 20px;
	text-align: center;
}

.profile-block-content {
	padding: 10px;
	min-height: 400px;
	display: block;
}

.profile-block-form-buttons {
	width: 80%;
	display: table;
	margin-left: auto;
	margin-right: auto;

	padding-bottom: 10px;
}

.profile-block .user-heading a img {
	border-radius: 50%;
	margin:auto auto 10px;
	display: block;
	height: 140px;
	width: 140px;
	border: 10px solid rgba(255, 255, 255, 0.3);
}

.profile-block .user-heading h1 {
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	line-height: 22px;
	margin-bottom: 15px;
	margin-top: 15px;
}

p.edit_my_profile_left {
	font-size: 15px;
	text-align: right;
	font-weight: 300 !important;

}

table.table_user_profile td {
	font-weight: 300;
	font-size: 15px;
}

p.table_user_profile_left {
	font-weight: 400;
	text-align: left;
}

p.table_user_profile_left i.fa {
	margin-right: 10px;	
}

p.table_user_profile_right {
	font-weight: 00;
	text-align: left;
}



/* Component: Flip Card */

.flip-card {
	perspective: 910px;
	position: relative;
	transform-style: preserve-3d;
}

.front {
	backface-visibility: hidden;
	transform-style: preserve-3d;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	transition: all 0.5s ease-out;
}

.back {
	backface-visibility: hidden;
	transform-style: preserve-3d;
	position: relative;
	z-index: 0;
	height: 100%;
	width: 100%;
	transform: rotateY(-180deg);
	transition: all 0.5s ease-out;
}


/* Container */

.container_standard {
	min-height: 500px;
}



/* Action Plan Feedback */

.modal_scroll_vertical {
	height: 700px;
	overflow-y: scroll;
}

h3.modal_title {
	text-align: center;
	font-weight: 300;
}

h4.modal_sub_title {
	text-align: center;
	margin-bottom: 50px;
}

.row_feedback {
	margin-top: 25px;
	padding-top: 25px;
}

.row_feedback_customer_original_answer {
	margin-top: 25px;
	padding-top: 25px;
}

h3.in_modal_sidebar_title_action_plan_feedback {
	text-align: left;
}

p.in_modal_sidebar_title_action_plan_feedback_date_time {
	text-align: center;
	font-size: 15px;
}

.feedback_container {
	min-height: 150px !important;
	border: 1px solid red;
}

.feedback_left {
    padding: 0px !important;
    min-height: 200px;
	width: 250px;
	height: 100% !important;
}


.feedback_left_customer {
	background-color: #ECF0F1;
}

.feedback_left_top_bar_customer {
	width: 100% !important;
	height: 50px;
	background: #457fca;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #5691c8, #457fca);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #5691c8, #457fca); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}

.feedback_left_uspt {
	background: #D31027;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #EA384D, #D31027);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #EA384D, #D31027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.feedback_left_top_bar_uspt {
	width: 100% !important;
	height: 50px;
	background-color: #343a40;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}

.feedback_middle {
	border-top: 2px solid #ebebeb;
	height: 100% !important;
	padding-top: 25px;
}

.feedback_right {
	text-align: center;
		
}

/* Corrective Action Plan: Specific Question */

.corrective_action_plan_specific_question_tabs {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

.corrective_action_plan_specific_question_tabs li a
 {
	background-color: #1F1B24;
	color: #
	color: #fff;
	font-size: 17px;
}


/* Feedbac 



/* Pills */

ul.pills2 {
	display: table;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 50px;
	margin-top: 50px;
}

ul.pills2 li {
	text-align: center;
	font-weight: 300;
	font-size: 17px;
	min-width: 200px;
}

ul.pills2 li.active,  ul.pills2 li.active a {
	background-color: #1F1B24;
	color: #F22613;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}





/* Standard Tab Pills */

ul.standard_pills {
	display: table;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 25px;
}

.standard_pills > li > a {
	background-color: #1F1B24;
	color: #F22613;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #fff;
}

ul.standard_pills li {
	text-align: center;
	font-weight: 300;
	font-size: 17px;
	min-width: 150px;
}

ul.standard_pills li.active a {
	background-color: #F22613;
	color: #fff;
}

.standard_pills > li.active > a:hover,
.standard_pills > li > a:hover
{
	background-color: #1F1B24;
	color: #F22613;
	border: 1px solid #ebebeb;
}

.standard_pills > li > a:focus,
.standard_pills > li.active > a:focus
 {
	background-color: #1F1B24;
	color: #F22613;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}






/* Documents */

.uspt_button_group_documents {
	margin-bottom: 50px;	
}


/* Documents: Uploader */

.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #1F1B24;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}


/* Assessments (New) */

.assessment_content_container {
	margin-top: 50px;
	margin-bottom: 75px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

/* Assessment Question Categories/Sub-Categories */

h3.title_assessment_question_category_name,
h3.title_assessment_question_category_name label {
	text-align: left;
	font-weight: 300;
}


/* Documents Table */

.container_documents_table {
	display: block;
	margin-top: 100px;
}


/* Component: Color-Picker */

._select_color{
    font-size: 20px;
    padding: 10px 12px;
    font-weight: 300;
    line-height: 28px;
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    width: 100%;
    height: auto;
    box-shadow: none;
        text-align: left;
    background-image: none;
    color: #796652;
    background: white;
}
._select_color_drop {
    margin: 0;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 99%;
    border-top: 0;
    width: 100%;
}
._select_color_drop > li {
    display: inline-block;
    padding: 7px;
    border-right: 1px solid rgba(192, 192, 192, 0.55);
    cursor: pointer;
    float: left;
}
._select_color_drop > li > .color,.btn > span.color{
    width: 25px;
    height: 25px;
    border-radius: 4px;
    float: left;
}
.btn > span.color{margin-right:10px}
.btn .caret{
    float: right;
    border-top: 7px solid;
    font-size: 28px;
    padding-top: 5px;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 20px;    
}
._select_color_drop > li > .red ,.btn._select_color > span.red{background-color: red;}
._select_color_drop > li > .green ,.btn._select_color > span.green{background-color: green;}
._select_color_drop > li > .yellow ,.btn._select_color > span.yellow{background-color: yellow;}
._select_color_drop > li > .brown ,.btn._select_color > span.brown{background-color: brown;}
._select_color_drop > li > .orange ,.btn._select_color > span.orange{background-color: orange;}
._select_color_drop > li > .pink ,.btn._select_color > span.pink{background-color: pink;}
._select_color_drop > li > .silver ,.btn._select_color > span.silver{background-color: silver;}
._select_color_drop > li > .blue ,.btn._select_color > span.blue{background-color: blue;}
._select_color_drop > li > .TEAL ,.btn._select_color > span.TEAL{background-color: #008080;}
._select_color_drop > li > .NAVY ,.btn._select_color > span.NAVY{background-color: #000080;}
._select_color_drop > li > .PURPLE ,.btn._select_color > span.PURPLE{background-color: #800080;}
._select_color_drop > li > .OLIVE ,.btn._select_color > span.OLIVE{background-color: #808000;}
._select_color_drop > li > .LIME ,.btn._select_color > span.LIME{background-color: #00FF00;}



/* Compliance Projects */

.row_compliance_project {
	margin-bottom: 50px;
	border-top: 1px solid #ebebeb;
	padding-top: 15px;
}

/* Component: Progress Bars */

.progress {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	font-size: 15px;
	line-height: 20px;
	color: #fff;
}
.progress {
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));
	background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
	background-image: -moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
	background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);
}
.progress {
	height: 12px;
	background-color: #ebeef1;
	background-image: none;
	box-shadow: none;
}
.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	-webkit-transition: width .6s ease;
	transition: width .6s ease;
}
.progress-bar-primary {
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));
	background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%);
	background-image: -moz-linear-gradient(top,#428bca 0,#3071a9 100%);
	background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
}
.progress-bar-primary {
	box-shadow: none;
	border-radius: 3px;
	background-color: #0090D9;
	background-image: none;
	-webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-moz-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-ms-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-o-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.progress-bar-success {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));
background-image: -webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: -moz-linear-gradient(top,#5cb85c 0,#449d44 100%);
background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0);
}
.progress-bar-success {
background-color: #2ecc71 !important;
background-image: none;
}
.progress-bar-info {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#31b0d5));
background-image: -webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
background-image: -moz-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
background-image: linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0);
}
.progress-bar-info {
background-color: #0090D9;
background-image: none;
}
.progress-bar-warning {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));
background-image: -webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
background-image: -moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0);
}
.progress-bar-warning {
background-color: #FDD01C;
background-image: none;
}
.progress-bar-danger {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));
background-image: -webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);
background-image: -moz-linear-gradient(top,#d9534f 0,#c9302c 100%);
background-image: linear-gradient(to bottom,#d9534f 0,#c9302c 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0);
}
.progress-bar-danger {
background-color: #CF000F !important;
background-image: none;
}


/* Teams */

.row_index_teams {
	margin-top: 35px;
	margin-bottom: 35px;
	padding: 10px;
}


/* Modal Box */


/* Modal Selection Boxes */

a.link_modal_box  {
	text-decoration: none !important;
	cursor: hand !important;
	color: #fff;
}

.modal_box {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 275px;
	width: 275px;
	background-color: #29323c;
	color: #fff;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.modal_box::after {
	content: "";
	border-radius: 5px;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.modal_box:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.modal_box:hover::after {
	opacity: 1;
}

img.modal_box_icon {
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
}

.modal_box h3 {
	text-align: center;
	font-weight: 300;
	margin-top: 25px;
	margin-bottom: 35px;
}

.modal_box p,
.modal_box td
{
	text-align: center;
	font-weight: 300;
	line-height: 30px;
	margin-top: 25px;
	font-size: 17px;
}



/* Projects */

.row_project {
	margin-bottom: 65px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ebebeb;
}

.row_project h2 a {
	font-size: 25px;
	font-weight: 300;
}


/* Priority Levels */

.priority_10, label.label-priority-10 {
	background-color: #96281B;
}

.priority_9, label.label-priority-9 {
	background-color: #CF000F;
}

.priority_8, label.label-priority-8 {
	background-color: #D35400;
}

.priority_7, label.label-priority-7 {
	background-color: #EB9532;
}

.priority_6, label.label-priority-6 {
	background-color: #E9D460;
}

.priority_5, label.label-priority-5 {
	background-color: #049372;
}

.priority_4, label.label-priority-4 {
	background-color: #26C281;
}

.priority_3, label.label-priority-3 {
	background-color: #4B77BE;
}

.priority_2, label.label-priority-2 {
	background-color: #1E8BC3;
}

.priority_1, label.label-priority-1 {
	background-color: #89C4F4;
}



/* Sidebar Filter */

.uspt_sidebar_filter {
	width: 90%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	height: 600px;
	overflow-y: scroll !important;
	text-align: left;
}

.uspt_list_group_scroll_height {
	height: 600px;
	overflow-y: scroll !important;
}

.uspt_sidebar_filter ul {
	width: 100%;
}

.uspt_sidebar_filter a.list-group-item {
	color: #fff;
	font-weight: 300;
	font-size: 125%;
	width: 100%;
	min-width: 150px;
	border-radius: 0px !important;
}

.uspt_sidebar_filter a.list-group-item > i.fa {
	margin-right: 15px;
}

.uspt_sidebar_filter a.active, 
.uspt_sidebar_filter a.active:focus,
.uspt_sidebar_filter a:focus,
.uspt_sidebar_filter a:hover
{
	background-color: #fff;
	color: #fff !important;
}

.uspt_sidebar_filter_input_group {
	margin-top: 25px;
}

.uspt_sidebar_filter span.list_group_item_text {
	text-align: center;
}

img.list_group_item_icon_inline {
	display: inline-block;
	width: 30px;
	margin-right: 10px;
}


/* Content Container (Scrollable) */

.content_container_scroll {
	display: block;
	width: 100%;
	padding-top: 75px;
	padding-bottom: 75px;
}




/* Project Card */

a.link_project_card  {
	text-decoration: none !important;
	cursor: hand !important;
	color: #fff;
}

.project_card {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	width: 100%;
	background-color: #1F1B24;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.project_card::after {
	content: "";
	border-radius: 5px;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.project_card:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.project_card:hover::after {
	opacity: 1;
}

.project_card p,
.project_card td
{
	text-align: left;
	font-weight: 300;
	line-height: 30px;
	margin-top: 25px;
	font-size: 17px;
}

.project_card_priority_top {
	margin-top: none !important;
	width: 100% !important;
	padding: 5px;
	text-align: center;
	color: #fff;
}

.project_card_priority_top h3 {
	text-align: center;
	font-weight: 300;
}

.project_card_content {
	padding: 15px;
	height: 325px;
}

.project_card .progress {
	margin-top: 50px;
}



/* General: Content Card */

.content_card {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
	display: table;
	margin-left: auto;
	margin-right: auto;
	min-height: 100px;
	padding: none !important;
	width: 100%;
	margin-top: 35px;
	margin-bottom: 35px;
	background-color: #1F1B24;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.content_card_if_primary_customer_team {
	background: #FC466B;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 300;
	color: #fff;
	text-align: left;
}

.content_card_section_title {
	width: 100%;
	background-color: #fff;
	height: 50px;
	padding-right: 10px;
	padding-top: -10px !important;
}

.content_card_section_title h3 {
	text-align: left;
	color: #fff !important;
	font-weight: 300 !important;
	padding-left: 15px;
	margin-top: 10px !important;
}

.content_card_section_content {
	width: 100%;
}



/* Resources: Servers and Software */

.row_resource_server {
	margin-top: 40px;
	margin-bottom: 40px;
}

img.server_left_box_icon {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
}

.server_content_card {
	padding-top: 25px;
}




/**************Animation File Start Here (animate.css)****************/
/**************Copy and Save this in another file (animate.css)****************/

/* Animation Delay */
.d01{ animation-delay:0.1s; -moz-animation-delay:0.1s; -webkit-animation-delay:0.1s; }
.d02{ animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
.d03{ animation-delay:0.3s; -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; }
.d04{ animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
.d05{ animation-delay:0.5s; -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.d06{ animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
.d07{ animation-delay:0.7s; -moz-animation-delay:0.7s; -webkit-animation-delay:0.7s; }
.d08{ animation-delay:0.8s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; }	
.d09{ animation-delay:0.9s; -moz-animation-delay:0.9s; -webkit-animation-delay:0.9s; }
.d10{ animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s; }
.d11{ animation-delay:1.1s; -moz-animation-delay:1.1s; -webkit-animation-delay:1.1s; }
.d12{ animation-delay:1.2s; -moz-animation-delay:1.2s; -webkit-animation-delay:1.2s; }
.d13{ animation-delay:1.3s; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; }
.d14{ animation-delay:1.4s; -moz-animation-delay:1.4s; -webkit-animation-delay:1.4s; }
.d15{ animation-delay:1.5s; -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; }
.d16{ animation-delay:1.6s; -moz-animation-delay:1.6s; -webkit-animation-delay:1.6s; }
.d17{ animation-delay:1.7s; -moz-animation-delay:1.7s; -webkit-animation-delay:1.7s; }
.d18{ animation-delay:1.8s; -moz-animation-delay:1.8s; -webkit-animation-delay:1.8s; }
.d19{ animation-delay:1.9s; -moz-animation-delay:1.9s; -webkit-animation-delay:1.9s; }
.d21{ animation-delay:2.1s; -moz-animation-delay:2.1s; -webkit-animation-delay:2.1s; }
.d26{ animation-delay:2.6s; -moz-animation-delay:2.6s; -webkit-animation-delay:2.6s; }
.t14{
	animation-duration: 1.4s !important;
}
.t24{
	animation-duration: 2.4s !important;
}
/*Animation ends*/
.anim,.anima {
    opacity: 0;
}
.anim.animated,.anima.animated {
    opacity: 1;
}

/***CSS Animations****/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */


.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.animated.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.animated.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animated.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animated.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.animated.rubber {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.animated.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.animated.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animated.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: none;
  }
}

.animated.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.animated.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.animated.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.animated.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.animated.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.animated.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.animated.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.animated.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.animated.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.animated.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animated.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animated.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.animated.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.animated.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.animated.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.animated.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.animated.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.animated.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.animated.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.animated.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.animated.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.animated.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.animated.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.animated.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.animated.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.animated.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.animated.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animated.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animated.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.animated.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.animated.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animated.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.animated.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.animated.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.animated.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.animated.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.animated.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -1000%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-1000%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(1000%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 1000%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 1000%, 0);
  }
}

.animated.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-1000%, 0, 0);
  }
}

.animated.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(1000%, 0, 0);
  }
}

.animated.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -1000%, 0);
  }
}

.animated.slideOutUp {
  animation-name: slideOutUp;
}


.testimonial-sec {
    overflow: hidden !important;
}
/************** Animation CSS End ****************/



/************** Timeline CSS Start ****************/
#timeline {
  list-style: none;
  position: relative;
  margin:50px auto;
  width:90%;
}
#timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #4997cd;
  left: 50%;
  margin-left: -1.5px;
}
#timeline .clearFix {
  clear: both;
  height: 0;
}
#timeline .timeline-badge {
	color: #fff;
	width: 25px;
	height: 25px;
	font-size: 1.2em;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -13px;
	background-color: #1F1B24;
	z-index: 6;
	border-radius: 50%;
	border: 2px solid #4997cd;
}
#timeline .timeline-badge span.timeline-balloon-date-day {
  font-size: 1.4em;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
  font-size: .7em;
  position: relative;
  top: -10px;
}
#timeline .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
  color: #4997cd;
  font-size: 1.3em;
  top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
	background-color: #ffffff;
	height: 120px;
	width: 120px;
	font-size: 1.7em;
	top: -16px;
	margin-left: -60px;
	border: 2px solid #4997cd;
}
#timeline .timeline-badge.timeline-future-movement p {
	color:#1782cc;
	position: absolute;
	top: 40px;
	left: 32px;
}
#timeline .timeline-badge.timeline-future-movement a span {
  color: #4997cd;
  font-size: .9em;
  top: 0;
  left: 1px;
}
#timeline .timeline-movement {
/*   border-bottom: dashed 1px #4997cd; */
  position: relative;
  margin-bottom: 10rem;
}
#timeline .timeline-movement.timeline-movement-top {
  height: 100px;
  
}
/* #timeline .timeline-movement .timeline-item {
  padding: 20px 0;
} */
#timeline .timeline-movement .timeline-item .timeline-panel {
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  background-color: #FFFFFF;
  color: #666;
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#timeline .timeline-movement .timeline-item .timeline-panel.credits  .timeline-panel-ul .lefting-wrap {
	float: right;
	width: 30%;
	height: 130px;
	background-color: floralwhite;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits  .timeline-panel-ul .righting-wrap {
	float: left;
	width: 70%;
	height: 130px;
	padding: 0 12px 0 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
  color: #666;
  width: 100%;
}
.clear {
	clear:both;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits  .timeline-panel-ul .lefting-wrap {
	float: left;
	width: 30%;
	height: 130px;
	background-color: floralwhite;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits  .timeline-panel-ul .righting-wrap {
	float: right;
	width: 70%;
	height: 130px;
	padding: 0 0 0 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li.img-wraping {
	width: 100%;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li.img-wraping a img, #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li.img-wraping a img {
    width: 100%;
    height: 130px;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li {
	color: #666;
	width: 100%;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li a.importo  {
  color: #468c1f;
  font-size: 1.3em;
  font-weight: 600;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
  text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul a.importo {
  color: #e2001a;
  font-size: 1.3em;
  font-weight: 600;
}







/**
 * popover
 * --------------------------------------------------
 */
.popover {
  color: white;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.59), 0 6px 6px rgba(0,0,0,0.59) !important;
  border-color: #fff;
  font-size: 18px !important;
  line-height: 35px !important;
  font-weight: 400 !important;
  width: auto !important;
  height: auto !important;
  letter-spacing: 1px;
  min-width: 250px !important;
}
.popover-title {
  padding-bottom: 5px !important;
  margin-bottom: 15px !important;
   font-size: 21px !important;
  line-height: 30px !important;
  font-weight: 300 !important;
  color: #ebebeb;
  background-color: transparent;
  border-bottom: 1px solid #ebebeb;
}
.popover.top .arrow, .popover.top .arrow:after {
  border-top-color: #fff;
}
.popover.right .arrow, .popover.right .arrow:after {
  border-right-color: #fff;
}
.popover.bottom .arrow, .popover.bottom .arrow:after {
  border-bottom-color: #fff;
}
.popover.left .arrow, .popover.left .arrow:after {
  border-left-color: #fff;
}


/* Form Stepwizard */

/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */

/*@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');*/

.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}


/* Component: Checkboxes and Radio */

/* ---------------------------------------------------

Project : CSS Checkbox Switch
Author : Partha Kar (https://www.facebook.com/partha.creativemind)
Version : 1.0
Release Dtae : 15 November, 2017

---------------------------------------------------- */


.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
}


/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: rgb(180, 182, 183);
    border-color: rgb(180, 182, 183);
    box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
    background-color: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
    background-color: rgb(232,235,238);
    border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
    background-color: rgb(248,249,250);
    border-color: rgb(243, 243, 243);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
    background-color: rgb(248,249,250);
    border-color: rgb(248,249,250);
    box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked + span {
    background-color: rgb(52,58,64);
    border-color: rgb(52,58,64);
    box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
    background-color: rgb(100, 102, 104);
    border-color: rgb(100, 102, 104);
    box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
    background-color: rgb(40, 167, 69);
    border-color: rgb(40, 167, 69);
    box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
    background-color: rgb(153, 217, 168);
    border-color: rgb(153, 217, 168);
    box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: rgb(200, 35, 51);
    border-color: rgb(200, 35, 51);
    box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: rgb(0, 105, 217);
    border-color: rgb(0, 105, 217);
    box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: rgb(109, 163, 221);
    border-color: rgb(109, 163, 221);
    box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
    background-color: rgb(23, 162, 184);
    border-color: rgb(23, 162, 184);
    box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
    background-color: rgb(102, 192, 206);
    border-color: rgb(102, 192, 206);
    box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked + span {
    background-color: rgb(255, 193, 7);
    border-color: rgb(255, 193, 7);
    box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
    background-color: rgb(226, 195, 102);
    border-color: rgb(226, 195, 102);
    box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}



/* Component: Panel Tabs */

.panel-tabs {
    position: relative;
    bottom: 30px;
    clear:both;
    border-bottom: 1px solid transparent;
}

.panel-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.panel-tabs > li > a {
    margin-right: 2px;
    margin-top: 4px;
    line-height: .85;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #ffffff;
}

.panel-tabs > li > a:hover {
    border-color: transparent;
    color: #ffffff;
    background-color: transparent;
}

.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(255,255,255, .23);
    border-bottom-color: transparent;
}

/* If US ProTech Customer Project */

.if_us_protech_customer_project {
	width: 100%;
	margin-top: -51px;
	height: 40px;
	background: #FC466B;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #3F5EFB, #FC466B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	margin-bottom: 25px;
	padding: 5px;
}

.if_us_protech_customer_project p {
	text-align: center;
	font-weight: 300;
	font-size: 16px;
	color: #fff !important;
}


/* Card Card */
	
.usprotech_card {
	background-color: #1F1B24;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-top: 25px;
	padding-top: 15px;
}

.usprotech_card_if_active {
	width: 100%;
	height: 50px;
	background-color: #FFE53B;
	background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 50%) !important;
	padding-top: 10px;
	margin-top: -15px;
	margin-bottom: 25px;
}

.usprotech_card_if_active a {
	color: #fff !important;
	text-align: center;
}

.usprotech_card_if_active a:hover {
	background-color: #ebebeb;
}


/* Admin Sidebar */

.uspt_sidebar_list_group {
	font-size: 17px;	
	margin-top: 25px;
	width: 100%;
	height: 500px !important;
	overflow-y: scroll !important;
	padding-bottom: 100px !important;
}


/* Component: Process Steps */

.bs-wizard {margin-top: 35px; margin-bottom: 75px;}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 17px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 16px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }



/* Standard Grid */

.standard_grid {
	height: 200px;	
	border: 1px solid #ebebeb;
	text-align: center;
	background-color: #1F1B24;
}

.standard_grid a:hover {
	text-decoration: none !important;
}

.standard_grid span { 
	color: #415E72;
	font-weight: 300;
	margin-top: 25px;
	font-size: 21px;
}

.standard_grid:hover {	
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
}

.standard_grid:hover span {
	color: #fff;
	font-weight: 300;
	margin-top: 25px;
}

img.standard_grid_icon {
	width: 75px;
	margin-top: 30px;
	margin-bottom: 25px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}


/* Status Page (for customers) */

.grc_customer_breadcrumb {
	min-height: 325px;
}


/* CRM: Communication History */

.row_prospective_customer_communication_log_entry {
	margin-top: 25px;
	margin-bottom: 25px;
}

.communication_method_color_block {
	height: 75px;
	width: 75px;
}

.communication_method_color_block i.fa {
	text-align: center;
	color: #fff;
	font-size: 50px;
}

.color_block_green {
	background-color: #00B16A;
}

.color_block_blue {
	background-color: #3C8AB8;
}

.color_block_red {
	background-color: #E71D36;
}


/* Status */

h3.functions_row_description {
	text-align: left;
	margin-top: 125px;
	font-weight: 300;
}


/* Component: Scrollable ul/li dropdown */

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}


/* Assessment Customer Answers Form */

.row_assessment_question {
	margin-bottom: 50px;
}

h2.assessment_question_number_sidebar {
	margin-top: 75px;
	margin-bottom: 75px !important;
}

.assessment_question_panel {
	margin-top: 75px;	
}

.assessment_progress_bar {
	height: 25px !important;
}

.assessment_progress_bar .progress-bar {
	font-size: 17px;
	padding: 10px;
	font-weight: 300;
}

label.assessment_form_group_label {
	font-weight: 300;
}

h4.assessment_update_page_title_due_date {
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 21px !important;
	margin-top: -50px;
}


/* Directory (Show) */

span.document_name_and_version {
	margin-left: 10px;
}


/* TBD: Panel */

.panel-heading-unanswered {
	background-color: #D31027 !important;
	color: #fff !important;
}

.panel-heading-answered {
	background-color: #00B16A !important;
	color: #fff !important;
}

h3.panel-title {
	font-size: 23px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 15px;
}




/* USPT: Vertical Tabs */

.uspt_btn_group_vertical {
	max-height: 700px;
	overflow-y: scroll;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.uspt_btn_group_vertical > a,
.uspt_btn_group_vertical > button {
	padding: 16px;
	border-radius: 0px !important;
	width: 100% !important;
	font-weight: 300;
	text-align: left;
	font-size: 17px;
}

/* Admin, Now Viewing */

.if_admin_now_viewing {
	width: 100%;
	margin-top: -25px;
	display: table;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	height: 75px;
	text-align: center;
	background: #c21500;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ffc500, #c21500);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ffc500, #c21500); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}

.if_admin_now_viewing p {
	font-size: 22px;
	font-weight: 300;
	text-align: center;
	color: #fff;
}


/* Component: Panel */

.uspt-panel-heading {
	background-image: linear-gradient(40deg, #29323c 0%, #2F4859 50%);
    -webkit-box-shadow: inset 0 0 50px rgba(0,0,0,.5);
    box-shadow: inset 0 0 50px rgba(0,0,0,.5);
}

.uspt-panel-heading h3 {
	color: #fff !important;
	padding-top: 15px;
	text-align: center;
}

.uspt-panel-heading h3 a {
	color: #fff !important;
	margin-top: -5px;
	text-align: center;
}




/* File System */

.file_system_sidebar {
	height: 300px;
}

.file_system_sidebar button, 
.file_system_sidebar a {
	font-size: 17px;
	font-weight: 300;
}

.file_system_item_card {
	border: 1px solid #ebebeb;
	padding: 10px;
	margin-bottom: 25px;
}

.file_system_item_card p {
	text-align: center;
	margin-top: 15px;
}

img.file_system_item_card_folder {
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
}

img.file_system_item_card_file {
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
}

.file_system_item_card_action_buttons {
	margin-top: 35px;
}

.file_system_item_card a,
.file_system_item_card button {
	font-size: 17px;
	font-weight: 300;
	margin-bottom: 15px;
}


/* Security Tests */

.security_test_box {
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .15), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .3);
}

.security_test_box img.security_test_box_title_icon {
	display: inline-block;
	width: 30px;
	margin-right: 15px;
	float: left;
}


.security_test_box h3 {
	text-align: center;
	font-weight: 300;
	margin-bottom: 45px;
}



/* Component: Filter (e.g., filtering a vertical set of list items, rows, etc.) */

.uspt_grc_filter {
	margin-top: 25px;
	max-height: 500px;
	overflow-y: scroll;
	text-align: left;
	margin-bottom: 100px;
	height: auto;
}

.uspt_grc_filter .list-group {
	width: 100%;
	background-color: #1F1B24;
	text-align: left !important;
}

.uspt_grc_filter a.list-group-item {
	color: #fff;
	font-weight: 300;
	font-size: 110%;
	width: 100%;
	border-radius: 0px !important;
	text-align: left !important;
	padding: 10px;
}

.uspt_grc_filter a.list-group-item i.fa {
	margin-right: 5px;
}

.uspt_grc_filter_input_group {
	width: 100% !important;
	margin-top: 25px;
}

.uspt_grc_filter span.list_group_item_text {
	text-align: left;
}

img.uspt_grc_filter_icon {
	display: inline-block;
	width: 30px;
	margin-right: 10px;
}


/* Component: Standard Container */

.standard_container {
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	margin-top: 15px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	background-color: #1F1B24;
}

@media (max-width: 768px) {
	.standard_container {
		width: 95%;
	}
}
.standard_container_top {
	padding-top: 15px;
}

.standard_container_gradient_top {
	padding-top: 15px;
	background-image: linear-gradient(40deg, #29323c 0%, #2F4859 50%);
    background-repeat: repeat-y;
    min-height: 150px;
    width: 100% !important;
}

.standard_container_gradient_top h1 {
	text-align: center;
	font-weight: 300 !important;
	color: #fff;
	margin-top: 45px;	
}

.standard_container_content {
	padding: 15px;
}





/* Document Repository */

/* Table: File System */
button.btn-file-repository-table-action,
a.btn-file-repository-table-action {
	display: inline !important;
	min-width: 400px;
	margin-right: 10px;
	text-align: left;
}

img.file_system_item_file_icon_table {
	display: inline-block;
	margin-right: 10px;
	width: 30px;
}


/* Assessment Question/Answer */


.assessment_question_answer_container {
	min-height: 300px;
	margin-top: 50px;
	margin-bottom: 200px;
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	background-color: #29323c;
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.19);
	padding: none;
	
}

.assessment_question_answer_top {
	width: 100%;
	padding: 20px;
	background-color: #2F4859;
	color: #fff;
}

.assessment_question_answer_content {
	padding: 10px;
}

.well {
	background-color: #2f3640;
	color: #fff;
}

.card, .panel {
	border: 1px solid #2f3640;
	background-color: #2f3640 !important;

}
.card-header, .panel-header {
	background-color: #2f3640 !important;
	color: #fff;
}

.card-body, .panel-body {
	background-color: #2f3640 !important;
	color: #fff;
}