/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
html {
	height: 100%;
}
body {
	background: #f8f8f8;
	font-size: 12px;
	height: 100%;
	font-family: -apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

*:focus {
	outline: none;
}

a:focus, a:hover {
    color: #000033;
    text-decoration: underline;
}

i.fad {
    --fa-secondary-opacity: 0.60;
}

a {
    color: #000033;
    text-decoration: none;
}

h2 {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	text-align: center;
}

input:disabled {
	background-color: #ddd;
}

input:readonly {
	background-color: #fff;
}


.form-control[disabled] {
	background-color: #ddd;
}

.form-control[readonly] {
	background-color: #fff;
}

/*
 * Global add-ons
 */
.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/*
 * Main content
 */
form#logonForm {
    width: 600px;
}

pre {
	background: none;
	border: 0px;
	margin: 0;
	padding: 0;
}

#header img {
    height: 35px;
}

.main .page-header {
	margin-top: 0;
}

.dashboard-content > .dropzoneColumn {
    padding-left: 0;
    padding-right: 0;
}

.dashboard-content > .dropzoneColumn:not(:first-child) {
	padding-left: 1em;
}

/** 2.4 changes LB custom css start*/
/*B4 row adds margin left and right with -15 px making it difficult to adjust with old code hence added custom*/
.lb-row {display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.lb-panel-footer {gap: .5rem;justify-content: flex-end;display: flex;}
.panel-body { padding: 15px 15px 15px 15px;margin: 0;}
.modal-body  .propertyItem.form-group.lb-row {padding-right:15px; padding-left:15px;}
.modal-body{padding: 15px 15px 15px 15px !important;}
/* .tooltip.lb-in { filter: alpha(opacity=90); opacity: .9;}
.tooltip.lb-in  div.arrow {left: 50%; margin-left: -5px;} */
.lb-modal-header-text-reverse {flex-direction: row-reverse;}
.fixed-table-container {padding-top: 5px;}
button.row-additional {margin-right: 5px;}
button.row-additional::after {display: none;}
.label-info {color: #fff;background-color: #17a2b8;}
.label-success {color: #fff;background-color: #28a745;}
.label-danger {color: #fff;background-color: #dc3545;}
.label-warning {color: #212529;background-color: #ffc107;}
.label {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.bootstrap-table .fixed-table-container .table tbody tr.selected td {background-color: rgba(0, 0, 0, 0.4);}
/** 2.4 changes LB custom css end */

/*
 * Placeholder dashboard ideas
 */
.placeholders {
	margin-bottom: 30px;
	text-align: center;
}

.placeholders h4 {
	margin-bottom: 0;
}

.placeholder {
	margin-bottom: 20px;
}

.placeholder img {
	display: inline-block;
	border-radius: 50%;
}

.form-signin .checkbox {
	/* font-weight: normal; */
}

.form-control, .form-group .input-group .input-group-text {
	font-size: 12px;
}

.form-control:focus {
    border-color: #aaa; 
    box-shadow: inset 0 2px 2px rgba(0.6, 0.6, 0.6, 0.075), 0 0 8px rgba(0.8, 0.8, 0.8, 0.2);
}

.form-signin .form-control {
	/* position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 12px;
    border-color: #999;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); */
}

.form-signin .form-control:focus {
	/* z-index: 2; */
}

.form-signin input[type="email"] {
	/* margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0; */
}

.form-signin input[type="password"] {
	/* border-top-left-radius: 0;
	border-top-right-radius: 0; */
}

.form-horizontal .form-group {
	/* margin-right: 0px;
	margin-left: 0px; */
}

.form-control {
	/* border: 1px solid #e1e6ef;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #374767; */
} 

.error {
	color: #900000 !important;
}

.requiredField:after {
	content: "\25CF";
	color: red;
	position: relative;
	top: -4px;
	left: 2px;
}

.optionalField {
	color: #616161;
	font-weight: normal;
}

#logonBanner {
	text-align: center;
	margin: 25px auto;
}

.multiSelectList {width: 100%}

.excludedList {
	width: 100%;
	padding-bottom: 20px;
}

.excludedList label {
	display: block;
	font-size: 75%;
}

.wrap {
	word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.searchValue {
	margin-left: 10px;
}

.searchInputAdd {
	margin-left: 5px;
	float: left;
}

.excludedList select {
	margin-right: 5px;
}

.listButtons {
	float: left;
	display: block;
	margin-top: 20px;
}

.multipleTextInputButtons {
	float: left;
	display: block;
}

.includedList {
	width: 100%;
}

.selectedRemove {
	margin-left: 5px;
	float: left;
}

.includedList label {
	display: block;
	font-size: 75%;
	margin-left: 5px;
}

.includedList select {
	margin-left: 5px;
}

.btn-link.disabled, .btn-link.disabled:visited {
    color: inherit !important;
    opacity: 50%;
}

.btn-link, .btn-link:visited {
    color: inherit !important;
}

.btn-link:hover, btn-link:active {
    color: #000033 !important;
}

.btn-primary {
	color: white;
	background: #000033;
	border: 1px solid #000033;
}

.btn-primary:hover {
	background: #2e1c61;
}

.btn-primary:disabled {
	background: #777;
}

.btn-disabled {
	color: white;
	background: #eee;
	border: 1px solid #eee;
}

.btn-disabled:hover {
	color: white;
}

.btn-disabled-dark {
	color: #374767;
	background: #eee;
	border: 1px solid #eee;
}

.btn-secondary {
	border: 1px solid #6c757d;
}

.btn-disabled-dark:hover {
	color: #374767;
}

.btn-multiple-select {
	margin-bottom: 10px;
}

.btn-multiple-select i {
	margin-left: 5px;
}

.btn-info {
	background-color: #000033;
}

.btn-info:hover {
	background-color: #2e1c61;
}

.btn-action {
	padding: 6px;
}

.large-button-active {
	/* 	border: 2px solid #555 !important; */
	color: #000033 !important;
	font-weight: bold;
	/* 	background: #e1e6ef !important; */
}

.small-button-active {
	color: #555 !important;
}

.large-button {
	/* 	border: 1px solid #e1e6ef; */
	/* 	background: #f2f4f8; */
	margin-bottom: 10px;
	padding: 10px 0px 0px 0px;
	display: block;
	text-align: center;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #c0cadd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#mainContainer {
	background: #f8f8f8;
}

#subMenuContent, #subMenuPageContent {
	display: inline-block;
	width: 100%;
}

.subMenu {
	min-height: 100px;
	margin: auto 0;
}

.subMenuSmall {
	margin-bottom: 10px;
}

.subMenuLarge {
	height: 90px;
}

.subMenu p {
	margin: 10px 0;
}

.dropdown-menu {
	max-height: 348px;
	overflow: hidden;
	overflow-y: auto;
}

.dropdown-menu>.disabled {
	cursor: not-allowed;
}

.dropdown-menu>.disabled>a {
	pointer-events: none;
}

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

.large-button:hover {
	color: #000033;
	text-decoration: none;
	/* 	background: #e1e6ef; */
}

.large-button i {
	font-size: 32px;
}

.padded-row {
	padding: 25px;
}

.alert-danger {
	background: #ffd4d4;
	border-color: #ff5454;
	color: #ba0000;
}

.alert-warning {
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	color: #a36d10;
}

.alert {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-color: transparent !important;
}

table.table {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
}

.table thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #e1e6ef;
}

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td,
	.table tbody>tr>td, .table tfoot>tr>td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: middle;
	border-top: 1px solid #e1e6ef;
}

table.table a {
	margin-right: 5px;
}

table.table .btn i {
	margin: 0;
}

.fixed-table-container {
	border: 0px;
	margin: 10px;
	padding-top: 5px;
}

.pagination-info {
	margin-left: 10px;
}

div.numRecords label {
	font-weight: normal;
	float: left;
	text-align: left;
}


div.numRecords select {
	width: 75px;
}

div.tableFilter label {
	font-weight: normal;
	float: right;
}

div.tableInfo {
	padding-top: 8px;
}

div.tablePages {
	float: right;
	margin: 0;
}

div.tablePages ul.pagination {
	margin: 2px;
}

#firstSteps {
	overflow: auto;
}

.firstStep {
	margin-bottom: 20px;
}

#featureReel {
	overflow: auto;
}

#featureReelCarousel {
	margin-top: 40px;
}

