html {
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	overflow: hidden;
	color: #FFF;
	background: #212026;
	font-family: "Segoe UI", sans-serif, Arial, Verdana;
	font-size: 14px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.screenshot {
	max-height: 72vh;
	max-width: 100%;
	object-fit: contain;
}

.dashboard-news-image {
	width: 100%;
	margin-bottom: 15px;
	border-radius: 20px;
}


.rounded-circle {
	border-radius: 50%;
}


.distancesLines,
.horizontalMiddleLineGlobal,
.verticalMiddleLineGlobal {
	z-index: 100000000000000000000;
}

label {
	font-weight: 600;
}

.FIE_root *,
#SfxPopper * {
	color: #000;
}


.FIE_topbar-save-button,
.FIE_topbar-save-wrapper {
	display: none !important;
}

.notbold {
	font-weight: normal !important;
}

.redtext {
	color: red;
}

.user_role_text {
	text-align: center;
	margin-top: 50vh;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

input[type=time] {
	border: none;
	color: #FFFFFF;
	font-size: 14px;
}

.dropdown {
	z-index: 1001;
}

.fancybox-audio-thumb {
	width: 300px;
	height: 100px;
}

.form-group {
	margin-bottom: 10px;
}

.localhost {
	position: fixed;
	top: 60px;
	left: 10px;
	background: rgba(255, 0, 0, 0.92);
	color: #fff;
	font-weight: bold;
	padding: 2px 12px;
	border-radius: 5px;
	font-size: 14px;
	z-index: 9999;
	pointer-events: none;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
	opacity: 0.85;
}

.allbutton {
	margin-bottom: 13px;
	background: #fa7a13;
}

.a-round-button-small {
	white-space: nowrap;
	border: 2px solid #b4b4b4;
	background: none;
	letter-spacing: 0.5px;
	border-radius: 500px;
	padding: 1px 15px;
	box-sizing: border-box;
	font-size: 11px;
	margin-left: 50px;
}

.a-round-button-small-round {
	white-space: nowrap;
	border: 2px solid #b4b4b4;
	background: none;
	letter-spacing: 0.5px;
	border-radius: 500px;
	padding: 1px 7px;
	box-sizing: border-box;
	font-size: 11px;
}

.a-round-button-small-round.active {
	white-space: nowrap;
	border: 2px solid #1db954;
	background: #1db954;
	color: #FFFFFF;
}

.a-round-button {
	white-space: nowrap;
	border: 2px solid #b4b4b4;
	background: none;
	letter-spacing: 0.5px;
	border-radius: 500px;
	padding: 3px 10px;
	box-sizing: border-box;
	font-size: 12px;
}

.a-round-button:hover {
	white-space: nowrap;
	border: 2px solid #1db954;
	background: #1db954;
	color: #FFFFFF;
}

.a-round-button.active {
	white-space: nowrap;
	border: 2px solid #1db954;
	background: #1db954;
	color: #FFFFFF;
}

.a-round-button.active:hover {
	white-space: nowrap;
	border: 2px solid #28c95b;
	background: #28c95b;
	color: #FFFFFF;
}

.a-round-button-disabled {
	white-space: nowrap;
	pointer-events: none;
	color: #808080 !important;
}

.a-round-button-disabled:hover {
	white-space: nowrap;
	background: #000000 !important;
}

.a-round-button-red {
	white-space: nowrap;
	border: 2px solid #b4b4b4;
	letter-spacing: 0.5px;
	border-radius: 500px;
	padding: 3px 8px;
	box-sizing: border-box;
	font-size: 12px;
}

.a-round-button-gray {
	white-space: nowrap;
	border: 2px solid #b4b4b4;
	letter-spacing: 0.5px;
	border-radius: 500px;
	padding: 3px 8px;
	box-sizing: border-box;
	font-size: 12px;
}

.a-round-button-gray:hover {
	white-space: nowrap;
	border: 2px solid #b4b4b4;
	background: #b4b4b4;
	color: #FFFFFF;
}

.a-round-button-red:hover {
	white-space: nowrap;

	border: 2px solid #cb2121;
	background: #cb2121;
	color: #FFFFFF;
}

.a-round-button-red.active {
	white-space: nowrap;
	border: 2px solid #cb2121;
	background: #cb2121;
	color: #FFFFFF;
}

.a-round-button-red.active:hover {
	white-space: nowrap;
	border: 2px solid #e35757;
	background: #e35757;
	color: #FFFFFF;
}

.a-round-button-green {
	white-space: nowrap;
	border: 2px solid #1db954;
	background: #1db954;
	letter-spacing: 0.5px;
	border-radius: 500px;
	padding: 3px 8px;
	box-sizing: border-box;
	font-size: 12px;
}

.a-round-button-gray {
	white-space: nowrap;
	border: 2px solid #1db954;
	background: #CCC;
	letter-spacing: 0.5px;
	border-radius: 500px;
	padding: 3px 8px;
	box-sizing: border-box;
	font-size: 12px;
}

.a-round-button-green:hover {
	white-space: nowrap;
	border: 2px solid #28c95b;
	background: #28c95b;
	color: #FFFFFF;
}

.a-round-button-blue {
	white-space: nowrap;
	border: 2px solid #3498db;
	background: #3498db;
	letter-spacing: 0.5px;
	border-radius: 500px;
	padding: 3px 8px;
	box-sizing: border-box;
	font-size: 12px;
	color: #FFFFFF;
}

button.a-round-button-blue {
	line-height: normal;
	height: auto;
}

.a-round-button-blue:hover {
	white-space: nowrap;
	border: 2px solid #5dade2;
	background: #5dade2;
	color: #FFFFFF;
}

.nav-tabs {
	border-bottom: 2px solid #32323a;
	font-size: 14px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #FFFFFF;
	background: rgba(93, 213, 232, 0.62);
	border: none;
}

.nav-tabs>li {
	border: none;
}

.nav-tabs>li>a {
	background: rgba(0, 0, 0, 0.3);
	border: none;
}

.nav-tabs>li>a:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #FFFFFF;
	border: none;
}

.item.active {
	background: rgba(93, 213, 232, 0.62);
	text-decoration: none;
}

.small-text {
	font-size: 11px;
	color: #CCCCCC;
}

.glyphicon-option-vertical {
	margin-right: 5px;
}

.fas,
.fab {
	font-size: 12px;
}



.fa-normal {
	font-size: 16px;
}

.cursormove {
	cursor: move;
}

.cursorpointer {
	cursor: pointer;
}

.navbar-icons.fas,
.navbar-icons.fab {
	font-size: 17px;
}

.lineLeft {
	border-left: 1px solid #28282f;
}

.lineRight {
	border-right: 1px solid #28282f;
}

.preview-eye-icon {
	padding-left: 4px;
}

.alert-dismissable .close,
.alert-dismissible .close {
	right: 0px;
}

/* LINKS */
a:link,
a:visited,
a:active {
	color: #FFF;
}

a:hover {
	color: #80bca3;
	text-decoration: none;
}

a:focus,
a:hover {
	text-decoration: none;
}

.green {
	color: #48e448;
}

a.greenlink {
	color: #80bca3;
}

a.greenlink:hover {
	color: #80bca3;
	font-weight: bold;
}

.icon_green {
	color: #48e448;
}

.icon_blue {
	color: #007bff;
}

.icon_red {
	color: #f1342f;
}

a.biggerlink {
	font-size: 16px;
}

/* FONT STYLES */
.osb {
	font-family: "OpensansBold", sans-serif, Arial, Verdana;
}

.b {
	font-weight: bold;
}

.fs12 {
	font-size: 12px;
}

/* COLORS */
.c1 {
	color: #e5e5e5;
}

.c2 {
	color: #88e2bd;
}

.white {
	color: #FFFFFF;
}

.turkos {
	color: rgba(93, 213, 232, 0.8);
}

.bgdark {
	background: #1b1a1f;
}

.container-fluid {
	height: 100%;
	top: 0px;
	left: 0px;
	position: relative;
}

.display-flex {
	display: flex;
}

.borderL {
	border-left: 1px solid #32323a;
}

.borderR {
	border-right: 1px solid #32323a;
}

.indexlogo {
	width: 100%;
	margin-top: 20%;
	margin-bottom: 10%;
}

.registerlogo {
	width: 100%;
}

.bigtrash {
	font-size: 100px;
}

.logomain-xs {
	height: 30px;
	width: auto;
	margin: -12px 0;
	display: block;
}

.logomain {
	height: 40px;
	width: auto;
	display: block;
}

.logomainh {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2001;
	/* ensure above .navbar-collapse (1002) */
	pointer-events: auto;
}

.img-profile {
	width: 40px;
	margin-top: 5px;
}

.img-circle {
	border-radius: 50%;
}

.br5 {
	border-radius: 5px;
}

.col50p {
	float: left;
	width: 50%;
}

.col80p {
	float: left;
	width: 80%;
}

