/*-------------------------------------------------------------
	Fonts
-------------------------------------------------------------*/
@font-face {
    font-family: 'RubikWeb';
    src: url('fonts/rubik-regular.woff2') format('woff2'),
    url('fonts/rubik-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'RubikWeb';
    src: url('fonts/rubik-italic.woff2') format('woff2'),
    url('fonts/rubik-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'RubikWeb';
    src: url('fonts/rubik-light.woff2') format('woff2'),
    url('fonts/rubik-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'RubikWeb';
    src: url('fonts/rubik-lightitalic.woff2') format('woff2'),
    url('fonts/rubik-lightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'RubikWeb';
    src: url('fonts/rubik-medium.woff2') format('woff2'),
    url('fonts/rubik-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'RubikWeb';
    src: url('fonts/rubik-mediumitalic.woff2') format('woff2'),
    url('fonts/rubik-mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

/*-------------------------------------------------------------
	Icons
-------------------------------------------------------------*/
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icons.eot?z4jeba');
    src: url('fonts/icons.eot?z4jeba#iefix') format('embedded-opentype'),
    url('fonts/icons.ttf?z4jeba') format('truetype'),
    url('fonts/icons.woff?z4jeba') format('woff'),
    url('fonts/icons.svg?z4jeba#icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"], icon-any {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-apps-grid:before {
  content: "\e94b";
}
.icon-arrow-up-off:before {
  content: "\e948";
}
.icon-collapse:before {
  content: "\e949";
}
.icon-eye-off:before {
  content: "\e94a";
}
.icon-restore:before {
  content: "\e951";
}
.icon-home:before {
  content: "\e952";
}
.icon-arrow-down:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-arrow-up:before {
  content: "\e903";
}
.icon-exchange:before {
  content: "\e904";
}
.icon-columns:before {
  content: "\e905";
}
.icon-repo-contour1:before {
  content: "\e906";
}
.icon-inferred-off:before {
  content: "\e907";
}
.icon-inferred-on:before {
  content: "\e908";
}
.icon-save:before {
  content: "\e909";
}
.icon-tag:before {
  content: "\e90a";
}
.icon-repo-contour2:before {
  content: "\e90b";
}
.icon-file:before {
  content: "\e90c";
}
.icon-folder:before {
  content: "\e90d";
}
.icon-heartbeat:before {
  content: "\e90e";
}
.icon-pin:before {
  content: "\e90f";
}
.icon-repo-contour3:before {
  content: "\e910";
}
.icon-zoom-in:before {
  content: "\e911";
}
.icon-zoom-out:before {
  content: "\e912";
}
.icon-repo-master-ro-mute:before {
  content: "\e913";
}
.icon-check:before {
  content: "\e914";
}
.icon-download:before {
  content: "\e915";
}
.icon-external:before {
  content: "\e916";
}
.icon-lock:before {
  content: "\e917";
}
.icon-search:before {
  content: "\e918";
}
.icon-upload:before {
  content: "\e919";
}
.icon-caret-left:before {
  content: "\e91a";
}
.icon-caret-right:before {
  content: "\e91b";
}
.icon-caret-up:before {
  content: "\e91c";
}
.icon-minus:before {
  content: "\e91d";
}
.icon-reload:before {
  content: "\e91e";
}
.icon-trash:before {
  content: "\e91f";
}
.icon-warning:before {
  content: "\e920";
}
.icon-caret-down:before {
  content: "\e921";
}
.icon-close:before {
  content: "\e922";
}
.icon-edit:before {
  content: "\e923";
}
.icon-info:before {
  content: "\e924";
}
.icon-link:before {
  content: "\e925";
}
.icon-more:before {
  content: "\e926";
}
.icon-plus:before {
  content: "\e927";
}
.icon-data:before {
  content: "\e928";
}
.icon-help:before {
  content: "\e929";
}
.icon-monitoring:before {
  content: "\e92a";
}
.icon-settings:before {
  content: "\e92b";
}
.icon-sparql:before {
  content: "\e92c";
}
.icon-user:before {
  content: "\e92d";
}
.icon-export:before {
  content: "\e92e";
}
.icon-import:before {
  content: "\e92f";
}
.icon-comment:before {
  content: "\e930";
}
.icon-connection-off:before {
  content: "\e931";
}
.icon-connection-on:before {
  content: "\e932";
}
.icon-key:before {
  content: "\e933";
}
.icon-copy:before {
  content: "\e934";
}
.icon-eye:before {
  content: "\e935";
}
.icon-repo-free:before {
  content: "\e936";
}
.icon-repo-master-mute:before {
  content: "\e937";
}
.icon-repo-master-ro:before {
  content: "\e938";
}
.icon-repo-master:before {
  content: "\e939";
}
.icon-repo-standart:before {
  content: "\e93a";
}
.icon-repo-system:before {
  content: "\e93b";
}
.icon-repo-worker:before {
  content: "\e93c";
}
.icon-repo:before {
  content: "\e93d";
}
.icon-email:before {
  content: "\e93e";
}
.icon-sameas-off:before {
  content: "\e93f";
}
.icon-sameas-on:before {
  content: "\e940";
}
.icon-play:before {
  content: "\e941";
}
.icon-facebook:before {
  content: "\e942";
}
.icon-google-plus:before {
  content: "\e943";
}
.icon-google:before {
  content: "\e944";
}
.icon-linkedin:before {
  content: "\e945";
}
.icon-twitter:before {
  content: "\e946";
}
.icon-youtube:before {
  content: "\e947";
}
.icon-expand:before {
  content: "\e94c";
}
.icon-focus:before {
  content: "\e94d";
}
.icon-rotate-left:before {
  content: "\e94e";
}
.icon-rotate-right:before {
  content: "\e94f";
}
.icon-info-alt:before {
  content: "\e950";
}

/*
[class^="icon-"]:before, [class*=" icon-"]:before {
	display: inline-block;
}
*/

.icon-lg {
    font-size: 1.4em;
    line-height: 0.75em;
    /*    vertical-align: -15%;*/
}

.icon-2x, .btn .icon-2x[class^="icon-"] {
    font-size: 2em;
}

.icon-2-5x, .btn .icon-2-5x[class^="icon-"] {
    font-size: 2.5em;
}

.icon-rotate-270:before {
    display: inline-block;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.icon-rotate-90:before {
    display: inline-block;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*-------------------------------------------------------------
	General
-------------------------------------------------------------*/
body {
    font-family: RubikWeb, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
    font-variant-ligatures: no-common-ligatures;
    margin-bottom: 0 !important
}

button, input, optgroup, select, textarea {
    font-family: RubikWeb, sans-serif;
}

a {
    color: #04355E;
}

a:focus, a:hover {
    color: #0a477b;
}

dt {
    font-weight: 500;
}

.font-weight-bold {
    font-weight: bolder;
}

.small, small {
    font-size: 0.875em;
    font-weight: inherit;
}

.pos-r {
    position: relative;
}

/*-------------------------------------------------------------
	Headings
-------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
    margin-bottom: .5em;
}

h1:only-child, h2:only-child, h3:only-child, h4:only-child, h5:only-child, h6:only-child {
    margin-bottom: 0;
}

h1 .btn {
    margin-top: -0.2em
}

@media (max-width: 600px) {
	h1, .h1 { font-size: 2rem }
	h2, .h2 { font-size: 1.8rem }
	h3, .h3 { font-size: 1.6rem }
	h4, .h4 { font-size: 1.4rem }
	h5, .h5 { font-size: 1.2rem }
}


/*-------------------------------------------------------------
	Lists
-------------------------------------------------------------*/
ul[class*="style-"] {
	list-style: none;
	padding: 0;
	margin-bottom: 1.2em;
}
	ul[class*="style-"] li {
		padding-left: 1.6em;
		position: relative;
		line-height: 1.2;
		margin-bottom: 0.6em;
	}
	ul[class*="style-"] li:before {
		content: "\e91b";
		font-family: 'icomoon' !important;
		position: absolute;
		left: 0;
		top: -0.07em;
		font-size: 1.2em;
		color: #2DBAAB;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
	}

.text-white ul[class*="style-"] li:before {
	color: #fff;
}

ul.style-caret li:before {
	content: "\e91b";
}
ul.style-check li:before {
	content: "\e914";
}
ul.style-arrow li:before {
	content: "\e902";
}

.list-unstyled li {
	line-height: 1.2;
	margin-bottom: 0.8em;
}

.list-inline-item:not(:last-child) {
	margin-right: 1em;
}



/*-------------------------------------------------------------
	Containers
-------------------------------------------------------------*/
@media (min-width: 992px) {
	.container-fluid {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}


/*-------------------------------------------------------------
	Navs
-------------------------------------------------------------*/
.nav-lined .nav-item {
	margin-right: 1em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
    border-bottom: 0.35em solid transparent;
}
	.nav-lined .nav-link {
		padding: 0.9em 0 0.6em 0;
		line-height: 1.2;
	}

.nav-lined .nav-item.active {
	border-color: #ED4F2F;
}
	.nav-lined .nav-item.active .nav-link  {
		font-weight: 400;
		
	}

/* Dark version */
.nav-lined.nav-dark .nav-link {
	color: rgba(255,255,255,.8);
}

.nav-lined.nav-dark .nav-item.active .nav-link,
.nav-lined.nav-dark .nav-link:focus, 
.nav-lined.nav-dark .nav-link:hover {
	color: rgba(255,255,255,1);
}

/*-------------------------------------------------------------
	Navbar
-------------------------------------------------------------*/
.navbar-brand.btn-lg {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    font-size: 1.1em;
}
.navbar-toggler {
    border: none;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border-radius: 0;
}
.navbar-toggler:hover {
    background-color: rgba(255, 255, 255, .06);
}
.navbar-toggler-right {
    right: 0;
}
.navbar-collapse.show {
    background-color: rgba(255, 255, 255, .06);
}

.navbar-collapse.show .nav-lined .nav-item {
    margin-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.navbar-collapse.show .nav-lined .nav-link {
    padding-left: 1.2em;
    padding-right: 1.2em;
    width: 100%;
}
.navbar-collapse.show .dropdown .dropdown-menu {
    display: none;
    margin: 0 1em 1em 1em;
}
.navbar-collapse.show .dropdown.show .dropdown-menu {
    display: block;
}


/*-------------------------------------------------------------
	Buttons
-------------------------------------------------------------*/
.btn {
    -moz-transition: all 0.15s ease-out; /* FF4+ */
    -o-transition: all 0.15s ease-out; /* Opera 10.5+ */
    -webkit-transition: all 0.15s ease-out; /* Saf3.2+, Chrome */
    transition: all 0.15s ease-out;
	font-size: 1rem;
    cursor: pointer;
}

.btn, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn.focus, .btn:focus {
	box-shadow: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
}

.btn-primary {
    background-color: #ED4F2F;
    border-color: #ED4F2F;
    color: #fff;
}
.btn-primary:focus,
.btn-info:focus {
    color: #fff;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active.focus,
.btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .show > .btn-primary.dropdown-toggle.focus, .show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle:hover,
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #d54a33;
    border-color: #d54a33;
}

.btn-secondary {
    background-color: #EBEBEB;
    border-color: #EBEBEB;
    color: #04355E;
}

.btn-secondary.focus,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover,
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
}


.btn-secondary.active, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover {
    background-color: #ED4F2F;
    border-color: #ED4F2F;
    color: #fff;
}

.btn-info {
    background-color: #04355E;
    border-color: #04355E;
}

.btn-info.active, .btn-info.focus, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active.focus,
.btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .show > .btn-info.dropdown-toggle.focus, .show > .btn-info.dropdown-toggle:focus, .show > .btn-info.dropdown-toggle:hover,
.btn-info.disabled:hover, .btn-info:disabled:hover, .show>.btn-info.dropdown-toggle {
    background-color: #063054;
    border-color: #063054;
}

.btn a {
    color: #fff;
}

/* outline buttons */
.btn-outline-primary {
    color: #ED4F2F;
    border-color: #ED4F2F;
}

.btn-outline-primary:hover,
.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle
.btn-outline-primary.active.focus, .btn-outline-primary.active:focus, .btn-outline-primary.active:hover, .btn-outline-primary:active.focus, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover, .show > .btn-outline-primary.dropdown-toggle.focus, .show > .btn-outline-primary.dropdown-toggle:focus, .show > .btn-outline-primary.dropdown-toggle:hover {
    color: #ED4F2F;
    background-color: rgba(237, 79, 47, 0.2);
    border-color: #ED4F2F;
}

.btn-outline-secondary {
    color: #04355E;
    background-image: none;
    background-color: transparent;
    border-color: rgba(4, 53, 94, 0.5);
}

.btn-outline-secondary:hover,
.btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary.active, .btn-outline-secondary:active,
.btn-outline-secondary.active.focus, .btn-outline-secondary.active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary:active:focus, .btn-outline-secondary:active:hover, .show > .btn-outline-secondary.dropdown-toggle.focus, .show > .btn-outline-secondary.dropdown-toggle:focus, .show > .btn-outline-secondary.dropdown-toggle:hover {
    color: #04355E;
    background-color: rgba(4, 53, 94, 0.2);
    border-color: #04355E;
}

.btn-outline-secondary.active:hover {
    background-color: rgba(4, 53, 94, 0.2);
    border-color: #09406d;
}

.btn-group-lg > .btn, .btn-lg {
    padding: .75em 1.2em;
    font-size: 1.125em;
}

.btn-outline-inverse {
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}
.btn-outline-inverse:hover {
	background-color: rgba(255, 255, 255, 0.2)
}


.btn-link, .btn-link a {
    color: #ED4F2F;
    padding: .5em .8em;
}

.btn-link.secondary {
    color: rgba(0, 0, 0, .3);
}

.btn-link.text-secondary:hover {
    color: #0a477b !important;
}

 .btn-link:hover, .btn-link.secondary:hover, .btn-link:focus {
    color: #d94223;
    text-decoration: none;
}

.btn-link.disabled:focus, .btn-link.disabled:hover, .btn-link.disabled.secondary:hover {
    color: rgba(0, 0, 0, .3);
    text-decoration: none;
}

.btn-link.btn-sm {
    padding: .25rem .5rem;
}

.btn-link.active, .btn-link:hover.active, .btn-link:focus.active, .btn-link:active.active {
    background-color: #d54a33;
    color: #fff;
}

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


/* button groups */
.btn-group .btn {
    margin-right: 3px;
}

/* button icons */
.btn [class^="icon-"], 
.btn .fa,
.btn .img-fill {
    -moz-transition: transform 0.15s ease-out; /* FF4+ */
    -o-transition: transform 0.15s ease-out; /* Opera 10.5+ */
    -webkit-transition: transform 0.15s ease-out; /* Saf3.2+, Chrome */
    transition: transform 0.15s ease-out;
}

.btn [class^="icon-"] {
    font-size: 1.4em;
    vertical-align: middle;
    line-height: 0.8;
    display: inline-block;
}

.btn .icon-lg[class^="icon-"] {
    font-size: 2em;
    margin-right: 0.3em;
}

.btn:hover [class^="icon-"],
.btn:hover .fa,
.btn:hover .img-fill {
    transform: scale(1.2);
}

.btn.disabled:hover [class^="icon-"],
.btn.disabled:hover .fa {
    transform: scale(1);
}

.btn + .dropdown-toggle-split {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.btn b, .btn strong {
	font-weight: 500;
}

/*-------------------------------------------------------------
	Dropdowns
-------------------------------------------------------------*/
.show > .btn-secondary.dropdown-toggle,
.show > .btn-secondary.dropdown-toggle.focus,
.show > .btn-secondary.dropdown-toggle:focus,
.show > .btn-secondary.dropdown-toggle:hover {
    color: #fff;
    background-color: #ED4F2F;
    border-color: #ED4F2F;
}

.show > .btn-secondary.dropdown-toggle [class^="icon-"] {
    color: #04355E !important;
}

.dropdown-toggle {
}

.dropdown-divider {
	margin: 0;
}

.dropdown-toggle::after {
    font-family: 'icomoon' !important;
    content: "\e921";
    display: inline-block;
    color: rgba(0, 0, 0, .35);
    width: auto;
    height: auto;
    border: none;
    margin-left: 0;
    font-size: 0.9em;
    -moz-transition: all 0.2s ease-in; /* FF4+ */
    -o-transition: all 0.2s ease-in; /* Opera 10.5+ */
    -webkit-transition: all 0.2s ease-in; /* Saf3.2+, Chrome */
    transition: all 0.2s ease-in;
}
.dropdown-toggle.dark-toggle::after,
.btn-primary.dropdown-toggle::after {
    color: rgba(255, 255, 255, .35);
}

.show > .dropdown-toggle::after {
    transform: rotate(180deg);
}



.dropdown-menu {
    border-radius: 0;
    padding: 0;
    min-width: 100%;
    display: block;
    margin-top: -1em;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 150ms ease-out; /* FF4+ */
    -o-transition: all 150ms ease-out; /* Opera 10.5+ */
    -webkit-transition: all 150ms ease-out; /* Saf3.2+, Chrome */
    transition: all 150ms ease-out;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.show > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: -1px;
}

.dropdown-item {
    padding: 0.5em 1.2em;
    cursor: pointer;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
	background-color: #ED4F2F;
	color: #fff;
}



.btn-link + .dropdown-menu-right {
    margin-top: 8px;
}

.multiline-text {
    line-height: 0.75em;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.multiline-text small {
    font-weight: 300;
    font-size: 0.75em;
    margin-top: 0.3em;
    display: inline-block;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn .multiline-text {
    margin-top: -0.3em;
    margin-bottom: -0.3em;
}

/* alternative dropdown colors for primary (orange) buttons */
.btn-primary + .dropdown-menu {
	background-color: #ED4F2F;
	border: none;
}
	.btn-primary + .dropdown-menu .dropdown-item {
		color: #fff !important;
	}

.btn-primary + .dropdown-menu .dropdown-item:focus, .btn-primary + .dropdown-menu .dropdown-item:hover {
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
}


/*-------------------------------------------------------------
	Alerts
-------------------------------------------------------------*/
.alert {
    border-radius: 0;
    border: none;
    position: relative;
    padding: 1em;
}

.alert-warning {
    color: #C4781E;
}

.alert-info {
    background-color: #cbeeea;
    color: #0a6d63;
}

.alert-info, .alert-warning {
    padding-left: 3em;
}

.alert-info:before,
.alert-warning:before {
    font-family: 'icomoon' !important;
    font-size: 1.6em;
    vertical-align: middle;
    line-height: 1;
    position: absolute;
    left: 0.6em;
    top: 0.6em;
}

.alert-info:before {
    content: "\e924";
}

.alert-warning:before {
    content: "\e920";
}

.no-icon {
    padding-left: 1em;
}

.no-icon:before {
    display: none;
}

/*-------------------------------------------------------------
	Tabs
-------------------------------------------------------------*/
.nav-tabs {
    font-weight: 400;
}

.nav-tabs .nav-item {
    margin-top: 4px;
    margin-right: .2rem;
}

.nav-tabs .nav-item + .nav-item {
    margin-left: 0;
    margin-right: .2rem;
}

.nav-tabs .nav-link {
    border-radius: 0;
    cursor: pointer;
    color: #04355E;
    background-color: transparent;
}

.nav-tabs .nav-link .btn {
    padding: 0;
    border: none;
}

.nav-tabs .nav-link > span + .btn {
    margin-left: 0.8em;
}

.nav-tabs .active .nav-link {
    color: #55595c;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
}

.nav-tabs .nav-item.active a,
.nav-tabs .nav-item.active:focus a,
.nav-tabs .nav-item.active:hover a {
    color: #55595c;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #ddd #ddd #fff;
}

tab-heading.nav-item {
    margin-right: 4px;
}

/*-------------------------------------------------------------
	Tables
-------------------------------------------------------------*/
.table td, .table th {
    padding: .8rem;
    border-color: #ddd;
    vertical-align: middle;
}

.table th {
    font-weight: 500;
    vertical-align: middle;
}

.table-sm td, .table-sm th {
    padding: 0.3rem 0.5rem;
}

.table-info, .table-info > td, .table-info > th {
    background-color: #cbeeea;
}

.table-hover .table-info:hover,
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #aee4df;
}

/*-------------------------------------------------------------
	Modals
-------------------------------------------------------------*/
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header .close {
    margin-top: 4px;
}

/*-------------------------------------------------------------
	Progress bars
-------------------------------------------------------------*/
/* Square progress bar */
.progress-square {
    min-width: 1.8em;
    height: 1.8em;
    background-color: rgba(181, 181, 181, 0.5);
    border-radius: 0.2em;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.progress-square .progress-bar {
    width: 100%;
    display: block;
    background-color: #04355E;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.progress-square.warning .progress-bar {
    background-color: #f0ad4e;
}
.progress-value {
    position: relative;
    z-index: 2;
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 2.6em;
}

.bg-secondary .progress-square {
    background-color: rgba(255, 255, 255, 0.3);
}
.bg-secondary .progress-square .progress-bar {
    background-color: #33B9AA;
}

/*-------------------------------------------------------------
	Text colors
-------------------------------------------------------------*/
.text-primary {
    color: #ED4F2F !important;
}

.text-secondary {
    color: #04355E !important;
}

.text-tertiary {
    color: #11b0a1 !important;
}

.text-info {
    color: #11b0a1 !important;
}

.text-muted {
    color: rgba(0, 0, 0, 0.3) !important
}
.text-muted-white {
    color: rgba(255, 255, 255, 0.3) !important
}
.text-body {
    color: #292b2c !important;
}
.text-white {
    color: #fff !important;
}

.text-facebook { color: #3C5B98 !important;}
.text-linkedin { color: #077CB6 !important;}
.text-twitter { color: #22A3F3 !important;}
.text-google { color: #DC4E41 !important;}
.text-youtube { color: #cd201f !important;}


/*-------------------------------------------------------------
	Background colors
-------------------------------------------------------------*/
.bg-primary {
	background-color: #ED4F2F !important;
}
.bg-secondary {
    background-color: #04355E;
    color: #fff;
}
.bg-ternary {
	background-color: #2DBAAB;
}
.bg-lightgray {
    background-color: #eee;
}
.bg-gray {
    background-color: #EBEBEB;
}
.bg-white {
	background-color: #fff;
}



/*-------------------------------------------------------------
	Blockquote
-------------------------------------------------------------*/
.blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	padding-left: 1rem;
	padding-right: 0;
	border: none;
	font-size: 1.5rem;
	line-height: 1.3;
	position: relative;
	padding-top: 1.2rem;
}
.blockquote-content {
	position: relative;
	margin-bottom: 0;
}
.blockquote:before {
	content: " “ ";
	font-size: 18rem;
/*	color: rgba(237, 79, 47, 0.12);*/
	color: #eee;
	line-height: 1;
	position: absolute;
	top: -2.5rem;
	left: -1.6rem;
}
.blockquote-footer {
	font-family: RubikWeb, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.3;
	font-style: normal;
	font-size: 0.875rem;
	margin-top: 0.5rem;
}
.blockquote-footer:before {
	content: ""
}


/*-------------------------------------------------------------
	Close button
-------------------------------------------------------------*/
.close {
    font-weight: 300;
    font-size: 1.4em;
    opacity: 1;
    text-shadow: none;
}

.close::before {
    font-family: 'icomoon' !important;
    content: "\e922";
    -moz-transition: all 0.18s ease-out; /* FF4+ */
    -o-transition: all 0.18s ease-out; /* Opera 10.5+ */
    -webkit-transition: all 0.18s ease-out; /* Saf3.2+, Chrome */
    transition: all 0.18s ease-out;
    display: block;
    color: rgba(0, 0, 0, .3);
}

.close:focus, .close:hover {
    opacity: 1;
}

.close:hover::before {
    transform: scale(1.2);
    color: #ED4F2F;
}

.close.inverse::before {
	color: rgba(255, 255, 255, 0.5);
}
.close.inverse:hover::before {
	color: rgba(255, 255, 255, 1);
}

.pos-r .close {
	position: absolute;
	top: 2rem;
	right: 2rem;
	z-index: 10;
}


/*-------------------------------------------------------------
	Utilities
-------------------------------------------------------------*/
.loader {
    display: inline-block;
    animation: load8 2s infinite linear;
}

.bigger {
	font-size: 1.125em;
}

.small, small {
    line-height: 1.25;
}

.break-word {
    word-break: break-all;
}
.no-wrap {
    white-space: nowrap;
}

.data-value {
    color: #04355E;
    font-weight: 400;
}

.data-value.big {
    display: block;
    font-size: 1.5em;
    line-height: 1;
}

.d-inline-block.valign-top {
    vertical-align: top;
}

.dot-separator:after {
    content: "\b7"; /* middot */
    margin: 0 0.5em;
}

.dot-separator:last-of-type:after {
    content: none;
    margin: 0;
}

.tag {
    font-weight: 500;
    font-weight: 500;
    border-radius: 0;
    vertical-align: 0.1em;
}

.tag-primary {
    background-color: #04355E;
}

.text-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table .text-overflow {
    max-width: 300px;
}



.actions-bar {
    /*	float: right;*/
}

.actions-bar .btn {
    padding: 0.1em;
    background-color: transparent;
}

.actions-bar-inline .btn {
    padding-top: 0;
    margin-top: -0.1em;
    padding-bottom: 0.3em;
}

.actions-bar .btn:hover {
}

.hovered-parent .hovered-item {
    opacity: 0;
}

.hovered-parent:hover .hovered-item {
    opacity: 1;
}


@media (min-width: 1024px) {
    .table .text-overflow {
        max-width: 450px
    }
}

@media (min-width: 1440px) {
    .table .text-overflow {
        max-width: 650px
    }
}

@media (min-width: 1600px) {
    .table .text-overflow {
        max-width: 850px
    }
}

/*-------------------------------------------------------------
	Cards
-------------------------------------------------------------*/
.card {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    margin-bottom: 1em;
}

.card-header {
    padding: 0.75em 1.8rem;
    background-color: #fff;
}
.card-header.bg-faded {
    background-color: #f7f7f7;
}
.card-header .card-header-lined {
    margin-right: -.625em;
    margin-bottom: -.75em;
    margin-left: -.625em;
    margin-top: -.3em;
    border-bottom: 0;
    font-size: 1.1em;
}
.card.inline {
    display: inline-block;
    width: 19.5rem;
    margin-right: 1em;
    vertical-align: top;
    overflow: hidden;
}

.card.inline .card-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card.inline .card-block {
    min-height: 165.19px;
}

.card-block {
    padding: 1.6rem;
}

.card-footer:last-child {
    border-radius: 0;
}

.card.button {
    width: 10em;
}

.card.button:hover {
    border-color: rgba(237, 79, 47, 0.4)
}

.card.button .card-block {
    padding: 0;
}

.card.button .btn {
    white-space: normal;
    padding: 0 1.8rem;
    /*	display: inline-block;*/
    line-height: 218px;

}

.card.button .btn > span {
    display: inline-block;
    line-height: 1.25;
    vertical-align: middle;
}

.card.button .btn:hover {
    background-color: rgba(237, 79, 47, 0.1)
}

.card.button .btn [class^="icon-"] {
    display: block;
    font-size: 3em;
    margin-bottom: 0.4em;
}

.card.active {
    border-color: #04355E;
    min-height: 300px;
}

.card.active .card-footer {
    background-color: #04355E;
    color: #fff;
    border-color: #04355E;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.card.active .card-footer .text-muted {
    color: #fff !important;
    font-weight: 500;
}

.card .list-group-item {
    border-left: none;
    border-right: none;
}

.card .list-group-item:first-child {
    border-top: none;
}

.card .alert {
    margin-bottom: 0;
}


.card.no-chrome {
	box-shadow: none;
	border: none;
}
.card.no-chrome .card-block {
	padding-left: 0;
	padding-right: 0;
}
.card.no-chrome .card-block:first-child {
	padding-top: 0;
	padding-bottom: 0.5rem;
}
.card.no-chrome .card-block:last-child {
	padding-top: 0.5rem;
	padding-bottom: 0;
}
.card.no-chrome .card-title {
	margin-bottom: 0.5rem;
}

.card-columns {
	column-gap: 2.5rem;
}

@media (min-width: 576px) {
    .card-columns {
		column-count: 2;
	}
}
@media (min-width: 992px) {
    .card-columns {
		column-count: 3;
	}
}
@media (min-width: 1200px) {
    .card-columns {
		column-count: 4;
	}
}
@media (min-width: 1600px) {
    .card-columns {
		column-count: 5;
	}
}
@media (min-width: 2048px) {
    .card-columns {
		column-count: 6;
	}
}


/*-------------------------------------------------------------
	Popovers
-------------------------------------------------------------*/
.popover {
    border-radius: 0;
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 0;
}

.popover-content {
    padding: 1em;
}

.popover-title {
    border-radius: 0;
}

.popover.bs-tether-element-attached-top::after, .popover.popover-bottom::after {
    border-bottom-color: #fff;
}

/* popover arrows from bootstrap 3 (needed if using angular bootstrap controls because of angular bootstrap controls which use the old markup) */
.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

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

.popover.left {
    margin-left: -10px;
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

.popover .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-bottom-width: 0;
    content: " ";
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top-width: 0;
    content: " ";
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #ffffff;
    border-right-width: 0;
    content: " ";
}

/*-------------------------------------------------------------
	Tooltips
-------------------------------------------------------------*/
.tooltip-inner {
    text-decoration: none;
    background-color: #04355E;
    border-radius: 0;
}

/* tooltip arrows from bootstrap 3 (needed because of angular bootstrap controls which use the old markup) */
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #04355E;
    border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-top-color: #04355E;
    border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-top-color: #04355E;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #04355E;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #04355E;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #04355E;
    border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-bottom-color: #04355E;
    border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-bottom-color: #04355E;
    border-width: 0 5px 5px;
}

/*-------------------------------------------------------------
	List groups
-------------------------------------------------------------*/
.list-group-item-action:focus, .list-group-item-action:hover {
    background-color: rgba(237, 79, 47, 0.1);
}

.list-group-item pre {
    margin-bottom: 0;
}

.list-group-item .help-label {
    float: right;
    margin-top: 0.7em;
    font-weight: 400;
    color: #ED4F2F;
    cursor: pointer;
    display: none;
}

.list-group-item:hover .help-label {
    display: inline-block;
}

.list-group.limit-height {
    max-height: 300px;
    overflow-y: auto;
}

.list-group-item samp {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list-group.saved-queries .list-group-item {
    width: 50%;
    float: left;
    border-radius: 0;
}

.list-group.saved-queries .list-group-item:nth-child(2) {
    border-top: 0;
}

.list-group.saved-queries .list-group-item:nth-child(odd) {
    border-right: 1px solid #ddd;
}

.card > .list-group.saved-queries:first-child .list-group-item:first-child, .card > .list-group.saved-queries:last-child .list-group-item:last-child {
    border-radius: 0;
}

.list-group.repos li {
    border-bottom: 1px solid #ddd;
}

/*-------------------------------------------------------------
	Forms
-------------------------------------------------------------*/
.form-control, .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    border-radius: 0;
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    font-size: 1.125rem;
}

.form-control:focus {
    border-color: rgba(4, 53, 94, 0.5);
}
.form-group {
    align-items: center;
}
.input-group-btn {
    padding-left: 4px;
}

.input-group-addon {
    background-color: #fff;
    border-radius: 0;
    border: none;
    padding-left: 0;
}
.input-group-addon.icon {
	background: transparent;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 10;
	left: 0.7em;
	pointer-events: none;
}
.input-group-addon.icon + .form-control {
	padding-left: 2.2em;
}

.has-danger .input-group-addon {
    background-color: #fff;
}

input.ng-invalid.ng-touched, .ng-submitted input.ng-invalid {
    border-color: #d9534f;
}

.form-control-inverted {
    background-color: rgba(255, 255, 255, .15);
    border: 0;
}
.form-control-inverted:focus {
    background-color: rgba(255, 255, 255, .2);
}

.form-control::-webkit-input-placeholder,
.form-control:placeholder-shown {
    color: rgba(255, 255, 255, .5);
    font-style: italic;
    font-weight: 300;
}


/*-------------------------------------------------------------
	Range slider
-------------------------------------------------------------*/
input[type=range] {
	-webkit-appearance:none;
	outline: none;
	border: 1px solid white; 
	vertical-align: middle;
	
	/* fix for FF unable to apply focus style bug  */
    border: 1px solid white; 
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    background: #ddd;
    border: none;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background: #04355E;
    margin-top: -10px;
	border: 3px solid #fff;
	cursor: pointer;
}

/* For firefox */
input[type=range]::-moz-range-track {
    width: 100%;
    height: 6px;
    background: #ddd;
    border: none;
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 22px;
    width: 22px;
    border-radius: 50%;
	border: 3px solid #fff;
	cursor: pointer;
    background: #04355E;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
    background: #ccc;
}


/* For IE 10+ */
input[type=range]::-ms-track {
    width: 100%;
    height: 6px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background: #04355E;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}


/*-------------------------------------------------------------
	List groups
-------------------------------------------------------------*/

.list-group-item:last-child,
.list-group-item:first-child {
    border-radius: 0;
}

.border-top-0 .list-group-item:first-child {
    border-top: 0;
}

/*-------------------------------------------------------------
	Badges
-------------------------------------------------------------*/
.badge {
	border-radius: 0;
}

/*-------------------------------------------------------------
	Switch control
-------------------------------------------------------------*/
span.switch {
    clear: both;
    margin: 0 5px;
    width: 36px;
}

input.switch:empty {
    display: none
}

input.switch:empty ~ label {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0.05em 0.2em -0.05em 0;
}

input.switch:empty ~ label:before {
    display: block;
    content: ' ';
    width: 2.2em;
    height: 0.8em;
    background-color: rgba(181, 181, 181, 0.5);
    border-radius: 10em;
    -moz-transition: all 100ms ease-in; /* FF4+ */
    -o-transition: all 100ms ease-in; /* Opera 10.5+ */
    -webkit-transition: all 100ms ease-in; /* Saf3.2+, Chrome */
    transition: all 100ms ease-in;
}

input.switch:empty ~ label:after {
    position: absolute;
    display: block;
    top: -0.2em;
    left: -0.3em;
    content: ' ';
    width: 1.25em;
    height: 1.25em;
    background-color: #888888;
    border-radius: 50%;
    -moz-transition: all 100ms ease-in; /* FF4+ */
    -o-transition: all 100ms ease-in; /* Opera 10.5+ */
    -webkit-transition: all 100ms ease-in; /* Saf3.2+, Chrome */
    transition: all 100ms ease-in;
}

input.switch:checked ~ label:before {
    background-color: rgba(4, 53, 94, .5)
}

input.switch:checked ~ label:after {
    left: 1.3em;
    background-color: #04355E;
}

.inverted input.switch ~label:before {
    background: rgba(255, 255, 255, 0.3);
}
.inverted input.switch ~label:after {
    background: #fff;
}
.inverted input.switch:checked ~ label:before {
    background-color: #33B9AA;
}
.inverted input.switch:checked ~ label:after {
    
}

/*-------------------------------------------------------------
	Angular Toaster messages
-------------------------------------------------------------*/
#toast-container .toast {
    border-radius: 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    position: relative;
}

#toast-container > :hover {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}

#toast-container > div:before {
    display: block;
    font-family: 'icomoon' !important;
    font-size: 2em;
    position: absolute;
    left: 0.3em;
    top: 0.1em;
}

#toast-container .toast.toast-error,
#toast-container .toast.toast-warning,
#toast-container .toast.toast-info,
#toast-container .toast.toast-success {
    background-image: none !important;
}

#toast-container > .toast-error:before,
#toast-container > .toast-warning:before {
    content: "\e920";
}

#toast-container > .toast-success:before {
    content: "\e914";
}

#toast-container > .toast-info:before {
    content: "\e924";
}

#toast-container > .toast-info {
    background-color: #10b0a0;
}

#toast-container > :hover {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5) !important;
}

#toast-container .toast-title {
    font-weight: 500;
}


/*-------------------------------------------------------------
	Animations
-------------------------------------------------------------*/
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.widget {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #e8edf2;
  -ms-border-radius: 5px;
  -o-border-radius: 5px
}
.mini-stats {
  position: relative;
  padding: 25px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #e8edf2;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.mini-stats>span {
  font-size: 20px;
  line-height: 56px;
  float: left;
  width: 57px;
  height: 57px;
  margin-right: 15px;
  text-align: center;
  color: #fff;
  border: 1px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.mini-stats>p {
  font-size: 11px;
  line-height: 20px;
  display: block;
  margin: 6px 0 0;
  text-transform: uppercase;
  color: #878888
}
.mini-stats>h3 {
  font-size: 18px;
  display: block;
  margin: 5px 0 0;
  color: #4d575d
}
.widget-controls>span {
  font-size: 13px;
  line-height: 14px;
  float: right;
  margin-left: 8px;
  cursor: pointer;
  color: #b8b8b8
}
.fa.up {
  color: #5bdd5e
}
.fa.down {
  color: #ff6a7f
}
.widget-controls {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0px;
  padding-top: 10px;
  padding-right: 10px
}
.red-skin {
  border-color: #ff6262 !important;
  background-color: #ff6b6b
}
.sky-skin {
  border-color: #28c4fc !important;
  background-color: #63d6ff
}
.purple-skin {
  border-color: #7373ff !important;
background-color: #6e6eff
}
.pink-skin {
  border-color: #f661ff !important;
  background-color: #f76fff
}
.total-sales-sec {
  display: table;
  float: left;
  width: 100%;
  padding: 26px 40px;
  background: #e8edf2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.circle-chart {
  position: relative;
  float: left;
  margin-right: 35px
}
.total-sales-info {
  display: table-cell;
  width: 100%;
  vertical-align: middle
}
.total-sales-info>span {
  font-size: 13px;
  font-weight: 300;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  color: #777
}
.total-sales-info>h3 {
  font-size: 21px;
  position: relative;
  float: left;
  width: 100%;
  margin-top: -3px;
  margin-bottom: 0;
  padding-bottom: 20px;
  color: #4d575d
}
.total-sales-info>ul {
  float: left;
  width: 100%;
  margin: 0px 0 0;
  padding: 0;
  list-style: none;
}
.total-sales-info>ul>li {
  float: left;
  width: 33.3333%
}
.total-sales-info li>span{
  font-size: 13px;
  font-weight: 200;
  color: #777
}
.total-sales-info ul li h5{
  font-family: Montserrat;
  font-size: 18px;
  float: left;
  width: 100%;
  margin: 4px 0 0;
  color: #4d575d
}
.table_holder .widget-title{
line-height: 34px;
display: inline-block;
margin: 0;
text-align: center
}
.dashboard .widget-title h2 {
  font-size: 20px;
  color: #202020;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}
div.widget-title {
  text-align: center;
  width: 100%;
}
.widget.table_holder .table-area {
  padding: 20px
}
.cirlce-chart-detail {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -6px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center
}
.cirlce-chart-detail>span {
  font-size: 11px;
  float: left;
  width: 100%;
  margin-bottom: 4px;
  color: #777
}
.cirlce-chart-detail>h5 {
  font-size: 18px;
  float: left;
  width: 100%;
  margin: 1px 0 0;
  text-align: center;
  color: #4d575d
}
/*.table-area .btn:hover{
transform: scale(1.2);
}*/
.table-area .btn,
.table-area th{
  font-size: 12px;
}

.table-area td{
  font-size: 11px;
}
a.btn.btn-link.p-1.editIcon.editTopic,
a.btn.btn-link.p-1.iconDelete.delete_topic{
  font-size: 1.4em;
}
.badge {
  /*font-size: 100% !important;*/
  font-weight: normal 
}
.table-area.single-page th,
#topics_holder td{
  font-size: 1rem;
}
#topics_holder .btn-link {
  font-size: 1.4em;
  padding: 0
}
.greenDot {
  height: 15px;
  width: 15px;
  background-color: #5cb85c;
  border-radius: 20px;
  display: inline-block;
  vertical-align: -2px
}
.redDot {
  height: 15px;
  width: 15px;
  background-color: #d9534f;
  border-radius: 20px;
  display: inline-block;
  vertical-align: -2px
}
.storiesHolder .timeline {
  width: 33.33%;
  margin: 0;
  float: left;
  margin-bottom: 10px;

}
.storiesHolder .timeline li{
  width: 200px;
}
.storiesAdmin {
  float: left;
  min-height: 520px;
}
.storiesAdmin .cluster_title_holder {
  background: #e8edf2;
  padding: 10px;
  
}
.storiesAdmin .cluster_title_holder h2,
.storiesAdmin .cluster_title_holder h2 a{
  font-size: 1.5rem;
  font-family: RubikWeb, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  color: #292b2c;
}
.activity-timeline>div {
position: relative;
/*float: left;*/
width: 100%;
margin-bottom: 30px;
padding-left: 40px;
padding-right: 10px
}
.user-device {
font-size: 16px;
line-height: 38px;
left: 0;
width: 38px;
height: 38px;
margin-top: 14px;
text-align: center;
color: #626262;
border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%
}
.user-device::before {
top: 50%;
right: -14px;
width: 6px;
height: 6px;
margin-top: -3px;
content: '';
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%
}
.user-device,
.user-device::before {
  position: absolute;
background: #e8edf2
}
.multiple_clusters .user-activity {
padding: 6px 15px;
margin-left: 6px;
background: #e8edf2
}
.storiesAdmin .who-post-this {
padding-bottom: 10px;
float: left;
width: 100%
}
.post-content {
padding-top: 10px;
border-top: 1px dashed #c4c4c4;
clear: both;
}
.who-post-this .image_holder, .who-post-this>span {
border: 3px solid #e8edf2;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin: 0;
padding: 0;
vertical-align: middle;
text-align: center;
float: left;
}
.cluster .user-activity .who-post-this .who-post-detail {
display: table-cell;
padding-left: 10px;
padding-right: 0;
vertical-align: middle
}
.who-post-this .image_holder a, .who-post-this>span a {
display: inline-block;
text-align: center
}
.who-post-this .image_holder img, .who-post-this>span img {
  width: auto;
height: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
clear: both;
float: none
}
.who-post-detail>h3 {
line-height: 10px;
margin: 0 0 5px
}
.who-post-detail .account-details span, .who-post-detail .account-details span a, .who-post-detail>span, .who-post-detail>span a{
font-size: 11px;
font-weight: 400;
float: left;
width: 100%;
color: #5e5e5e
}
.who-post-detail .account-details>i, .who-post-detail>i {
font-size: 11px;
font-style: normal;
color: #7b8692
}
.activity-feed .cluster .post-content a{
color: #ff691f;
float: right;
margin-top: 20px
}
.activity-timeline::before {
position: absolute;
top: 0;
left: 18px;
width: 3px;
height: 100%;
margin-left: -1.5px;
content: '';
background: #e8edf2
}
.activity-timeline {
position: relative;
margin: 0;
padding: 30px 0 0;
list-style: none
}

ul.pagination.pagination-sm {
display: inline-block;
align-items: center;
justify-content: center;
}
ul.pagination.pagination-sm li {
  text-align: center;
  display: inline-block;
}
ul.pagination.pagination-sm li span {
padding: .25rem .5rem;
font-size: .875rem;
border-color: #1a4976;
background: #1a4976;
color: #fff
}
.pagination .active {
   border-color: transparent !important; 
 background: transparent !important; 
}
html, body {
  overflow-x: hidden
}
.categories .timeline #tweetsInStory:hover,
.categories .timeline #newsInStory:hover,
.categories .timeline #linkednewsInStory:hover,
.categories .timeline #videosInStory:hover {
  cursor: pointer;
}
.secondary-nav .dropdown .col:nth-child(4n){
  background: red
}
.page-header-bottom{
  display: none
}

.highcharts-credits {
  display: none !important
}