.carousel-control, .carousel-control:visited, .carousel-control:active {
    width: 20px;
    font-size: 20px;
    color: #000033;
    text-shadow: none;
}

.carousel-control:hover  {
    width: 20px;
    font-size: 20px;
    color: #eee;
    text-shadow: none;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	background-color: #000033;
	border-color: #000033;
}

.pointer-hover:hover {cursor: pointer;}

.tabContent {
	display: block;
	overflow: visible;
}

.propertyFilter {
	text-align: right;
	margin-bottom: 10px;
}

.propertyItem {
	margin-top: 15px;
    margin-bottom: 15px;
}

.propertyItem p {
	padding: 10px 25px 5px 25px;
}

.propertyValue {
	/** display: table-row;**/
	
}

.modal-open {
	overflow: auto;
}

.dropdown-menu {
	z-index: 999998;
}

a.disabled-link, a.disabled-link:visited, a.disabled-link:active, a.disabled-link:hover
	{
	background-color: #d9d9d9 !important;
	color: #aaa !important;
}

.user-success {
	color: #3c763d;
}

.user-warning {
	color: #8a6d3b;
}

select {
	background: #ffffff url("/hypersocket/ui/images/select.png") no-repeat
		!important;
	background-size: 24px 20px !important;
	background-position: right center !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	border: 1px solid #e1e6ef !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	color: #888;
	border: none;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

table {
	margin: 1em 0;
	clear: both;
}

footer {
	padding: 5 5 5 5px;
	flex-shrink: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	background-color: #000033;
	color: #fff;
}

header {
    flex-shrink: 0;
}

header .navbar {
	border-radius: 0px;
	margin-bottom: 0;
}

.scroll-container {
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.scroll-content, .scroll-container #container.scroll-content {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 2em;
	width: 100%;
    margin: 0;
    padding: 0;
}

#copyright {
	float: left;
}