.col20p {
	float: left;
	width: 20%;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.lh20 {
	line-height: 20px;
}


.lh27 {
	line-height: 27px;
}

.lh33 {
	line-height: 33px;
}

.lh37 {
	line-height: 37px;
}

.lh40 {
	line-height: 40px;
}

.vertical-align {
	margin-top: 15vh;
}

.linetext {
	vertical-align: middle;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

/* MARGINS */
.nomarg {
	margin: 0px !important;
}

.nomargin {
	margin-left: 0px;
	margin-right: 0px;
}

.mpad {
	margin: 15px;
}

.margin0 {
	margin: 0px auto 0;
}

.mtop5 {
	margin-top: 5px !important;
}

.mtop10 {
	margin-top: 10px !important;
}

.mtop20 {
	margin-top: 20px !important;
}

.mtop30 {
	margin-top: 30px !important;
}

.mtop40 {
	margin-top: 40px !important;
}

.mtop50 {
	margin-top: 50px !important;
}

.mbot10 {
	margin-bottom: 10px !important;
}

.mbot20 {
	margin-bottom: 20px !important;
}

.mleft5 {
	margin-left: 4px !important;
}

.mleft10 {
	margin-left: 10px !important;
}

.mleft-5 {
	margin-left: -5px !important;
}

.mright5 {
	margin-right: 5px !important;
}

.mright7 {
	margin-right: 7px !important;
}

.mright10 {
	margin-right: 10px !important;
}

.mright20 {
	margin-right: 20px !important;
}

.margin15m {
	margin-right: -15px !important;
}

.margin15l {
	margin-left: -15px !important;
}

/* PADDINGS */
.nopad {
	padding: 0px !important;
}

.pad5 {
	padding: 5px;
}

.ptop10 {
	padding-top: 10px;
}

.ptop20 {
	padding-top: 20px;
}

.pbot20 {
	padding-bottom: 20px;
}

.rowpad {
	padding-left: 15px;
	padding-right: 15px;
}

.rowpad2 {
	padding-left: 30px;
	padding-right: 30px;
}

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

.padL15 {
	padding-left: 15px;
}

.padR15 {
	padding-right: 15px;
}

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

.marL-15 {
	margin-left: -15px;
}

.colpad {
	padding: 10px 10px 0px 10px;
}

.colpad2 {
	padding: 10px 0px 0px 10px;
}

.row {
	margin: 0px !important;
}

.row2 {
	margin-right: -15px !important;
	margin-left: -15px !important;
}

.height10 {
	height: 10px;
}

.height20 {
	height: 20px;
}

.maxh45 {
	max-height: 45px;
}

.leftsep {
	border-left: 1px solid #46464e;
}

.rightsep {
	border-right: 1px solid #46464e;
}

.subnav {
	background: #15151b;
	color: #CCC;
}

.noback {
	background: none;
}

.infotext {
	font-size: 12px;
}

.hidediv {
	display: none;
}

.glyphsmall {
	font-size: 12px !important;
}

.glyphmedium {
	font-size: 16px !important;
	font-weight: normal;
}

.glyphbig {
	font-size: 20px !important;
	font-weight: normal;
}

.signcast-logo {
	max-width: 200px;
	margin-top: 10px;
}

.powered {
	margin-top: 40px;
}

.db {
	border: 1px solid red;
}

.clear {
	clear: both;
}

.overflow-hide {
	overflow: hidden;
}

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

.alert {
	padding: 10px;
	border: none;
	border-radius: 0px;
	z-index: 100000;
}

/* WIDGETS */
.widget-icon-image {
	max-width: 100%;
	border: 3px solid #141313;
}

.widget-text-box {
	padding: 10px;
	font-size: 10px;
	text-align: center;
}

.widgetWH {
	width: 65px !important;
	height: 35px;
}


#remove-connect-instagram-button {
	margin-left: 20px;
}

.form-control[disabled],
.form-control[readonly] {
	background: #15151b;
	color: #AAA;
	cursor: not-allowed;
}

.form-control-time {
	width: 50px !important;
	float: left;
	padding: 0px !important;
	text-align: center !important;
}

.form-control-small {
	width: 50px !important;
	float: left;
}

.form-control-25 {
	width: 25% !important;
	float: left;
}

.form-control-50 {
	width: 50% !important;
	float: left;
}

.form-config-label {
	float: left;
	line-height: 35px;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
}

.form-check-label {
	margin-left: 10px;
}

.form-check-input {
	line-height: 30px !important;
}

.form-control-gray.form-control[disabled] {
	background: #313131;
	border: 1px solid #000000;
	color: #CCCCCC;
}

.input-group-addon {
	border: none;
	font-size: 12px;
	border-radius: 0;
	background: #2e2e35;
	color: #FFFFFF;
}

*,
*::after,
*::before {
	box-sizing: border-box;
}

.markedtr {
	background: #0d0d0d !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th {
	border-bottom: 1px solid #212026;
}

.borderlines {
	border-bottom: 1px solid #212026;
}



.tickets-table>tbody>tr>td,
.tickets-table>tbody>tr>th {
	border: none !important;
}

.table>tbody>tr {
	background: #1b1a1f;
}

.table>tbody>tr>td,
.table>tbody>tr>th {
	border-bottom: 1px solid #212026;
}

.table>thead>tr>th {
	background: #15151b;
	border-bottom: 2px solid #212026;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	border-top: none !important;
}

.table>tbody>td .red {
	background: #FF0000;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background: #1e1d23;
}

.tickets-table tr:hover td,
.config-table tr:hover td {
	background: none !important;
}

.config-table td {
	vertical-align: middle !important;
}

.table tr:hover td {
	background: rgba(255, 255, 255, 0.2);
}

.table-responsive {
	border: none;
}

.avy-tmpl-image {
	width: 100px;
}

/* TABLE SORTER */
/*************
Default Theme
*************/
/* overall */
.tablesorter-default {
	width: 100%;
	border-spacing: 0;
	margin: 10px 0 15px;
	text-align: left;
}

/* header */
.tablesorter-default th,
.tablesorter-default thead td {
	font-weight: bold;
	border-collapse: collapse;
	padding: 0;
}

.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
	border: 0;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-image:
		url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 4px;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
	background-image:
		url(data:image/gif;base64,R0lGODlhFQAEAJEAAAAAAP///4GRlv///yH5BAEAAAMALAAAAAAVAAQAAAINnI8jya2ynINUMopZAQA7);
	border-bottom: #15b7a8 1px solid;
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image:
		url(data:image/gif;base64,R0lGODlhFQAEAJEAAAAAAP///4GRlv///yH5BAEAAAMALAAAAAAVAAQAAAINnD+iK+jP2ptn0WskLQA7);
	border-bottom: #15b7a8 1px solid;
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc a:focus {
	border-bottom: #15b7a8 1px solid;
}

.tablesorter-default thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

/* tbody */
.tablesorter-default td {
	vertical-align: top;
}

/* table processing indicator */
.tablesorter-default .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(images/loading.gif) !important; */
	background-image:
		url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd>td {
	background-color: #dfdfdf;
}

.tablesorter-default tr.even>td {
	background-color: #efefef;
}

/* caption */
caption {
	background-color: #fff;
}

/* filter widget */
.tablesorter-default .tablesorter-filter-row {}

.tablesorter-default .tablesorter-filter-row td {
	line-height: normal;
	text-align: center;
	/* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}

/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}

/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}

.tablesorter-default .tablesorter-filter-row.hideme * {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}

/* filters */
.tablesorter-default input.tablesorter-filter,
.tablesorter-default select.tablesorter-filter {
	width: 95%;
	height: auto;
	margin: 4px auto;
	padding: 4px;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
	display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
}

/* DASHBOARD */
#dashboard-holder {
	height: calc(100vh - 75px);
	overflow-y: auto;
	overflow-x: hidden;
}

.dashboard-head {
	margin: 5px 0px 10px 0px;
}

.badge-primary {
	background-color: #ff5722;
	color: white;
	padding: 3px 8px;
	border-radius: 3px;
	font-weight: bold;
}

.dashboard-news-div {
	border-top: 1px solid #32323a;
	padding: 10px 10px;
}

.dashboard-news-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.dashboard-news-text {
	color: rgba(255, 255, 255, 0.8)
}

.dashboard-castit-icon {
	width: 40px;
	margin-top: -10px;
}

.card {
	width: 100%;
	border: 0;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1);
}

.card-body {
	padding: 15px;
}

.card-numbers {
	text-align: right;
	margin-top: 15px;
}

.card-number-title {
	margin-bottom: 0;
	color: #9a9a9a;
}

.card-number-text {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 300;
}

.card-footer {
	font-size: 12px;
	color: #EEE;
}

.card-footer-text {
	padding: 0px 15px 10px 15px;
}

.card-line {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 7px;
}

.icon-black {
	background: #131216;
}

.icon-blue {
	background: #00f2c3;
	background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3);
	background-size: 210% 210%;
	background-position: 100% 0;
}

.dashicon {
	width: 70px;
	height: 70px;
	font-size: 30px;
	padding: 0px;
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
}

.dashboard.online {
	color: #36f647;
}

.dashboard.offline {
	color: #f63648;
}

.dashboard.intakter {
	color: #42A0E3;
}

.panel {
	background-color: #1b1a1f;
}

.panel-default {
	border-color: #212026;
}

.panel-default>.panel-heading {
	background-color: rgba(0, 0, 0, 0.3);
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #8ac53f;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 2px solid #8ac53f;
}

/** EASYPIE CHART **/
.easypiechart {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	max-width: 80px;
}

.easypiechart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.easypiechart .percent {
	display: inline-block;
	line-height: 80px;
	z-index: 2;
	font-size: 18px;
	width: 80px;
}

.easypiechart .number {
	display: inline-block;
	line-height: 80px;
	z-index: 2;
	font-size: 18px;
	width: 80px;
}

.easypiechart .percent:after {
	content: '%';
	margin-left: 0.2em;
	font-size: 16px;
}

/** EASYPIE CHART END **/

.icon-holder {
	float: left;
	width: 33px;
	height: 33px;
	border-radius: 5px;
	margin: 5px 5px;
	text-align: center;
	line-height: 30px;
}

.icon-holder.active {
	border: 1px solid rgb(29, 185, 84);
	background: rgb(13, 13, 13);
	color: #FFF;
}

/****** TEMPLATES *******/

#templates-box-holder {
	height: calc(100vh - 95px);
	overflow-y: auto;
	overflow-x: hidden;
}