#copyright p {
	font-size: .8em;
	margin: 8px;
	line-height: 1em;
	vertical-align: middle;
}

#footer {
	z-index: 9999;
}

#footerActions {
	float: right;
	height: 50px;
	width: auto;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	display: table-cell;
	padding: 5px;
}

#progress {
	float: right;
	width: 30px;
	height: 50px;
	margin: auto;
	vertical-align: middle;
	position: relative;
}

#informationBar {
	margin-top: 20px;
}

#certInfo .row {
	margin-bottom: 20px;
}

.pagination>li>a, .pagination>li>span {
	color: #333;
}

.switch-input:checked ~ .switch-label {
	background: #000033;
}

/* Sidebar
=================================================================== */

#burger-toggle i {
	font-size: 28px;
	color: white;
	float: left;
	margin: 10px 20px 10px 10px;
}

#burger-toggle svg {
	
	font-size: 28px;
	color: white;
	float: left;
	margin: 10px 20px 10px 10px;
}

#menu {
	margin-top: 10px;
	margin-left: 5px;
}

.sidebar-anchor { display: block;}

.sidebar-text { font-size: 12px;} 

.expand-rest {
	flex: 1 0 0%;
}
.sidebar {
	background: #e7e7e7;
	color: #333;
	position: absolute;
	width: 235px;
	top: 51px;
	bottom: 51px;
	left: 0px;
	z-index: 1;
	overflow-y: auto;
}

.sidebar-min {
	background: #e7e7e7;
	color: #333;
	position: absolute;
	width: 20px;
	top: 51px;
	bottom: 51px;
	left: 0px;
	left: 0px;
	z-index: 8888;
	overflow-y: scroll;
}

#main-menu-min i {
	padding: 5px;
}
.sidebar .nav-sidebar.title {
	text-align: left;
	font-size: 12px;
	color: #333;
}

.sidebar .nav-sidebar.title a, .menuitem {
	text-decoration: none;
	color: #333;
	padding: 10px 0px;
}

.sidebar .nav-sidebar.title span {
	position: relative;
	z-index: 2;
}

.sidebar ul.nav.nav-sidebar {
	margin: 0px;
}

.sidebar ul.nav.nav-sidebar li a {
	color: #333;
}

.sidebar ul.nav.nav-sidebar li a i {
	width: 30px;
	text-align: center;
	margin-right: 5px;
	margin-left: 20px;
	font-size: 18px;
}

.sidebar ul.nav.nav-sidebar li a svg {
	width: 30px;
	text-align: center;
	margin-right: 5px;
	margin-left: 20px;
	font-size: 18px;
}

.imenu {
	width: 15px;
	text-align: left;
	margin: 0 5px;
	font-size: 12px;
}

.sidebar ul.nav.nav-sidebar li a.active, .sidebar ul.nav.nav-sidebar li a:hover
	{
	background: #2c3334;
	color: white;
}

.sidebar ul.nav.nav-sidebar li ul {
	display: none;
	background: #2c3334;
	list-style: none;
	padding: 5px 0 5px 25px;
}

.sidebar ul.nav.nav-sidebar li ul li {
	padding: 10px 0;
}

.sidebar.minified {
	width: 60px;
	z-index: 3;
}

.sidebar.minified .nav-sidebar.title {
	display: none;
}

.sidebar.minified ul.nav.nav-sidebar>li {
	position: relative;
}

.sidebar.minified ul.nav.nav-sidebar>li>a {
	width: 60px;
	position: relative;
	padding: 0;
	line-height: 40px;
	text-align: center;
}

.sidebar.minified ul.nav.nav-sidebar>li>a.open {
	cursor: default;
}

.sidebar.minified ul.nav.nav-sidebar>li>a .chevron {
	display: none;
	position: absolute;
	left: 178px;
	z-index: 1000;
}

.sidebar.minified ul.nav.nav-sidebar>li>a .text {
	position: absolute;
	z-index: 1000;
	background: #2c3334;
	min-height: 40px;
	width: 200px;
	padding-left: 15px;
	top: 0px;
	left: 60px;
	display: none !important;
	text-align: left;
}