#templates-is-empty-notice {
	text-align: center;
	margin: 20px;
	display: none;
	padding: 100px;
	box-sizing: border-box;
	position: absolute;
	width: calc(100vw - 290px);
}

.template-overlay {
	box-shadow: 1px 1px 0px 2000px rgba(0, 0, 0, 0.51);
	-webkit-box-shadow: 1px 1px 0px 2000px rgba(0, 0, 0, 0.51);
	-moz-box-shadow: 1px 1px 0px 2000px rgba(0, 0, 0, 0.51);
}

.template-img-holder {
	position: absolute;
	height: 100%;
	width: 100%;
	/* display: grid; */
	/* place-content: center; */
	/* align-items: center; */
}

.template-img-holder img {
	vertical-align: top !important;
	width: 100% !important;
	height: auto !important;
}

.template-img-holder.active {
	border: 1px solid black;
}

.template-sidebar-icon {
	top: 15px !important;
	position: relative;
	font-size: 12px !important;
}

.template-sidebar-icon-big {
	top: 12px !important;
	position: relative;
	font-size: 16px !important;
}

.templatebox {
	background: #1b1a1f;
	float: left;
	padding: 5px;
	margin: 0px 5px 5px 0px;
	overflow: hidden;
	text-align: center;
}

.templatebox-img-box {
	width: 200px;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.templatebox-img-box-toolbar {
	position: absolute;
	top: calc(50% - 25px);
	left: 0px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	display: none;
}

.templatebox-img-box-public {
	position: absolute;
	top: calc(50% + 60px);
	left: 0px;
	width: 200px;
	height: 50px;
	line-height: 50px;
}

.templatebox-img-box-public-company {
	position: absolute;
	top: calc(50% + 20px);
	left: 0px;
	width: 200px;
	height: 50px;
	line-height: 50px;
}

.templatebox-img-box-clone {
	position: absolute;
	top: calc(50% - 80px);
	left: 0px;
	width: 200px;
	height: 50px;
	line-height: 50px;
}

.templatebox-toolbar-icons {
	font-size: 13px;
}

.templatebox-toolbar-icons-mid {
	margin-left: 30px;
	margin-right: 30px;
	font-size: 24px;
}

.templatebox-img {
	z-index: 1;
	width: 200px;
	height: 200px;
	object-position: center;
	object-fit: cover;
}

.templatebox-text-box {
	width: 100%;
	min-height: 50px;
	overflow: hidden;
	z-index: 2;
	font-size: 10px;
	padding: 5px;
	text-align: left;
	line-height: 15px;
}

.templatebox-text-filename {
	font-size: 13px;
	line-height: 20px;
	font-family: 'OpensansBold', Arial Bold;
}

.cursormove {
	cursor: move;
}

#dropdown-menu li {
	height: 40px;
	line-height: 40px;
}

.template-layer-newlayer-li {
	list-style: none;
	height: 50px;
	line-height: 40px;
	text-indent: 10px;
	border-bottom: 10px solid #32323a;
}

.template-layer-newlayer-li-a {
	display: block;
}

#template-sidebar {
	position: fixed;
	right: 0;
	width: 270px;
	z-index: 1000;
	background: #212026;
	height: 100vh;
}

#template-layer-sidebar {
	height: calc(100vh - 100px);
	overflow: auto;
}

#template-sidebar .ui-state-highlight {
	height: 10px;
	background: rgb(29, 185, 84) !important;
	border: solid rgb(29, 185, 84) !important;
}

.template-layer-add-button {
	background: #000;
}

.template-layer-name {
	float: left;
}

.ui-resizable-handle {
	z-index: 100000;
}

#sidebar_layers_menu {
	height: 100vh;
}

.template-box {
	width: 200px;
	height: 150px;
	border: 1px solid white;
	float: left;
}

/*
#templates-libary-holder {
	overflow: auto;
	height: calc(100vh - 40px);
	padding: 0px;
	display: flex;
  	align-items: center;
  	justify-content: center;
}
*/

#templates-iframe-holder {
	overflow: auto;
	height: calc(100vh - 75px);
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.\31 6_9 {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	background: #000000;
}

.template-box {
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
	position: relative;
}

.template-edit-body {
	height: 100%;
	overflow-y: auto;
	display: grid;
	/* padding-bottom: 45px; */
}

.template-edit-holder:first-child {
	margin-top: 0;
}

.template-edit-holder {
	background: #FFF;
	position: relative;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin-top: 16px;
	transform: translate(-50%, -50%);
}

.aspect16-9 {
	width: 1920px;
	height: 1080px;
	max-width: 100%;
	max-height: 100%;
	transform-origin: 0px 0px;
	padding: 10px;
}

.aspect9-16 {
	width: 1080px;
	height: 1920px;
	max-width: 100%;
	max-height: 100%;
	transform-origin: 0px 0px;
	/* padding:10px; */
}

.handle-color {
	width: 14px;
	height: 14px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	border: 1px solid #3899ec;
	background: #fafafa;
}

.template-iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.template-layer {
	position: absolute;
	color: #000;
	padding: 0px;
	margin: 0px;
}




.template-layer[data-layer-type="text"][data-layer-locked="0"],
.template-layer[data-layer-type="img"][data-layer-locked="0"] {
	cursor: move !important;
}

.textedit_active {
	cursor: text !important;
}

.template-layer[data-layer-type="background"] {
	z-index: -128;
}

.template-layer-li {
	height: 40px;
	line-height: 40px;
}


.template-layer-text-holder {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 50px;
	font-weight: bold;
	outline: none;
	overflow: hidden;
	font-weight: normal;
	border: 1px dotted rgba(0, 0, 0, .3);
	z-index: 100000000000000000000000000;
}

.template-layer.active {
	outline: 1px solid #00c3ff;
}

.template-layer-info-div {
	font-size: 20px;
	position: relative;
	margin-left: 10px;
	margin-top: -21px;
	background: #000;
	border-radius: 5px;
	width: 160px;
	text-align: center;
	color: #FFF;
	z-index: 1000000000;
}

.template-layer-posX-div {
	position: absolute;
	width: 50px;
	top: -20px;
}

.template-layer-posY-div {
	position: absolute;
	width: 50px;
	top: -20px;
	left: 50px;
}

.template-layer-posW-div {
	position: absolute;
	width: 50px;
	top: -20px;
	left: 100px;
}

.template-layer-posH-div {
	position: absolute;
	width: 50px;
	top: -20px;
	left: 150px;
}

.control {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin-right: 5px;
}

.control input {
	color: #fff;
	background: #444;
	border: 0;
	border-radius: 3px;
	height: 20px;
	box-sizing: border-box;
	padding-left: 5px;
}

.control-dropdown {
	color: #fff;
	background: #444;
	border: 0;
	border-radius: 3px;
	height: 20px;
	box-sizing: border-box;
	padding-left: 5px;
	width: 150px;
}

.template-tool-buttons {
	background: none;
	color: #FFF;
	border: 0;
	border-radius: 3px;
	padding: 5px;
}

.template-input-size1 {
	width: 45px;
}

.template-input-size2 {
	width: 35px;
	text-align: right;
}

.template-input-size3 {
	width: 25px;
}

.template-tool-buttons.active {
	background: #333;
}

.control span {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	padding-right: 5px;
}


#xy-tool,
#clone-rotate-tool,
#media-toolbar-links,
.text-edit-controls,
.img-edit-controls,
.anim-edit-controls,
.bg-edit-controls {
	display: inline-block;
}

/* DROPZONE */
.dropzone-text {
	display: block;
	text-align: left;
}

.dropzone {
	background: none !important;
	min-height: 50px !important;
}

.dropzone .dz-message {
	margin: 0px !important;
}

.dropzonestyle {
	z-index: 100;
	min-height: 50px;
	margin-right: 10px;
}

.upload-big-icon {
	font-size: 38px;
	float: left;
	margin-right: 20px;
	display: block;
	height: 70px;
	margin-top: 5px;
}

.dropzonestyle-publish {
	width: 100%;
	border: 3px dashed #CCC;
	text-align: center;
	border-radius: 10px;
	z-index: 100;
	padding: 0px;
}


.dropzoneClosed {
	height: 40px;
	background: #1b1a1f;
	border: 1px dashed #15151b;
}

.dz-hidden-input {
	z-index: 10000;
}

/* FORMS */
.form-control {
	font-family: "Opensans", sans-serif, Arial, Verdana;
	color: #15151b;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

.form-control-gray {
	background: #15151b;
	border: 1px solid #2e2e35;
	color: #FFF;
	font-weight: normal !important;
}

.searchinput {
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-right: none;
	border-top: none;
	height: 40px;
	float: left;
	line-height: 30px;
	padding-top: 15px;
	font-size: 13px;
}

.has-search .form-control {
	padding-left: 2.975rem;
	padding-top: 2rem;
}

.has-search .form-control-feedback {
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
}

.roundedright {
	border-radius: 0px 10px 10px 0px !important;
	width: 25px !important;
	padding-right: 8px;
}

.roundedleft {
	border-radius: 10px 0px 0px 10px !important;
	width: 25px !important;
	padding-left: 8px;
}

/* BOOTSTRAP BUTTON */
.btn {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 50px;
	font-size: 13px;
	letter-spacing: 1px;
}

.btn-primary {
	background-color: #3C5CFF;
}

.btn-custom-disable {
	background: #2f2f2f !important;
	color: #CCCCCC;
}

.btn-small-height {
	padding: 3px 15px !important;
}

/* BOOTSTRAP CHANGES */
.navbar {
	background: #32323a;
	color: #FFFFFF;
	border: none;
	letter-spacing: 0.1em;
	border-radius: 0px;
	min-height: 0px;
	margin-bottom: 0px;
	position: relative;
	z-index: 1001;
}

.dropdown-menu {
	position: absolute;
	min-width: 200px;
	width: auto;
	max-width: none;
	background: #212026;
	border: none;
	border-radius: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.dropdown-menu>li>a {
	padding: 8px 20px;
	color: #FFF;
	background: #212026;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background: #32323a;
	color: #FFF;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	background: #32323a;
	color: #FFF;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top: none;
}

.navbar-nav .open .dropdown-menu {
	position: absolute;
	float: left;
	width: auto;
	margin-top: 0;
	background-color: #212026;
	border: none;
	border-radius: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.navbar-default .navbar-nav>li>a {
	color: #FFFFFF;
}

.navbar-default .navbar-nav>li>a:hover {
	background: #232329;
	color: #FFFFFF;
	box-shadow: inset 0 -5px 0 #AAA;
}

.navbar-default .navbar-nav>li>a:focus {
	color: #FFFFFF;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #000000;
}

.main-sidenav-active {
	background: #0d0d0d;
	text-decoration: none;
	border-left: 3px solid rgb(29, 185, 84);
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #FFFFFF;
}

.dropdown:hover .dropdown-menu {
	width: 100%;
	display: contents;
	margin-top: 0;
	background: #212026;
	color: #FFF;
	border-bottom: 3px solid black;
}

#template-layer-newlayer-list.dropdown-menu>li>a {
	padding: 8px 20px;
}

#template-layer-newlayer-list.dropdown-menu>li>a:focus,
#template-layer-newlayer-list.dropdown-menu>li>a:hover {
	background: #DDD;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background: #212026;
	border: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}

.navbar-default .navbar-toggle {
	border: none;
	background: #212026;
}

.main-nav-active {
	background: #232329;
}


.border-yellow {
	border-bottom: 5px solid #fcdb0c;
}

.border-orange {
	border-bottom: 5px solid #f47322;
}

.border-green {
	border-bottom: 5px solid #21b25c;
}

.border-lightgreen {
	border-bottom: 5px solid #8ac53f;
}

.border-gray {
	border-bottom: 5px solid #969696;
}

.border-blue {
	border-bottom: 5px solid #61cbeb;
}

.border-purple {
	border-bottom: 5px solid #cb3394;
}

.border-black {
	border-bottom: 5px solid #000000;
}

.border-turkos {
	border-bottom: 5px solid #6bc4ce;
}

.border-red {
	border-bottom: 5px solid #e75660;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #ffffff;
	background-color: #212026;
	border-bottom: 5px solid #61cbeb;
}

.navbar-collapse.in {
	overflow-y: none;
}

.nav .fas,
.nav .far {}

.nav-active-media {
	border-bottom: 5px solid #fcdb0c;
}

.has-error .control-label,
.has-error .help-block,
.has-error .form-control-feedback {
	color: #da4d20 !important;
}

/* SIDEBAR */
#media-sidebar {
	position: fixed;
	width: 250px;
	z-index: 1000;
	background: #212026;
}

@media (min-width : 768px) {
	.main {
		padding-right: 0px;
		padding-left: 250px;
		/* 250 + 40 */
	}

	.template-main {
		padding-right: 270px;
		padding-left: 0px;
	}
}

.icon-bar-short {
	width: 16px !important;
}

.calender-icon-small {
	font-size: 12px;
	top: -1px;
}

.icon-bar-close {
	display: none;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 7px;
}

#sidebar-campaign {
	height: calc(100vh - 135px);
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

#sidebar-media {
	height: calc(100vh - 135px);
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

#sidebar-content {
	height: calc(100vh - 95px);
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

#sidebar-template {
	height: calc(100vh - 95px);
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

#sidebar-publish {
	height: calc(100vh - 129px);
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.sidebar-icon {
	top: 12px;
	left: 0px;
	font-size: 16px;
}

.search_input_holder {
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 30px;
	padding-top: 15px;
}

#publish-search-screens-input,
#publish-search-media-input {
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: 20px;
	border: none;
	height: 40px;
	border-bottom: 1px solid #CCC;
}

.searchglass {
	position: absolute;
	left: 0px;
	top: 14px;
	font-size: 12px;
}

.sidebar-nav,
.publish-content-div {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar_name {
	padding-top: 25px;
	color: #fff;
	opacity: .7;
}

.marker-icon {
	margin-right: 7px;
}

.sidebar-topmenu {
	border-left: 5px solid #333;
}

.sidebar-active-category {
	border-left: 5px solid #41ACE3;
}

.sidebar-nav li {
	line-height: 40px;
	overflow: hidden;
	text-indent: 10px;
	list-style-position: inside;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar-nav li a {
	color: #999;
	display: block;
	text-decoration: none;
	color: #e6e6e6;
	display: block;
	float: left;
	text-decoration: none;
	width: 100%;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
	border-bottom: 1px solid #32323a;
}

.sidebar-nav li a:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
	text-decoration: none;
}

.sidebar-nav li.active {
	color: #fff;
	background: #0d0d0d;
	text-decoration: none;
	border-bottom: 1px solid rgb(29, 185, 84);
}

.sidebar-nav li a.active {
	color: #fff;
	background: #0d0d0d;
	text-decoration: none;
	border-bottom: 1px solid rgb(29, 185, 84);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
	text-decoration: none;
}

.sidebar-brand {
	color: #FFF;
	background: #15151b;
	border-bottom: 1px solid #32323a;
}

.sidebar-submenu {
	background: rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #32323a;
	padding-left: 7px;
	list-style-position: inside;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*CONTENT */

#content-table-deleted {
	margin-top: 100px;
}

#content-box-holder {
	height: calc(100vh - 95px);
	overflow-y: auto;
	overflow-x: hidden;
}

#settings-box-holder {
	height: calc(100vh - 95px);
	overflow-y: auto;
	overflow-x: hidden;
}

#settings-box {
	height: 100vh;
}


.screendropdown-fix {
	margin-bottom: 150px;
}

.content-not-selected {
	color: #CCC;
}

.media-select-image-div {
	cursor: pointer;
}

.content-image-remove-icon {
	width: 36px;
	height: 36px;
	float: right;
	margin: -7px -12px 0px 0px;
	padding: 10px;
	box-sizing: border-box;
}

.content-image-div {
	height: inherit;
	min-height: 34px;
	max-height: 136px;
}

.content-image {
	margin: 5px 20px 5px 0px;
	max-height: 112px;
}

/* API */
#api-box-holder {
	height: calc(100vh - 60px);
	overflow-y: auto;
	overflow-x: hidden;
}

/* USERS */
#users-box-holder {
	height: calc(100vh - 95px);
	overflow-y: auto;
	overflow-x: hidden;
}

/* COMPANIES */
#companies-box-holder {
	height: calc(100vh - 95px);
	overflow-y: auto;
	overflow-x: hidden;
}

/* ORDERS */
#orders-box-holder {
	height: calc(100vh - 95px);
	overflow-y: auto;
	overflow-x: hidden;
}

/* CAMPAIGN */
#campaign-list {
	min-height: 410px;
	list-style: none;
}

.campaign-info-box {
	min-height: 83px;
	padding: 10px;
	line-height: 20px;
	color: #FFF;
	background: #15151b;
	font-size: 12px;
	border-bottom: 1px solid #212026;
}

.campaign-date-button {
	pointer-events: none;
	cursor: default;
	font-size: 12px;
	min-width: 20px;
	border-right: 1px solid #000;
}

.campaign-info-text {
	color: #AAA;
}

#notice1,
#notice2 {
	border: 2px dashed #32323a;
	padding: 100px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: calc(100% - 20px);
	box-sizing: border-box;
	z-index: 1;
	text-align: center;
	margin: 10px;
}

#notice1 a,
#notice1 button,
#notice2 a,
#notice2 button {
	pointer-events: auto;
}



.notice-icon {
	font-size: 50px;
	margin-bottom: 20px;
}

.notice-text1 {
	font-size: 14px;
}

.notice-text2 {
	font-size: 14px;
	font-weight: bold;
}

.campaign-screen-icon {
	width: 30px;
	float: left;
}

.remove-selected {
	float: right;
	margin-left: 10px;
}

.dashed-lines {
	border: 2px dashed #32323a;
}

/* PUBLISH */


.publish-sidebar-li {
	cursor: pointer;
	border-bottom: 1px solid #32323a;
	line-height: 40px;
	max-height: 40px;
	overflow: hidden;
	text-indent: 10px;
	list-style-position: inside;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.playlist-name {
	text-indent: 0px;
	max-width: 170px;
	display: inline-flex;
	overflow: hidden;
	font-size: 13px;
}

.publish-screen-icon {
	margin-right: 5px;
}

.screen-portrait-icon {}

.screen-landscape-icon {}

.medialock {
	margin-left: 5px;
	display: flex;
	align-items: center;
	line-height: 1;
}

.medialocklink {
	display: flex;
	align-items: center;
	line-height: 1;
}

.medialock_enabled {
	color: rgb(249, 79, 79);
}

.medialock_disabled {
	color: #FFFFFF;
}

.disabled_lock {
	opacity: 0.3;
}

.disabled_publish_object {
	pointer-events: none;
	opacity: 0.5;
}

.ui-front {
	z-index: 9999999 !important;
}

.schedule-day-box {
	margin-bottom: 2px;
}

.schedule_day_select {
	float: left;
	width: 100px;
	height: 34px;
}

#schedule-filename {
	font-size: 12px;
	margin-bottom: 5px;
}

.publish-head-info {
	background: #15151b;
	padding: 5px;
	font-size: 12px;
	color: #CCC;
	border-bottom: 1px solid #212026;
}

#total_duration_info {
	font-size: 13px !important;
}

.publish-head-color {
	float: left;
	padding-right: 12px;
}

.fa-trash-alt:hover {
	color: rgb(249, 79, 79);
}