.sidebar.minified ul.nav.nav-sidebar>li>ul {
	display: none !important;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover {
	background: #2c3334;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>a {
	position: relative;
	cursor: pointer;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>a .chevron {
	display: inline-block;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>a .text {
	width: 200px;
	display: block !important;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>ul {
	display: block !important;
	position: absolute;
	top: 40px;
	left: 60px;
	z-index: 1000;
	width: 200px;
	border-left: 1px solid #2c3334;
	background: #e7e7e7;
	padding: 0;
	margin: 0;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>ul>li {
	padding: 0;
}

.sidebar.minified ul.nav.nav-sidebar>li:hover>ul>li>a {
	display: block;
	width: 100%;
	line-height: 40px;
}

.sidebar #main-menu-min {
	display: block;
	position: relative;
	color: #4f5b5e;
	font-size: 14px;
	line-height: 26px;
	width: 30px;
	height: 30px;
	margin: 20px auto;
	z-index: 2;
	border: 1px solid #4f5b5e;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	text-align: center;
}

#header {
	z-index: 1000;
	padding: 0px;
}

.container-fluid {
	/* padding-right: 0px; */
}

#bottomMenu {
	float: right;
	margin: 15px 0px;
}

#bottomMenu a {
	color: #999;
}

#bottomMenu a:hover {
	color: #fff;
}

.navbar-inverse {
	background-color: #000033;
	border-color: #000033;
	color: #fff;
}

.navbar-inverse a, .navbar-inverse a:visited, .navbar-inverse a:hover, .navbar-inverse a:active {
	/* color: #fff; */
}

.navbar-inverse input[type=email], .navbar-inverse input[type=text], .navbar-inverse textarea {
	color: #333;	
}

.navbar-header {
	width: 100%;
}

.nav li a {
	padding: 10px 5px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
}

.navicons {
	padding-left: 0px;
	height: 50px;
	margin: auto;
	line-height: 50px;
}

.navicons i {
	text-align: right;
	vertical-align: middle;
}

.navicons a {
	color: #999;
}

.navicons a:hover {
	color: #fff;
}

.navicons a:focus{
	color: #fff;
}

.dropdown-item a:hover {
	color: #212529;	
}

dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    background-color: lavender;
    color: #212529;
}

.navicon {
	display: inline;
	padding: 0px 20px 0px 0px;
	margin: auto;
	height: 100%;
	position: relative;
}

.navicon i.active {
	color: white;
}

.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 0.85rem;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
}

.slider-handle {
	background-color: #000033;
	background-image: linear-gradient(to bottom, #000033, #333);
}

.panel.panel-default {
	border: 1px solid #e1e6ef;
}

.panel-group .panel {
	overflow: visible;
}

.panel-group {
	margin-bottom: 50px;
}

.panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e1e6ef;
	height: inherit;
	background-color: #fff;
}

.panel.panel-default .panel-heading {
	overflow: auto;
	border-color: #e1e6ef;
	background: #fcfcfd;
}

.panel .panel-heading {
	line-height: 39px;
	padding: 0 15px;
	min-height: 40px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-color: #e1e6ef;
}

.panel .panel-heading h2 {
	float: left;
	padding: 10px 0px;
	margin: 0px 0px 0px 10px;
	color: #374767;
}

.panel .panel-heading h2 i {
	padding: 12px 0px;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
	margin: -10px 0px -10px -20px;
	font-size: 14px;
}

.card .panel-heading h5 i {
	padding: 12px 0px;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
	margin: 0px 0px -10px -20px;
	font-size: 14px;
}

.card .panel-heading h5  {
	font-size: 1rem;
}

.panel-heading .nav-tabs {
	float: right;
	border: none;
	margin-right: 5px;
}

.panel-heading .nav-tabs li:last-child {
	margin-right: 3px;
	border-right: 1px solid #e1e6ef;
}

.panel-heading .nav-tabs li>a.active {
	background: white;
	border: none;
    font-weight: bold;
	border-left: 1px solid #e1e6ef;
    color: #374767;
}

.panel-heading .nav-tabs li>a:hover {
    color: #000033;
}

.panel-heading .nav-tabs li a {
	background: transparent;
	border: none;
	border-left: 1px solid #e1e6ef;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin: 0;
	line-height: 16px;
	font-weight: 300;
	padding: 11px 15px;
	height: 40px;
    color: #333;
}

.panel .panel-heading .panel-actions i {
	display: inline-block;
	color: #e1e6ef;
	text-align: center;
	height: 40px;
	width: 40px;
	padding: 12px 0px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	text-decoration: none;
}

.panel .panel-heading .panel-actions {
	float: right;
	margin-right: -15px;
}

.panel .panel-body {
	height: auto;
}

.panel-heading {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e1e6ef;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #fcfcfd;
}

.slider.slider-horizontal {
	width: 100% !important;
}

.btn {
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: none;
}

.btn i {
	margin-top: 2px;
	/*margin-right: 5px; */
}

.btn .btn-text {
	margin-left: 5px; 
}

.panel-footer {
	overflow: auto;
    text-align: right;
}

.card-footer {
	overflow: auto;
	width: 100%;
}

.card-footer button {
	float: right;
	overflow: auto;
	margin-left: 10px;
	margin-bottom:15px;
}


.footer-info {
	float: left;
	text-align: left;
}

.logonSelect {
	width: 100%;
	padding: 10px;
}

.center {
	text-align: center;
}

.padme {
	padding: 10px;
}