.color-square {
	width: 5px;
	height: 17px;
	float: left;
	margin-right: 5px;
}

.greencolor {
	background: #48e448;
}

.redcolor {
	background: #f1342f;
}

.orangecolor {
	background: #f8931b;
}

.bluecolor {
	background: #1b9df8;
}

.yellowcolor {
	background: #f8d11b;
}

.publishbox {
	font-size: 13px;
	padding: 5px;
	cursor: move;
}

.publish_replace_icon {
	margin-left: 5px;
	display: flex;
	align-items: center;
}

.publish_replace_icon a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	display: flex;
	align-items: center;
	line-height: 1;
}

.publish_replace_icon a:hover {
	color: #5cb85c;
}

.publish_trash_icon {
	margin-left: 10px;
	display: flex;
	align-items: center;
}

.publish_trash_icon a {
	display: flex;
	align-items: center;
	line-height: 1;
}

.publish_trash_li {
	border: 2px dashed #32323a;
	padding: 20px;
}

.publishbox:hover {
	background: #29292b;
}

.publishbox.status_offline {
	border-left: 5px solid #f1342f;
}

.publishbox.status_online {
	border-left: 5px solid #48e448;
}

.publishbox.status_future {
	border-left: 5px solid #f8d11b;
}

#publish-content-box {
	height: calc(100vh - 95px);
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

.publishbox-media {
	width: 150px;
	font-size: 13px;
	padding: 5px;
	cursor: move;
	background: #1b1a1f;
}

.publish-media-img-box {
	position: absolute;
	width: 140px;
	max-height: 78px;
	height: 78px;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	background: #1b1a1f;
}

.publish-media-text-box {
	position: relative;
	top: 80px;
	width: 140px;
	text-align: center;
	background: #1b1a1f;
	font-size: 11px;
	line-height: 15px;
}

.publishbox-media-img {
	max-width: 100%;
	max-height: 100%;
}

.publishbox-img-box {
	height: 100px;
	overflow: hidden;
	text-align: center;
	list-style: none;
}

.publishbox-text-box {
	float: left;
	height: 100px;
	padding: 5px 10px;
	border-left: 1px solid #32323a;
}

.publishbox-duration-box,
.publishbox-prio-box {
	float: left;
	height: 100px;
	padding: 5px 10px;
}

.publishbox-button-box {
	height: 100px;
	display: flex;
	align-items: center;
}

.box-center {
	justify-content: center;
}

.box-right {
	justify-content: flex-end;
}

.publishbox-text-box-filename {
	min-height: 20px;
	overflow: hidden;
	line-height: 17px;
}

.publishbox-text-box-createddate {
	overflow: hidden;
	font-size: 10px;
	margin-bottom: 5px;
}

.publishbox-info-text {
	color: #AAA;
}

.publishbox-text-box-trigger {
	height: 22px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.publishbox-text-box-trigger>div {
	display: flex;
	align-items: center;
}

.publishbox-text-box-date {
	clear: both;
	height: 70px;
	overflow: hidden;
}

.publishbox-text-box-date2 {
	font-size: 11px;
}

.publishbox-text-box-date3 {
	font-size: 13px;
}

.publishbox-button-box-cb {}

.publishbox-date-button {
	width: 20px;
	height: 20px;
	pointer-events: none;
	cursor: default;
}

.publishbox-time-input {
	min-width: 50px;
	max-width: 60px;
	border: 1px solid #1db954;
	margin: 0 auto;
	height: 30px;
	font-size: 12px;
	text-align: center;
}

input[type="time"]::-webkit-calendar-picker-indicator {
	background: none;
}

.publishbox-button-prio {
	margin-bottom: 5px;
}

#publishbox-tools {
	height: 50px;
}

.publishbox-delete-disabled {
	color: #808080 !important;
	pointer-events: none;
}

.publishbox-delete-disabled:hover {
	background: 000000 !important;
	border: none;
	border: 2px solid #b4b4b4;
}

.publishbox-img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	z-index: 1;
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
}

.video-glyph {
	font-size: 60px !important;
	z-index: 1;
	margin-top: 20px;
}

.publish-content-div li {
	background: #1b1a1f;
	margin: 0px 0px 2px 0px;
	border-bottom: 1px solid #000000;
}

.mediabox-small {
	background: #1b1a1f;
	float: left;
	width: 145px;
	height: 180px;
	padding: 3px;
	margin: 3px;
	overflow: hidden;
	text-align: center;
}

.mediabox-text-box-small {
	width: 100%;
	min-height: 50px;
	margin-top: 8px;
	overflow: hidden;
	z-index: 2;
	font-size: 12px;
}

#media-library {
	width: 100%;
	list-style: none;
	padding: 10px 0px 0px 10px;
	overflow: hidden;
}

.publishSidebarFolderContent {
	width: 100%;
	list-style: none;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#media-library li,
.publishSidebarFolderContent li {
	background: #1b1a1f;
	width: 150px;
	margin: 1px;
	overflow: hidden;
	float: left;
	text-align: center;
	display: block;
	text-indent: 0px;
}

#media-library li img,
.publishSidebarFolderContent img {
	cursor: move;
	max-height: 100px;
}

#playlist {
	min-height: calc(100vh - 200px);
	list-style: none;
	position: relative;
}

#playlist ul {
	list-style: none;
}

li.ui-sortable-handle,
li.ui-draggable-handle {
	list-style: none;
}

/* REMOVE DOT FROM UL LIST SORTABLE */
#publish-content-box .ui-state-highlight {
	height: 110px;
	background: #1b1a1f !important;
	border: 2px dashed #58575c !important;
}

.timepicker,
.timepicker_all {
	float: left;
	width: 65px;
	margin: 0px 0px 0px 2px;
	text-align: center;
}

.folders_selected_count {
	float: right;
	margin-right: 15px;
}

#publish-modal-schedule {
	max-height: calc(100vh - 280px);
}

/* BOOKINGS */
.booking_holder {
	width: 1250px;
}

.booking-published-icon {
	position: absolute;
	right: 30px;
	top: 5px;
}

.orderpdf {
	position: absolute;
	right: 10px;
	top: 5px;
}

.booking_col {
	height: 100px;
	width: 200px;
	border: 1px solid #32323a;
	float: left;
	padding: 10px;
	position: relative;
}

.booking_col_head {
	height: 30px;
	width: 200px;
	border: 1px solid #32323a;
	float: left;
	padding: 5px 20px;
	background: #333;
}

.booking_slot_nr {
	width: 40px;
	height: 100px;
	float: left;
	border: 1px solid #32323a;
	line-height: 100px;
	padding: 0px 10px;
	text-align: center;
}

.booking_slot_nr_head {
	width: 40px;
	height: 30px;
	float: left;
	background: #333;
}

.booking_add {
	margin-left: 50px;
	border-radius: 5px;
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 38px;
	border: 1px solid #32323a;
	color: #CCC;
	cursor: pointer;
}

/* SETTINGS */
.profile-dropzone {
	border: 1px dashed #CCC;
	padding: 20px 20px 5px 20px;
	font-size: 12px;
}

.profile-pic-preview {
	max-height: 130px;
	margin: 5px 0px;
}

.profile-pic-div {
	height: 155px;
}

.profile-pic-remove-icon {
	cursor: pointer;
	width: 36px;
	height: 36px;
	float: right;
	margin: -7px -12px 0px 0px;
	padding: 10px;
	box-sizing: border-box;
}

.profile-pic-navbar-icon {
	margin-top: 7px;
	margin-right: 5px;
	width: 35px;
	height: 35px;
}

.google-auth-secret {
	font-weight: bold;
}

/* MEDIA */
.foldernew {
	color: #fcdb0c;
	font-size: 9px;
}

#uploadDiv {
	border: 2px dashed #32323a;
	padding: 20px;
	margin: 10px;
	box-sizing: border-box;
	width: calc(100% - 25px);
	font-size: 18px;
}

#dropzone-support,
#dropzone-support-edit {
	border: 2px dashed #32323a;
	padding: 20px;
	margin: 10px 0px;
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
}

.emptypad {
	padding-top: 20px;
}

#media-content-box-holder {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

#media-content-box {
	height: calc(100vh - 95px);
	padding-right: 10px;
	overflow-y: auto;
	overflow-x: hidden;
}

.mediabox {
	background: #1b1a1f;
	float: left;
	width: 248px;
	height: 345px;
	padding: 5px;
	margin: 0px 5px 5px 0px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #333333;
	max-width: 48%;
}

.mediabox-iframe-small {}

.mediabox:hover {
	background: #29292b;
	transition: 0.3s;
}

.mediabox-img-box {
	width: 100%;
	max-height: 240px;
	min-height: 240px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.mediabox-img-box-sidebar {
	width: 100%;
	max-height: 130px;
	min-height: 130px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.media-published-icon {
	position: absolute;
	top: 8px;
	right: 8px;
	color: #1db954;
	font-size: 18px;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	padding: 5px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}


.mediabox-text-box {
	width: 100%;
	min-height: 50px;
	z-index: 2;
	font-size: 11px;
	padding: 5px;
	text-align: left;
	line-height: 15px;
	overflow: hidden;
}

.mediabox-img {
	max-width: 248px;
	max-height: 248px;
	z-index: 1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0;
}

.video-icon-overlay {
	position: absolute;
	max-width: 100%;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.image-toolbar {
	display: none;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	bottom: 0px;
	z-index: 1000;
}

.mediabox-text-filename {
	font-size: 14px;
	line-height: 20px;
}

.mediabox-text-box span {}

.mediabox-text-small {
	font-size: 9px;
}

.videoinfo-compact {
	font-size: 9px;
	color: #999;
	display: inline-block;
	cursor: help;
	line-height: 1.2;
}

.mediabox.active {
	background: rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(93, 213, 232, 0.62);
}

.mediabox-checkbox {
	background: #AAA;
	display: none;
}

#edit-media-tools {
	height: 50px;
}

.media-userfolder-owner {
	color: rgba(93, 213, 232, 0.62);
}

.is_creator_warn {
	display: none;
}

#movefiles-table tr.active,
.table>tbody>tr.active>td {
	color: #fff;
	background: rgba(93, 213, 232, 0.62);
	text-decoration: none;
}

#movefiles-table .disabled_row {
	color: #767676;
}

#trashbox-message {
	margin-top: 25vh;
	font-size: 12px;
	text-align: center;
}

.trash1 {
	font-size: 30px;
	font-weight: bold;
	margin-top: 10px;
}

.trash2 {
	margin-top: 10px;
	font-size: 14px;
}

#widgets-message {
	font-size: 12px;
	padding: 15px 15px 0px 15px;
	display: none;
}

.folder-name-text {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 11px;
}

/* MEDIA DIALOG */
#media-content-box-holder-dialog {
	height: calc(100vh - 280px);
	overflow: auto;
	width: 100%;
}

.media-sidebar-dialog {
	height: calc(100vh - 320px);
	overflow: auto;
}


/************ SWITCH *****************/
.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 13px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f94f4f;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 0px;
	bottom: 0px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #99c550;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}



/* Rounded sliders */
.slider.round {
	border-radius: 15px;
}

.slider.round:before {
	border-radius: 50%;
}

/* MODAL */
.modal-content {
	background: #32323a;
	border-radius: 0px;
	border: 5px solid #2e2e35;
}

.modal-body {
	background: #212026;
	color: #FFFFFF;
	max-height: calc(100vh - 180px);
	overflow-y: auto;
}

.modal-body-image {
	background: #212026;
}

.modal-header {
	padding: 10px;
	background: #15151b;
	color: #FFFFFF;
	border-bottom: 1px solid #32323a;
}

.modal-footer {
	background: #15151b;
	color: #FFFFFF;
	border-top: 1px solid #32323a;
}

.close {
	text-shadow: none;
	opacity: 1.0;
	color: #FFFFFF;
}

.close:hover {
	color: #a2a2a2;
}

.height80p {
	height: calc(100vh - 250px);
	max-height: 1000px;
}

.modal-lg {
	width: 100vw;
	max-height: calc(100vh - 100px);
	padding: 1vw;
	margin: 0px;
}

.modal-lg-image {
	width: 100vw;
	max-height: 100vh;
	padding: 0px;
	margin: 0px;
}

.modal-backdrop {
	opacity: 0.9 !important;
}

#posts-input-holders-modal {
	height: calc(100vh - 280px);
	overflow: auto;
	width: 100%;
}

.recover-post-link {
	cursor: pointer;
}

.previewpostmodal-not-avilable-text {
	height: 60vh;
	line-height: 60vh;
	text-align: center;
}

/* ADMIN */
.admin-box-holder {
	height: calc(100vh - 95px);
	overflow-y: auto;
	overflow-x: hidden;
}

#admin-users-playlists .col1 {
	width: 50px;
}

/* CHANGE DEVICE */
#changeDeviceBody {
	height: 50vh;
	max-height: 100vh;
	overflow-y: scroll;
}

.f15 {
	font-size: 15px;
}

/* SUPPORT TICKETS */

#support-ticket-images {
	width: 100%;
	clear: both;
}

.ticket-image-trash {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 20px;
	height: 20px;
}

.ticket-image-div {
	width: 100%;
	height: 300px;
}

.ticket-image-holder {
	position: relative;
	background: #15151b;
	float: left;
	width: 150px;
	height: 150px;
	padding: 5px;
	margin: 0px 5px 0px 0px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #333333;
	max-width: 48%;
}

.ticket-image {
	max-width: 100%;
	max-height: 100%;
}

#open-ticket {
	height: calc(100vh - 115px);
	overflow-y: auto;
	overflow-x: hidden;
}

.comment-internaltext {
	color: #F3D21F;
}

.comment-pic {
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.comment-author,
.comment-date {
	font-size: 12px;
	color: #CCC;
}

/* STATUS */
.status_onlineoffline {
	width: 8px;
	height: 20px;
}

.status_online {
	background: #48e448;
}

.status_offline {
	background: #f1342f;
}

.status_future {
	background: #f8d11b;
}

.status_td,
.preview_td {
	width: 20px;
	padding: 0px;
}

/* PREVIEW */
.modal-body-preview {
	padding: 0px;
	/* max-height: calc(100vh) !important; */
}

#preview_wrapper {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000000;
	border: 5px solid white;
}

#preview_wrapper td {
	vertical-align: middle;
	text-align: center;
}

.content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
}

.box {
	position: relative;
	text-align: center;
}

.box_9_16 {
	position: relative;
	padding-bottom: 177.8%;
	overflow: hidden;
	margin-left: calc(50vw);
}

.box_16_9 {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	/* margin-left: 13vw; */
}

.box_9_16_new {
	position: relative;
	padding-bottom: 177.8%;
	overflow: hidden;
}

.template-preview-div {
	transform-origin: 0px 0px;
	border: none;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	height: 100%;
	/* overflow-y:auto; */
}

.template-preview-div-inner {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	border: none;
}

.preview-div {
	position: relative;
	vertical-align: middle;
	height: 100%;
	/* overflow-y:auto; */
}

.template-div-iframe {
	border: none;
}


.preview-img {
	object-fit: contain;
	position: absolute;
	/*it can be fixed too*/
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
	width: 100%;
	/*this to solve "the content will not be cut when the window is smaller than the content": */
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
}

.preview-video {
	max-width: 100%;
	height: 100%;
	vertical-align: middle;
}

.iframe_preview_outer {
	width: 80vw;
	/* 80% of viewport vidth */
	height: 45vw;
	/* ratio = 9/16 * 80 = 45 */
	background: #000000;
	/* max-height: 80vh; */
	/* max-width: 142vh; */
	/* 16/9 * 80 = 142.2 */
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: none;
}

.preview-div-iframe {
	transform-origin: 0px 0px;
	border: none;
	overflow: hidden;
}

.preview-div-iframe2 {
	transform-origin: top left;
	border: none;
	overflow: hidden;
}

.iframe_landscape {
	width: 1920px;
	height: 1080px;
}

.iframe_portrait {
	width: 1080px;
	height: 1920px;
}

.iframe_preview_inner {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	border: none;
}

/*
.ui-widget.ui-widget-content 		{ border:1px solid #15151b; }
.ui-widget-header					{ background:#5cb85c !important; }
.ui-widget-content					{ background:#15151b; }
*/

/* DIALOG */
.ui-widget input,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Opensans", sans-serif, Arial, Verdana !important;
}

#dialog.ui-widget {
	font-family: "Opensans", sans-serif, Arial, Verdana !important;
	font-size: 14px !important;
	background: #212026;
}

#dialog.ui-widget-header {
	font-family: "Opensans", sans-serif, Arial, Verdana !important;
	background: #15151b !important;
	border: none !important;
	color: #FFF !important;
	font-weight: normal !important;
}

#dialog.ui-widget-content {
	background: #FFF !important;
	border: none !important;
}

.ui-dialog {
	font-family: "Opensans", sans-serif, Arial, Verdana !important;
	font-size: 16px;
}

.ui-dialog-titlebar-close {
	background: none;
	border: none;
	display: block;
}

.ui-dialog-titlebar-close:before {
	font-family: Arial !important;
	color: #95979c;
	font-size: 30px;
	line-height: 20px;
	height: 20px;
	content: "\00d7";
}

.ui-dialog .ui-dialog-content {
	padding: 10px 0px !important;
}

.ui-widget-overlay {
	background: #000 !important;
	opacity: .50 !important;
	filter: Alpha(Opacity=50) !important;
}

.publish_weather_icon {
	color: #e6e6e6;
}

#zoom-slider-holder {
	width: 300px;
	float: right;
	height: 50px;
	margin-top: 6px;
}

#zoom-slider-1 {
	margin-top: 10px;
	width: 100%;
	float: left;
}

#zoom-slider-1-label {
	font-weight: bold;
	float: right;
	padding: 7px 20px;
	min-width: 70px;
}

#weather-slider-1 {
	border: none !important;
	background: #15151b;
	border-radius: 0px;
}

#weather-slider-1.ui-slider-range.ui-corner-all.ui-widget-header {
	background: #5cb85c;
	border-radius: 0px;
}

#weather-slider-1.ui-corner-all,
#weather-slider-1.ui-corner-bottom,
#weather-slider-1.ui-corner-right {
	border-radius: 50%;
}

#weather-slider-1.ui-slider #weather-slider-1.ui-slider-handle {
	width: 1em;
	height: 1em;
}

#weather-slider-1.ui-slider-horizontal {
	height: .3em;
}

.ui-slider-horizontal {
	height: .4em;
}

#weather-alert {
	display: none;
}

.dialog-thumb-holder {
	overflow: hidden;
	text-align: center;
}

.dialog-thumb {
	max-width: 100%;
	height: 120px;
}

/* TIMEPICKER */
.ui-slider-horizontal .ui-slider-handle {
	top: -.45em;
	border-radius: 50%;
}

.ui_tpicker_hour_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content,
.ui_tpicker_minute_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
	height: 0.4em;
	margin-top: 18px;
}

.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
	display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
	background: none;
	color: inherit;
	border: none;
	outline: none;
	border-bottom: solid 1px #555;
	width: 95%;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
	border-bottom-color: #aaa;
}

.ui-timepicker-rtl {
	direction: rtl;
}

.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}