.pad-below-10px {
	padding-bottom: 10px;
}

.pad-above-10px {
	padding-top: 10px;
}

.logonLink {
	margin-top: 10px;
}

.uploadProgress {
	padding-left: 0px;
	padding-top: 5px;
}

.spacer20px {
	height: 20px;
}

.dismiss-icon {
	float: right;
	cursor: pointer;
}

#infoPanel {
	margin-top: 10px;
}

.editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	border: 1px solid rgb(204, 204, 204);
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}

.code {
	border: 1px solid rgb(204, 204, 204);
	padding: 0px;
	overflow: visible;
	height: 300px;
}

.CodeMirror {
	border: 1px solid #eee;
	height: 100%;
}

.CodeMirror-scroll {
	overflow-y: hidden;
	overflow-x: auto;
}

.rowInput {padding-left: 0px;}
.rowInput .dow {padding-left: 0px;}
.rowInput .timeFrom {padding-left: 0px; padding-right: .25rem !important;}
.rowInput .timeTo {padding-left: 0px; padding-right: .25rem !important;}

.dialogActions {
	padding-right: 0px;
	padding-left: 0px;
}

.fileInputActions {
	valign: middle;
	text-align: left;
	padding-left: 0px;
	margin-top: 10px;
}

.fileInputActions a {
	margin-right: 15px;
	margin-left: 0px;
}

.fileInputActions .btn i {
	margin: 0;
}

.dialogActions a {
	margin-right: 0px;
}

.dialogActions a:focus {
	color: #fff;
}

.input-group-append a:hover {
	text-decoration: none;
}

.dialogActions .btn i {
	margin: 0;
}

.fileUpload {
	margin-bottom: 20px;
}

.tt-dropdown-menu {
	max-height: 150px;
	overflow-y: auto;
}

span.input-group-addon {
	cursor: pointer;
	padding: 0 4px;
	margin: 0;
}

span.input-group-addon .dropdown-toggle {
	width: 24px;
	line-height: 28px;
	display: inline-block;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; /* Isn't Konquerour dead? */
	-moz-user-select: -moz-none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.unselectable::after {
    content: none !important;
}

.selectedTemplate {
	background-color: #ddd;
}

.template {
	text-align: center;
	height: 150px;
	width: 150px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.template a {
	text-decoration: none;
	color: black;
}

#searchHeader {
	margin-bottom: 25px;
}

#pages {
	width: 100%;
	text-align: center;
}

#searchPages {
	display: inline-block;
}

.overviewTitle {
	padding-bottom: 5px;
	border-bottom: 1px solid #e8e8e8;
}

#overviewContent {
	background-color: white;
	padding: 10px 25px;
	overflow: auto;
}

#systemMessages ul {
	padding-left: 0px;
}

#systemMessages ul li {
	list-style-type: none;
}

.messageTitle {
	font-size: 16px;
	margin-bottom: 0px;
}

.messageAuthor {
	color: #999;
	font-size: 10px;
}

.messageLink {
	margin: 10px;
}

.messageLink:hover {
	text-decoration: none;
}

.controls {
	text-align: center;
	margin-top: 25px;
}

.messageControl {
	border: 1px solid #999;
	padding: 5px 10px;
}

.messageControl:hover {
	background-color: #eee;
	cursor: pointer;
}

#feed {
	padding-left: 50px;
}

.firstFeed {
	margin-top: 40px;
}

.roles {
	margin-bottom: 20px;
}

.activity {
	display: inline-block;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 100%;
	min-height: 175px;
}

.activity h1 {
	margin-top: 10px;
}

.activity h5 {
	padding-left: 10px;
	padding-right: 15px;
}

.pieChartWrapper {
	width: auto;
	height: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 5px;
	margin-right: 5px;
}

.activityInfo {
	background-color: #fcfcfc;
	overflow: auto;
}

.small-overview-widget {
	background-color: #fcfcfc;
	display: inline-block;
    padding: 5px 10px 10px 10px;
	width: 100%;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
}

.modal-dialog {
    margin: 60px auto;
	position: relative;
}

.small-button {
	text-align: center;
	color: #c0cadd;
}

.small-button i {
	font-size: 32px;
	cursor: pointer;
}

.small-button:hover {
	color: #8f6ed5;
}

.small-button-active.small-button-active:hover {
	color: #555;
}

.file-upload-info {
	font-size: 10px;
	padding-left: 0px;
	padding-right: 10px;
	float: left;
}