.ui-timepicker-rtl dl dd {
	margin: 0 40% 10px 10px;
}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
	padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
	display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
	display: block;
	padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
	text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
	display: inline-block;
	margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
	content: ':';
	display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
	content: '.';
	display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
	display: none;
}

.select2-dropdown {
	border: 1px solid #2e2e35 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	border: none !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	background: #15151b !important;
	border: 1px solid #2e2e35 !important;
	color: #FFF !important;
	font-weight: normal !important;
}

.select2-container--default .select2-selection--multiple {
	background: #15151b !important;
	border: 1px solid #2e2e35 !important;
	color: #FFF !important;
	font-weight: normal !important;
	border-radius: 0px !important;
	padding: 5px !important;
}

.select2-container ul {
	background: #15151b !important;
	color: #FFF !important;
	font-weight: normal !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #15151b !important;
	border: 1px solid #2e2e35 !important;
	color: #FFF !important;
	font-weight: normal !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: rgba(93, 213, 232, 0.62) !important;
}

.select2-selection__choice__remove {
	color: #FFFFFF !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: rgb(13, 13, 13) !important;
	color: #808080 !important;
}

.select2-container--default .select2-results__group {
	font-weight: normal !important;
}

.select2-offscreen {
	top: 0px !important;
}

/* --------------------------------
Main Components
-------------------------------- */
.cd-accordion-menu {
	width: 100%;
}

.cd-accordion-menu ul {
	/* by default hide all sub menus */
	display: none;
}

.cd-accordion-menu .expanded {
	display: block !important;
}

.cd-accordion-menu li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 40px;
	text-indent: 5px;
}

.cd-accordion-menu label:hover {
	background: rgba(255, 255, 255, 0.2)
}

.cd-accordion-menu input[type=checkbox] {
	/* hide native checkbox */
	position: absolute;
}

.cd-accordion-menu label,
.cd-accordion-menu a {
	position: relative;
	display: block;
	border-bottom: 1px solid #32323a;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 0px;
}

.cd-accordion-menu .active {
	color: #fff;
	background: #0d0d0d;
	text-decoration: none;
	border-bottom: 1px solid rgb(29, 185, 84);
}

.no-touch .cd-accordion-menu label:hover,
.no-touch .cd-accordion-menu a:hover {
	background: #52565d;
}

.cd-accordion-menu label::before,
.cd-accordion-menu label::after,
.cd-accordion-menu a::after {
	/* icons */
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cd-accordion-menu label {
	cursor: pointer;
}

.cd-accordion-menu label::before,
.cd-accordion-menu label::after {
	background-repeat: no-repeat;
}

.cd-accordion-menu label::before {
	/* arrow icon */
	left: 10px;
	background-position: 0 0;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-moz-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	-o-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}

.cd-accordion-menu label::after {
	/* folder icons */
	left: 30px;
	background-position: -16px 0;
}

.cd-accordion-menu a::after {
	/* image icon */
	left: 36px;
}

.cd-accordion-menu input[type=checkbox]:checked+label::before {
	/* rotate arrow */
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cd-accordion-menu input[type=checkbox]:checked+label::after {
	/* show open folder icon if item is checked */
	background-position: -32px 0;
}

.cd-accordion-menu input[type=checkbox]:checked+label+ul,
.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul {
	/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
	/* show children when item is checked */
	display: block;
}

.no-touch .cd-accordion-menu ul label:hover,
.no-touch .cd-accordion-menu ul a:hover {
	background: #3c3f45;
}

.cd-accordion-menu>li:last-of-type>label,
.cd-accordion-menu>li:last-of-type>a,
.cd-accordion-menu>li>ul>li:last-of-type label,
.cd-accordion-menu>li>ul>li:last-of-type a {
	box-shadow: none;
}

.cd-accordion-menu.animated label::before {
	/* this class is used if you're using jquery to animate the accordion */
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.sidebar_check {
	float: left;
}

/* NEW CSS */
.anim-choose-box {
	position: absolute;
	top: 40px;
	left: -4px;
	background: #15151b;
	width: 200px;
	height: 200px;
	z-index: 1;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	display: none;
}

.anim-icon {
	border: 1px solid #32323a;
	border-radius: 5px;
	display: grid;
	place-content: center;
	align-items: center;
	padding: 6px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
}

.anim-choose-box .col-md-4 {
	padding: 2px 5px;
}

.anim-icon i {
	font-size: 30px;
	text-align: center;
}

.anim-icon span {
	line-height: 1.4;
	font-size: 10px;
	margin-top: 4px;
}

.activeAnim {
	border-color: #9393a1;
	background: #4c4c53;
}

.anim-icon:hover {
	border-color: #9393a1;
}

.fade-in-global {
	opacity: 0;
	animation: fadeInGlobal 2s ease-in-out forwards;
}

@keyframes fadeInGlobal {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes glyphicon-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.glyphicon-refresh-animate {
	animation: glyphicon-spin 1s infinite linear;
}

/**
 * Bulk Import Styling
 */

#bulkImportModal h4 {
	color: #FFF;
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 600;
}

#bulkImportModal p {
	color: #CCC;
	margin-bottom: 10px;
}

#bulkImportModal ul {
	color: #CCC;
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 15px;
}

#bulkImportModal ul li {
	margin-bottom: 5px;
}

#bulkImportModal .alert-info {
	background-color: #1a3a52;
	color: #9cd7ff;
	border: 1px solid #2a5a82;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 15px;
}

#bulkImportModal .alert-info strong {
	color: #c9e7ff;
}

#bulkImportModal .form-group {
	margin-bottom: 20px;
}

#bulkImportModal label {
	color: #FFF;
	font-weight: 600;
	margin-bottom: 8px;
	display: block;
}

#bulk-import-file {
	cursor: pointer;
}

#bulk-import-file:hover {
	background: #1a1a20;
	border-color: #42424a;
}

#bulk-import-preview-container {
	max-height: 300px;
	overflow: auto;
	border-radius: 4px;
	padding: 0;
}

#bulk-import-status {
	font-size: 14px;
	font-weight: 600;
}

#bulk-import-status .glyphicon {
	margin-right: 5px;
}

/* Step transitions */
#bulk-import-step1,
#bulk-import-step2 {
	animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Responsive adjustments */
@media (max-width: 768px) {

	#bulk-import-mapping-container .table td,
	#bulk-import-preview-container .table td,
	#bulk-import-mapping-container .table th,
	#bulk-import-preview-container .table th {
		padding: 8px;
		font-size: 13px;
	}

	#bulk-import-mapping-container .bulk-import-mapping-select {
		font-size: 13px;
	}
}

/**
 * Multiple select
 */
.ms-parent {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 100% !important;
}

.ms-choice {
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #15151b;
	border: none;
	outline-width: 0;
}

.ms-choice.disabled {
	background-color: #f4f4f4;
	background-image: none;
	cursor: default;
}

.ms-choice>span {
	position: absolute;
	top: 0;
	left: 0;
	right: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding: 6px 12px;
	height: 37px;
	border: none;
}

.ms-choice>span.placeholder {
	color: #999;
}

.ms-choice>div {
	position: absolute;
	top: 6px;
	right: 0;
	width: 20px;
	height: 25px;
	background: url('../img/multiple-select.png') left top no-repeat;
}

.ms-choice>div.open {
	background: url('../img/multiple-select.png') right top no-repeat;
}

.ms-drop {
	width: 100%;
	overflow: hidden;
	display: none;
	margin-left: -1px;
	padding: 0;
	position: absolute;
	z-index: 1000;
	background: #15151b;
	color: #FFFFFF;
	border: 1px solid #2e2e35;
}

.ms-drop.bottom {
	top: 100%;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
	bottom: 100%;
	-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
	display: inline-block;
	margin: 0;
	min-height: 26px;
	padding: 4px;
	position: relative;
	white-space: nowrap;
	width: 100%;
	z-index: 10000;
}

.ms-search input {
	width: 100%;
	height: auto !important;
	min-height: 24px;
	padding: 0 20px 0 5px;
	margin: 0;
	outline: 0;
	font-family: sans-serif;
	font-size: 1em;
	border: 1px solid #2e2e35;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #212026;
}

.ms-search,
.ms-search input {
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.ms-drop ul {
	overflow: auto;
	margin: 0;
	padding: 5px 10px;
}

.ms-drop ul>li {
	list-style: none;
	display: list-item;
	background-image: none;
	position: static;
}

.ms-drop ul>li .disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
}

.ms-drop ul>li.multiple {
	display: block;
	float: left;
}

/* NEW CSS */

.ms-drop ul>li.group {
	clear: both;
}

.ms-drop ul>li.multiple label {
	width: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ms-drop ul>li label {
	font-weight: normal;
	display: block;
	white-space: nowrap;
}

.ms-drop ul>li label.optgroup {
	font-weight: bold;
}

.ms-drop input[type="checkbox"] {
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}

.ms-drop .ms-no-results {
	display: none;
}

@media (max-width : 1200px) {
	.ti-15 {
		text-indent: -15px;
	}

	.mobile-hidden {
		display: none;
	}
}

.template-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	background: #15151b;
	color: #ccc;
	padding: 5px 15px;
	border-bottom: 1px solid #22222a;
}

.template-toolbar-left,
.template-toolbar-tools,
.template-toolbar-actions {
	display: flex;
	align-items: center;
	padding: 0 15px;
}

.template-toolbar-left {
	gap: 10px;
	flex: 0 0 auto;
}

.template-toolbar-title {
	font-size: 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #fff;
}

.template-toolbar-title #template-status-indicator {
	font-size: 11px;
	padding: 2px 6px;
	line-height: 1.2;
}

.template-toolbar-meta {
	font-size: 13px;
	color: #b5b5b5;
	display: flex;
	align-items: center;
	gap: 6px;
}