.file-upload-delete-btn {color: #fff !important;}
.file-upload-btn {margin-left: 15px;}

.trigger-failure {
	color: #a94442;
}

.trigger-success {
	color: #3c763d;
}

.trigger-any {
	color: #31708f;
}

.trigger-warning {
	color: #8a6d3b;
}

.emptyFlow {
	width: 120px;
	height: 80px;
	position: relative;
	margin: 10px;
	text-align: center;
	vertical-align: middle;
}

.redTrigger {
	background-color: #f2dede !important;
	border-color: #ebccd1;
	color: #a94442;
}

.greenTrigger {
	background-color: #dff0d8 !important;
	border-color: #d6e9c6;
	color: #3c763d;
}

.blueTrigger {
	background-color: #d9edf7 !important;
	border-color: #bce8f1;
	color: #31708f;
}

.yellowTrigger {
	background-color: #fcf8e3 !important;
	border-color: #faebcc;
	color: #8a6d3b;
}

.triggerShape {
	min-width: 150px;
	height: 80px;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-color: grey;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	vertical-align: middle;
	background-color: white;
}

.triggerDraggable {
	cursor: move;
}

.triggerShape span {
	width: 100%;
}

.triggerContent {
	height: inherit;
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	padding-left: 15px;
	padding-right: 15px;
}

.triggerText {
	display: block;
	text-align: center;
}

.trigger-same-row {
	display: inline-block;
}

.triggerIcon {
	float: right;
	bottom: 0;
	right: 0;
	margin: 5px;
	cursor: hand;
}

.wizardTitle {
	margin-top: 20px;
	margin-bottom: 20px;
}

.wizardPage {
	overflow: visible;
}

.wizardPage .panel-body {
	padding-bottom: 5px;
}

.buttonBar {
	text-align: right;
	padding-right: 15px;
	padding-bottom: 15px;
}

.floatRight {
	float: right;
}

.textAndSelectText {
	width: 45%;
}

.textAndSelectSelect {
	width: 45%;
}

.clear {
	clear: both;
}

#browserLaunchablePlaceholder td:first-child {
	width: 64px;
}

/* Logo */
.resource-logo {
	max-height: 32px;
}

.logo-preview {
	float: left;
	margin-right: 1em;
	padding: 2px;
}

.logo-preview img {
	max-height: 56px;
}

.logo-container .logo-text {
	width: 4em;
	display: inline;
	margin: 0 1em;
}

.logo-container .logo-shape {
	width: 10em;
	display: inline;
	margin: 0 1em;
}

.logo-row .help-block {
	display: inline-block;
	width: 50px;
}

.logo-row {
	width: 100%;
	margin: 0px 34px 0 0;
}

.logo-generator {
	margin-bottom: 1em;
	display: inline;
	line-height: 32px;
}

.logo-colour input[type=text], .logo-icon input[type=text] {
	float: none;
	display: inline;
}

.logo-colour-outer {
	display: inline-table;
}

.logo-colour {
	width: 10em;
	float: none;
	position: inherit;
}

.logo-icon {
	display: inline-table;
}

.toolbarWidget {
	float: left;
	width: 150px;
}

.tableToolbar label {
	float: left;
	width: auto;
	height: 34px;
	line-height: 34px;
	valign: middle;
	padding-right: 10px;
	padding-left: 10px;
}

.warning {
	color: orange;
}

.feedback-success {
	color: green;
}

.feedback-success span {
	color: #333;
}

.feedback-warning {
	color: orange;
}

.feedback-warning span {
	color: #333;
}

.feedback-error {
	color: red;
}

.feedback-error span {
	color: #333;
}

.feedback-info {
	color: blue;
}

.feedback-info span {
	color: #333;
}

.gridOptions a {
	margin-right: 5px;
	color: #fff;
}

.gridOptions .btn i {
	margin: 0;
}

.help-wizard-page {
	display: none;
}

.help-wizard-page .lightbox {
	height: auto;
	overflow: hidden;
}

.lightbox-block {
	float: right;
	padding-right: 10px;
}

.lightbox-text {
	float: none;
	width: auto;
	overflow: hidden;
}

.help-text-block {
	display: table;
}

.help-text-block div {
	display: table-cell;
	float: none;
	padding: 10px 25px 5px 25px;
}

.help-button {
	text-align: center;
	height: 32px;
}

.help-button button {
	background: #e7e7e7;
	color: #333;
	width: 200px;
}

.help-button button i {
	font-size: 18px;
	padding-right: 5px;
}

.fixed-table-toolbar {
	margin-right: 20px;
}

.animated-accordion {
	transition: 0.6s ease-in-out;
	opacity: 0;
}

.accordion-header {
	cursor: pointer;
}

.custom-counter {
	margin: 0;
	padding: 0;
	list-style-type: none;
	counter-reset: step-counter;
}

.custom-counter > li {
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.custom-counter > li::before {
	background-color: rgb(0, 200, 200);
	border-radius: 16px;
	color: white;
	content: counter(step-counter, decimal);
	counter-increment: step-counter;
	font-size: 150%;
	font-weight: bold;
	margin-right: 5px;
	padding: 5px 10px;
	position: relative;
	top: 10px;
}

.custom-counter > li p {
	margin-left: 35px;
}

.greenColor {
	color: #3c763d;
}

.redColor {
	color: #a94442;
}

.fileDragAndDrop {
	border-width: 5px;
	border-style: dashed;
}

.fileDragAndDrop i {
	font-size: 30px;
	margin-top: -40px;
	margin-bottom: -10px;
}

.fileDragAndDrop-hover {
	border-color: black !important;
}

.dragAndDrop-table {
	width: 100%;
	margin: 5px;
}

.progress { margin-top: .5rem!important;}

.dragAndDrop-table .progress {
	height: 20px;
	margin: 0px;
}

.dragAndDrop-info {
	padding: 5px;
}

.dragAndDrop-name {
	width: 30%;
}

.dragAndDrop-size {
	width: 15%;
}

.dragAndDrop-table .progress-bar {
	vertical-align: middle;
}

.dragAndDrop-progress {
	width: 55%;
	padding-left: 5px;
	padding-right: 5px;
}

.dragAndDrop-progress .progress-bar {
	text-align: right;
	padding-right: 10px;
}

.dragAndDrop-backrgound-disabled {
	background-image: linear-gradient(-45deg, #D3D3D3 25%, transparent 25%, transparent 50%,
		#D3D3D3 50%, #D3D3D3 75%, transparent 75%, transparent);
	background-size: 100px 100px;
}

#footerActions {
	padding-top: 15px;
}

#themeSelect {
	width: 100px;
}

select[multiple] {
	height: 150px;
}

#filterColumn {
	float: left;
	width: 350px;
}

.imageReset {
	font-weight: normal;
	font-size: small;
	float: right;
	margin-top: 10px;
}

.badge {
	margin-left: 5px;
	background-color: #B71C1C;
}

.setupDownloadProgress {
	margin-left: 25px;
}

.setupExtension {
	color: white;
	display: inline-block;
	height: 120px;
	width: 120px;
	margin: 10px;
	background-color: #000033
}

.setupExtension span {
	margin: 10px;
}

.notifyjs-wrapper, .notifyjs-corner {
	z-index: 99999 !important;
}

@media (max-width: 600px) {
	.notifyjs-container span[data-notify-html], .notifyjs-container span[data-notify-text] {
	    overflow-wrap: break-word !important;
	    white-space: normal !important;
	}
}

#feedbackPanel {
	height: 400px;
	overflow-y: auto;
    overflow-x: clip;
}

.portalPageMessage {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
}

#portalPageMessageContainerTop { padding-bottom: 3em; }
#portalPageMessageContainerBottom { padding-top: 3em; }

.contentSupportTunnel {
	padding: 10px 25px;
	overflow: auto;
}

.contentSupportTunnel p {
	margin-bottom: 30px;
}

.overMultipleSearchInput {
	border: 2px dashed #000 !important;
}

.formInput.form-control.includedSelect, .formInput.form-control.excludedSelect
	{
	overflow-y: scroll;
	height: 150px;
}

.formInput.form-control.includedSelect ul, .formInput.form-control.excludedSelect ul
	{
	list-style: none;
	-webkit-padding-start: 0px;
	display: table;
	border-collapse: collapse;
}

.formInput.form-control.includedSelect ul li, .formInput.form-control.excludedSelect ul li
	{
	margin: 2px;
	display: inline-flex;
	border: 2px solid #e1e6ef;
	padding: 10px;
	border-radius: 10px;
	background-color: #e1e6ef;
}

.formInput.form-control.includedSelect ul li.draggable, .formInput.form-control.excludedSelect ul li.draggable
	{
	cursor: move;
}

.formInput.form-control.includedSelect ul li i, .formInput.form-control.excludedSelect ul li i
	{
	cursor: pointer;
	margin-top: 3px;
}

.formInput.form-control.includedSelect ul li svg, .formInput.form-control.excludedSelect ul li svg
	{
	cursor: pointer;
	margin-top: 3px;
}

.includedList1 {
	margin-top: 10px;
}

.checkboxProperty span {
	display: inline-block;
}

.extendedTabContent {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
}

.box20 {
	margin: 20px
}

.row20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.box10 {
	margin: 10px
}

.row10 {
	margin-top: 10px;
	margin-bottom: 10px
}

/**
* From http://tobiasahlin.com/spinkit/
*/

.sk-fading-circle-inner {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 40px;
}

.sk-fading-circle {
	width: 100%;
	height: 100%;
	min-height: 128px;
    background: #f8f8f8;
	position: relative;
}

.sk-message {
    margin-top: 60px;
    margin-left: -100px;
    margin-right: -100px;
    text-align: center;
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

.dragablePlaceholder {
	background-color: #e1e6ef;
	border-style: dashed;
	border-width: 2px;
	border-color: black;
	border-radius: 10px;
	margin-bottom: 20px;
	z-index: 100;
}

.wizardError {
	margin-top: -10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.chart-color-1 {
	color: #3F51B5; 
}

.chart-color-2 {
	color: #2196F3;
}

.chart-color-3 {
	color: #C5CAE9;
}

.chart-color-4 {
	color: #BBDEFB; 
}

.chart-color-5 {
	color: #1A237E; 
}

.chart-color-6 {
	color: #0D47A1; 
}

.chart-color-7 {
	color: #E1BEE7; 
}

.chart-color-8 {
   color: #4A148C; 
}

.chart-color-9 {
	color: #9C27B0; 
}

.chart-color-10 {
	color: #CDDC39;
}

.chart-color-11 {
	color: #3F51B5; /* TEAK */
}

button#logonButton {
	max-width: 400px;
}

.logonInput {
	width: 400px;
}

/* #logonForm>p {
	font-size: 11pt;
} */

#applicationMenu #buttons {
	line-height: 1.7;
}