.template-toolbar-tools {
	flex: 1 1 auto;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 16px;
	row-gap: 6px;
	padding: 0 10px;
}

.template-toolbar-tools>* {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.template-toolbar-tools .control {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	line-height: 1;
	height: auto;
}

.template-toolbar-tools .control .control {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.template-toolbar-tools .control input,
.template-toolbar-tools .control select,
.template-toolbar-tools .control .colorpicker {
	height: 30px !important;
	line-height: 30px;
	padding: 4px 8px;
	box-sizing: border-box;
}

.template-toolbar-tools .template-tool-buttons {
	height: 30px;
	width: 30px;
	line-height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.template-toolbar-tools .control span {
	line-height: 30px;
}

.template-toolbar-actions {
	flex: 0 0 auto;
	justify-content: flex-end;
	gap: 5px;
	flex-wrap: nowrap;
	white-space: nowrap;
	padding: 0 0px;
}

.template-toolbar-actions .a-round-button,
.template-toolbar-actions .a-round-button-green,
.template-toolbar-actions .a-round-button-red {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.template-toolbar-actions .a-round-button.disabled,
.template-toolbar-actions .a-round-button-green.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.template-toolbar-dropdown {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.template-toolbar-dropdown .dropdown-menu {
	position: absolute;
	right: 0;
	left: auto;
	top: calc(100% + 6px);
	min-width: 190px;
	padding: 6px 0;
	margin: 0;
	border-radius: 6px;
	background: #1f1f27;
	border: 1px solid #2c2c39;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
	display: none;
	z-index: 1050;
}

.template-toolbar-dropdown.open .dropdown-menu {
	display: block;
}

.template-toolbar-dropdown .dropdown-menu>li>a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	color: #fff;
}

.template-toolbar-dropdown .dropdown-menu>li>a:hover {
	background: #2f2f3b;
	color: #fff;
}

@media (max-width: 991px) {
	.template-toolbar {
		padding: 12px 15px;
	}

	.template-toolbar-left,
	.template-toolbar-actions {
		padding: 0;
	}

	.template-toolbar-actions {
		justify-content: flex-start;
		margin-top: 10px;
	}
}

/* standard navbar */
@media (min-width : 768px) {
	.modal-md {
		width: calc(50vw);
		max-height: calc(100vh - 100px);
	}

	.navbar-nav>li {
		height: 50px;
	}

	.navbar-collapse {
		padding-left: 0px;
		padding-right: 0px;
	}

	#sidebar-list {
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
	}
}

/* mobile navbar */
@media (max-width : 767px) {
	.main {
		padding: 0px !important;
	}

	#media-sidebar {
		padding-right: 15px;
		max-width: 100%;
		min-width: 100%;
		margin-left: -100%;
		transition: all 0.3s;
	}

	#media-sidebar.active {
		margin-left: 0px;
	}

	#sidebar-toggle {
		margin-left: 0;
		margin-right: auto;
		float: left;
	}

	.glyphicon {
		left: 3px;
	}

	.glyphicon-trash {
		left: 2px;
	}

	.a-round-button,
	.a-round-button-red,
	.a-round-button-green {
		padding: 3px 10px;
	}

	.mright20 {
		margin-right: 5px;
	}

	.mright10 {
		margin-right: 4px;
	}

	.mobile-hidden {
		display: none;
	}

	.logomainh {
		display: none;
	}

	.navbar-header {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.navbar-brand {
		margin-left: auto;
		margin-right: auto;
	}

	.navbar-toggle {
		margin-right: 15px;
		margin-top: 8px;
	}

	.navbar-collapse {
		border-top: none;
	}

	.navbar-collapse.in {
		overflow-y: auto;
	}

	.navbar-nav {
		margin: 0;
	}

	.navbar-nav>li>a {
		padding: 10px 15px;
	}

	.dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #212026;
		border: none;
		box-shadow: none;
	}

	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #212026;
		border: none;
		box-shadow: none;
	}

	@media (max-width: 767px) {
		.navbar-header {
			display: block;
			width: 100%;
			position: relative;
			padding: 5px;
		}

		#sidebar-toggle {
			float: left;
			margin: 0;
		}

		.navbar-brand {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			margin: 0;
		}

		.navbar-toggle {
			float: right;
			margin: 0;
		}
	}
}

@media only screen and (max-width: 480px) {
	.modal .modal-body {
		max-height: 70vh;
		overflow-y: auto;
	}
}

/* mobile small like iphone SE/Iphone 5 */
@media (max-width : 320px) {

	.table>tbody>tr>td,
	.table>tbody>tr>th,
	.table>tfoot>tr>td,
	.table>tfoot>tr>th,
	.table>thead>tr>td,
	.table>thead>tr>th {
		padding: 8px 4px;
	}

	.mediabox {
		width: 140px;
	}
}

.navbar-collapse {
	position: relative;
	z-index: 1002;
}

.template-toolbar-actions .a-round-button,
.template-toolbar-actions .a-round-button-green {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.template-toolbar-actions .a-round-button.disabled,
.template-toolbar-actions .a-round-button-green.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.template-toolbar-title #template-status-indicator {
	font-size: 11px;
	padding: 2px 6px;
	line-height: 1.2;
	margin-left: 4px;
}

.text-edit-controls {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
}

.text-edit-controls .control input,
.text-edit-controls .control select {
	height: 30px;
	line-height: 30px;
	padding: 4px 8px;
}

.text-edit-controls .template-tool-buttons {
	height: 30px;
	width: 30px;
	line-height: 30px;
}

.text-edit-controls .colorpicker {
	height: 30px;
	line-height: 30px;
}

.text-edit-controls span {
	line-height: 30px;
}

.template-toolbar-tools #xy-tool,
.template-toolbar-tools #clone-rotate-tool,
.template-toolbar-tools #img-edit-tool,
.template-toolbar-tools #anim-edit-tool {
	align-items: center;
	gap: 8px;
}

.template-input-size1,
.template-input-size2,
.template-input-size3 {
	height: 30px;
	line-height: 30px;
	padding: 4px 8px;
	box-sizing: border-box;
}

.template-input-size1 {
	width: 45px;
}

.template-input-size2 {
	width: 35px;
	text-align: right;
}

.template-input-size3 {
	width: 25px;
}

.template-toolbar-tools .control {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	line-height: 1;
	height: auto;
}

.template-toolbar-tools .control span {
	line-height: 30px;
}

.template-toolbar-tools .template-tool-buttons {
	height: 30px;
	width: 30px;
	line-height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.template-toolbar-tools .colorpicker {
	height: 30px;
	line-height: 30px;
}

.template-toolbar-tools #xy-tool,
.template-toolbar-tools #clone-rotate-tool,
.template-toolbar-tools #img-edit-tool,
.template-toolbar-tools #anim-edit-tool {
	gap: 8px;
}

#xy-tool,
#text-edit-tool,
#img-edit-tool,
#clone-rotate-tool,
#anim-edit-tool {
	display: none;
}

#select-all-devices {
	margin-left: 5px !important;
}

/* Markerade rader i tabellen */
#content-table tbody tr.row-selected {
	background-color: #3a3a3f !important;
	border-left: 3px solid #1db954;
}

#content-table tbody tr.row-selected:hover {
	background-color: #404045 !important;
}

/* ========================================
   Bulk Operations Panel - Castit Style
   ======================================== */

#bulk-operations-panel {
	background: #2a2a2f;
	padding: 0px 0px !important;
	animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#bulk-operations-panel .col-md-12 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
}

#bulk-operations-panel .pull-left {
	float: none !important;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-right: 0 !important;
}

#bulk-operations-panel strong {
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 8px 0px;
}

#bulk-operations-panel #selected-count {
	color: #1db954;
	font-weight: 700;
}

/* Knappstyling för bulk operations */
#bulk-operations-panel button {
	white-space: nowrap;
	letter-spacing: 0.5px;
	border-radius: 500px;
	padding: 3px 8px;
	box-sizing: border-box;
	font-size: 12px;
	cursor: pointer;
	transition: all 0.2s ease;
}

#bulk-operations-panel button .glyphicon,
#bulk-operations-panel button .fa-solid {
	margin-right: 5px;
}

/* Specifik styling för varje knapp - Castit färger */
#bulk-refresh,
#bulk-refresh-app {
	border: 2px solid #1db954;
	background: #1db954;
	color: #FFFFFF;
}

#bulk-refresh:hover,
#bulk-refresh-app:hover {
	border: 2px solid #28c95b;
	background: #28c95b;
	color: #FFFFFF;
}

#bulk-reboot {
	border: 2px solid #cb2121;
	background: #cb2121;
	color: #FFFFFF;
}

#bulk-reboot:hover {
	border: 2px solid #e35757;
	background: #e35757;
	color: #FFFFFF;
}

#bulk-cancel {
	border: 2px solid #b4b4b4;
	background: #b4b4b4;
	color: #FFFFFF;
}

#bulk-cancel:hover {
	border: 2px solid #9a9a9a;
	background: #9a9a9a;
	color: #FFFFFF;
}

/* Responsiv design för mindre skärmar */
@media (max-width: 768px) {
	#bulk-operations-panel {
		padding: 12px 15px !important;
	}

	#bulk-operations-panel .col-md-12 {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	#bulk-operations-panel .pull-left {
		width: 100%;
		justify-content: center;
	}

	#bulk-operations-panel button {
		flex: 1;
		min-width: 0;
		padding: 3px 10px;
		font-size: 12px;
	}

	#bulk-operations-panel strong {
		text-align: center;
		width: 100%;
	}
}

/* Custom Scrollbar Styling */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: #1b1a1f;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	background: #555;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: #777;
}

/* Firefox scrollbar */
* {
	scrollbar-width: thin;
	scrollbar-color: #555 #1b1a1f;
}