#applicationMenu #buttons .bubble_text {
	font-style: italic;
}

.tableActions {
    text-align: right;
}

.tableActions .dropdown-menu > .dropdown-item > i {
	width: 32px;
}

.actionsColumn {
    width: 175px;
    text-align: right;
}

.actionsColumn a i.fad {
	font-size: 18px;
}
.lb-card-footer-bg {
    background-color: #f7f7f9;
}
.lb-help-block {display:block; font-size: 9pt;}
/*-----------------------------------------------------------------------
For < 767px
-----------------------------------------------------------------------*/

@media ( max-width : 766px) {
	
	form#logonForm {
        width: 400px;
	}
    
	.modal-dialog {
	    margin: 60px 10px;
	}
	
	.container-fluid.content {
	    overflow: hidden;
	}
	#footer {
	    display: none
	}
	    
	div.scroll-content.container-fluid.content.lb-y-scroll{
		overflow-y: auto !important;
	}
	
	.logonInput {
		margin: 5px auto;
		width: 100%;
	}
	
	.form-signin .form-control {
		border-color: #999;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	}
	
	.underline {
		text-decoration: underline;
	}
	
	.overview-step {
		display: inline-block;
		width: 22em;
		vertical-align: top;
		margin-right: 2em;
	}
	
	.overview-step img {
		max-width: 20em;
	}
}  

/*-----------------------------------------------------------------------
For < 576px
-----------------------------------------------------------------------*/
@media ( max-width: 575px) {
    .tableActions {
        text-align: start;  
    }
    
    .actionsColumn {
        width: auto;
        text-align: start;
    }
    
    form#logonForm {
        width: 100%;
    }
    
	button#logonButton {
	    width: 100%;
	}
}

.multiselectAddAllButton, .multiselectRemoveAllButton, .multiselectResetButton {
	font-size: .78rem
}
.multiSelectButtonsContainer {height: 100% !important;}
.multiSelectButtonIcon {margin-top:0px !important;margin-right:0px !important;font-weight: bolder;}
@media (min-width: 992px) {
	.multiSelectContainerRow {
		width: 100%;	
	}
	.multiSelectSearchWidth {
		flex: 0 0 45%;
		max-width: 45%;
	}
	.multiSelectExcludeList {
		flex: 0 0 45%;
		max-width: 45%;
	}
	.multiSelectButtonList {
		flex: 0 0 10%;
		max-width: 10%;
	}
	.multiSelectIncludeList {
		flex: 0 0 45%;
		max-width: 45%;
	}
}

@media (max-width: 991px) {
	.multiSelectContainerRow {
		width: 100%;	
	}
	.multiSelectSearchWidth {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.multiSelectExcludeList {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.multiSelectButtonList {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.multiSelectIncludeList {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-height: 550px) and (max-width : 766px){
	form#logonForm p.alert {padding: 0.5rem 1rem;}
	fieldset#authenticationFlow {height: 98px; overflow-x: clip;overflow-y: scroll; }
} 

@media (min-height: 550px) and (max-height: 650px) and (max-width : 766px) {
	form#logonForm p.alert {padding: 0.5rem 1rem;}
	fieldset#authenticationFlow {height: 165px; overflow-x: clip;overflow-y: scroll; }
}

@media (min-height: 650px) and (max-height: 750px) and (max-width : 766px) {
	fieldset#authenticationFlow {min-height:150px; max-height: 250px; overflow-x: clip;overflow-y: scroll; }
}

@media (min-height: 750px) and (max-width : 766px) {
	fieldset#authenticationFlow {min-height:150px; max-height: 275px; overflow-x: clip;overflow-y: scroll; }
}

@media (max-height: 700px) {
	#feedbackPanel {height: 275px;}
}
.w-10 { width: 10%; } .w-20 { width: 20%; } .w-30 { width: 30%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; } .w-70 { width: 70%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .w-100 { width: 100%; }
.w-15 { width: 15%; } .w-25 { width: 25%; } .w-35 { width: 35%; } .w-45 { width: 45%; } .w-55 { width: 55%; } .w-65 { width: 65%; } .w-70 { width: 75%; } .w-85 { width: 85%; } .w-95 { width: 95%; }
.pt-2px {padding-top: 2px !important;} .pb-2px {padding-bottom: 2px !important;}
.bootstrap-timepicker-widget.dropdown-menu.open {overflow: hidden;}
.bootstrap-timepicker-minute{width: 30px !important;}
.bootstrap-timepicker-hour{width: 30px !important;}