.full-width {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.bold
{
    font-weight: bold !important;
}

.line-through
{
    text-decoration: line-through;
}

a.line-through:hover, a.line-through:focus
{
    text-decoration: underline line-through;
}

/* Header */

section#license-popup {
	background-color: #53AD53;
    overflow: hidden;
}

div#license-popup-content {
	color: white;
	margin: 0 auto;
    padding: 6px 1.875rem;
    overflow: hidden;
}

@media (max-width: 991.98px) {
	div#license-popup-content {
		padding: 6px 1.0rem;
	}
}


div#license-popup-content div {
	float: left;
}
div#license-popup-content p {
	margin: 0;
}
div#license-popup-content a {
    margin-left: 10px;
    text-decoration: underline;
    color: white;
}

div#license-popup-content a#license-popup-remove {
	background: url('img/license-popup-remove.png') no-repeat;
	display: block;
	float: right;
	width: 10px;
    height: 10px;
    margin: 4px 0 4px 8px;
}


.contact-card
{
    font-style: normal;
    font-weight: normal;
}

.contact-card .photo
{
    float: left;
    width: 40px;
    height: 40px;
    color: white;
}

	.contact-card .user-info, .contact-card .customer-info {
		margin-left: 65px;
	}

.contact-card .user-info > div, .contact-card .customer-info > div
{
    margin-bottom: 3px;
}

.contact-card .customer-info .customer-address {
    font-size: small;
}

.contact-card table
{
    border-collapse: collapse;
    margin-top: 5px;
}

.contact-card table th
{
    text-align: left;
}

.small
{
    font-size: small;
}

.contact-card pre
{
    font-family: Arial;
    margin-top: 5px;
    margin-bottom: 5px;
}

.contact-card table tr td:not(:first-child)
{
    padding-left: 10px;
}





.droppable-area {
    border: 2px dashed #d7d7d7;
    border-radius: 0.19rem;
    color: gray;
}

.containerAttachments ul, .containerAttachments div[id^=filelist] {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.containerAttachments .file, .containerAttachments div[id^=filelist] div[id^=divFile] span {
	font-size: 90%;
}

div.comment-author {
	color: #4d4d4d;
	font-style: italic;
	margin: 5px 0 5px 0;
	text-align: right;
    float: right;
}

div.message-merged-from {
    float: left;
    font-size: small;
    font-style: italic;
}








.text-with-hiding-buttons {
}

	.text-with-hiding-buttons a.hiddenButton, .text-with-hiding-buttons button.hiddenButton {
		/*display: none;*/
		display: inline;
		visibility: hidden;
	}

		.text-with-hiding-buttons a.hiddenButton img, .text-with-hiding-buttons button.hiddenButton img {
			vertical-align: text-bottom;
		}

		.text-with-hiding-buttons a.hiddenButton.delete i.fa-times, .text-with-hiding-buttons button.hiddenButton.delete i.fa-times,
		.text-with-hiding-buttons a.hiddenButton.delete i.fa-xmark, .text-with-hiding-buttons button.hiddenButton.delete i.fa-xmark {
			color: #dc3545;
		}


	.text-with-hiding-buttons:hover a.hiddenButton, .text-with-hiding-buttons:hover button.hiddenButton {
		visibility: visible;
	}

div.one-needed .text-with-hiding-buttons:only-of-type .remove {
    display: none;
}

a.addlink {
	background: url('img/icon-plus.png') 0 40% no-repeat;
	display: inline-block;
	margin-top: 8px;
	padding-left: 22px;
	margin-left: 3px;
}

a.addlink.inline {
    margin-top: 5px;
}

a.addlinksmall
{
	background: url('img/icon-plus-small.png') left center no-repeat;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
	padding-left: 15px;
    margin-right: 10px;
}




section.account {
	min-height: 140px;
	margin-bottom: 30px;
}
section.account div.block-body {
	background-position: 20px 20px;
	background-repeat: no-repeat;
	min-height: 85px;
	padding: 15px;
}
section.account div.block-body h2 {
	margin: 10px 0 0 95px;
}
section.account div.block-body h2 a {
	color: #333;
	font-size: 20px;
}
section.account div.block-body p {
	margin: 2px 0 0 95px;
}

section#account-service-level-agreements div.block-body {
	background-image: url('img/administration-icon-sla-agts.png');
}
section#account-manage-customers div.block-body {
	background-image: url('img/administration-icon-customer-mgmt.png');
}
section#account-my-foto div.block-body {
	background-image: url('img/account-icon-photo.png');
}
section#account-application-access div.block-body {
	background-image: url('img/account-icon-app-access.png');
}


section.create {
	min-height: 200px;
	margin-bottom: 20px;
}
section.create div.block-body {
	background-position: 20px 20px;
	background-repeat: no-repeat;
	min-height: 85px;
	padding: 15px;
}
section.create div.block-body h2 {
	margin: 15px 0 0 95px;
}
section.create div.block-body p {
	clear: both;
	margin: 0 0 0 95px;
	padding-top: 10px;
}


section#welcome {
/*	margin: 0 auto;
	width: 650px;*/
    margin-top: 30px;
}

div#welcome-header {
	/*width: 610px;*/
    padding-left: 180px;
    padding-top: 15px;
    background-image: url('img/welcome-operator.png');
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 183px;
}
div#welcome-header h1 {   
	font-size: 28px;
	font-weight: normal;
    background: url('img/welcome-h1-border.png') no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 40px;
    line-height: 62px;
}
div#welcome-header p {
	color: #666;
	font-size: 20px;
	line-height: 1.1;
	margin: 20px 0 10px 15px;
}
div#welcome-header div span {
	float: right;
}

div.welcome-settings {
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 50px;
	min-height: 160px;
	padding-left: 320px;
}
div.welcome-settings p {
	clear: both;
	margin: 0 0 10px 0;
	padding-top: 10px; 
}
div.welcome-settings span.welcome-settings-done {
	background: url('img/welcome-icon-done.png') 0 40% no-repeat;
	color: #8fcc39;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
}
div.welcome-settings span.welcome-settings-waiting {
	background: url('img/welcome-icon-waiting.png') 0 40% no-repeat;
	color: #666;
	font-size: 16px;
	padding-left: 20px;
}

section#welcome .big-blue-circles
{
    margin-left: 195px;
}

section#welcome .actions
{
    margin-top: 40px;
    font-size: 20px;
    text-align: center;
}


div.welcome-set-basic-parameters {
	background-image: url('img/welcome-set-basic-parameters.png');
}
div.welcome-create-email-notifications {
	background-image: url('img/welcome-create-email-notifications.png');
}
div.welcome-enter-your-operators {
	background-image: url('img/welcome-enter-your-operators.png');
}
div.welcome-define-your-customers {
	background-image: url('img/welcome-define-your-customers.png');
}
div.welcome-change-default-sla {
	background-image: url('img/welcome-change-default-sla.png');
}
div.welcome-set-your-service-list {
	background-image: url('img/welcome-set-your-service-list.png');
}
div.welcome-read-the-help {
	background-image: url('img/welcome-read-the-help.png');
}


#tabUser.active > a {
    background-color: #EDF3FA;
    border-color: #B8D2EB;
    border-bottom-color: transparent;
}

#tabEmail.active > a {
    background-color: #FFF6D9;
    border-color: #FFC90F;
    border-bottom-color: transparent;
}






p.description
{
	/*font-style: italic;*/
	margin: 5px 0 10px 0;
}


#formNewTicket .attribute-boxes .block.new-ticket-slider {
}

section.new-ticket-slider div.block-body {
	padding: 12px;
}
section.new-ticket-slider table {
	float: left;
	width: 70px;
}
table.ticket-slider-table {
	margin-right: 20px;
}
table.ticket-slider-table strong {
	color: #1a1a1a;
	margin-right: 20px;
    text-overflow: ellipsis;
}

.attribute-boxes table.ticket-slider-table strong
{
    width: 100px;
    display: inline-block;
    overflow: hidden;
}

table.ticket-slider-table td.slider-labels
{
    text-align: center;
}

div.ticket-slider {
	background: url('img/slider-background.png') no-repeat;
	height: 10px;
	padding: 0 10px;
	position: relative;
	width: 250px;
}
div.ticket-slider a {
	background: url('img/slider-set.png') no-repeat;
	height: 20px;
	margin-left: -9px;
	position: absolute;
	top: -4px;
	width: 18px;
}


div#new-ticket-save {
	clear: both;
	padding-bottom: 10px;
	text-align: left;
    margin-top: 20px;
}

div#new-ticket-save input[type="submit"]{
    min-width: 150px;
}



.white-round-box {
    border: 1px solid #E6E6E6;
	background-color: white;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

    padding: 40px;
}

section#error {
	margin: 80px auto 40px auto;
	max-width: calc(500px + 20%);
}

.requestorcom
{
    margin-top: 40px;
    text-align: center;
}

.requestorcom a
{
    color: gray;
}



#login-news {
	background: #F5F5F5 url('img/login-news.png') left bottom repeat-x;
	padding-bottom: 90px;
	width: 460px;
	margin: 0 auto;
	color: #686868;
	font-size: 13px;
	margin-bottom: 65px;
}
.login-news-head {
	background: url('img/login-news-head.png') left top repeat-x;
	padding: 30px 0 15px 25px;
	width: 435px;
	border-bottom: 1px solid #CCCCCC;
}
.login-news-head a {
	font-size: 16px;
	margin: 3px 0 0 10px;
	display: inline-block;
	text-decoration: underline;
}
.login-news-title {
	color: #333333;
	font-size: 20px;
	/*float: left;*/
}
.login-news-title.rss-icon {
	background: url('img/rss-icon.png') left 5px no-repeat;
	padding-left: 30px;
}
#login-news .news-item a {
	color: #438B9A;
	font-size: 16px;
	text-decoration: underline;
}
#login-news .news-item {
	padding: 15px 0 12px 55px;
	width: 405px;
	border-bottom: 1px solid #CCCCCC;
}
#login-news .news-item span.tag {
	background: #F3A30D;
	padding: 1px 6px 1px 6px;
	color: #FFFEFD;
	display: inline-block;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px !important;
}



section#error > div {
	background: #EDF3FA url('img/error-background.png') center bottom no-repeat;
	border-bottom: 1px solid #B8D2EB;
	padding: 35px 40px 210px 40px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

    text-align: center;
}

section#error div h1 {
	color: #105e6d;
	font-size: 19px;
	font-weight: normal;
	margin: 0;
	text-align: center;
	text-shadow: white 0 1px 0;
}

section#error div h1 strong {
	font-weight: bold;
}

section#error div p.center {
	font-size: 13px;
	margin-top: 10px;
	text-align: center;
}

section#error div a {
	text-decoration: underline;
}
section#error div a:hover,
section#error div a:focus {
	text-decoration: none;
}

div#error-info {
	/*background: url('img/error-info.png') 3px 5px no-repeat;*/
	/*float: left;*/
	font-size: 13px;
	padding: 5px 5px 5px 15px;
    overflow: auto;
    max-height: 250px;
    /*max-width: 500px;*/
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid silver;
    font-family: monospace;
    white-space: normal;
    text-align: left;
    border-radius: 4px;

}
div#error-info a {
	text-decoration: underline;
}
div#error-info a:hover,
div#error-info a:focus {
	text-decoration: none;
}



/* Tables */

td.ticket-deadline {
	color: #1a1a1a;
	line-height: 1.6;
}
td.ticket-deadline em {
	color: #1a1a1a;
	font-style: normal;
	font-weight: bold;
}
td.ticket-deadline strong, div.ticket-deadline strong {
	color: #d40000;
}

div.ticket-deadline strong
{
    font-weight: bold;
}

span.ticket-progress-bar {
	border: 1px solid #3276B1;
	display: block;
	float: left;
	height: 14px;
	margin: 3px 5px 0 0;
	width: 90px;

    background-color: #f7f7f7;
    overflow: hidden;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
span.ticket-progress-bar span {
    background-color: #0e90d2;
	height: 100%;
    display: block;
	width: 0;

    background-image: -moz-linear-gradient(top,#3276B1,#0480be);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#3276B1),to(#0480be));
    background-image: -webkit-linear-gradient(top,#3276B1,#0480be);
    background-image: -o-linear-gradient(top,#3276B1,#0480be);
    background-image: linear-gradient(top,#3276B1,#0480be);
    background-image: -ms-linear-gradient(top,#3276B1,#0480be);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#3276B1',endColorstr='#0480be',GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

span.meter-text
{
    min-width: 35px;
    text-align: right;
    display: inline-block;
}



/* Forms */

select {
	background-color: white;
	border: 1px solid #999999;
	color: black;
	font-size: 14px;
	padding: 4px 3px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
    
}

.control-round-box {
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
    margin: 1px;
    border: 1px solid #bcbcbc;
}


.like-textarea {
	background-color: white;
	border: 1px solid #CED4DA;
	color: black;
	font-family: inherit;
	padding: 0.5rem;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

    min-height: 16px;
}


/* trida .input-text je urcena ke smazani, hromadne odstranit z html - kontrola, zda je vsechno prepsano do BS5 */
input.input-text {
	background-color: white;
	border: 1px solid #999999;
	color: black;
	font-size: 14px;
	padding: 4px 3px;
}

input.input-text[disabled] {
	background-color: #f5f5f5;
	border: 1px solid #8d8d8d;
	color: gray;
}



.form-required input[type="text"],
.form-required select,
.form-required textarea {
	border-color: #ae3a3a;
}
.form-required strong {
	color: #ae3a3a;
	font-weight: bold;
}

input[type="text"][data-val-required]:not(.is-invalid):not(.is-valid),
input[type="password"][data-val-required]:not(.is-invalid):not(.is-valid),
input[type="number"][data-val-required]:not(.is-invalid):not(.is-valid),
select[data-val-required]:not(.is-invalid):not(.is-valid) + span.select2 span.select2-selection, /* ram i kolem Select2 */
textarea[data-val-required]:not(.is-invalid):not(.is-valid),
input.required[type="text"]:not(.is-invalid):not(.is-valid),
input.required[type="password"]:not(.is-invalid):not(.is-valid),
input.required[type="number"]:not(.is-invalid):not(.is-valid),
input.required[type="checkbox"]:not(.is-invalid):not(.is-valid),
textarea.required:not(.is-invalid):not(.is-valid),
select.required:not(.is-invalid):not(.is-valid),
select.required:not(.is-invalid):not(.is-valid) + span.select2 span.select2-selection, /* ram i kolem Select2, kde puvodni select ma tridu required */
input.border-required[type="text"]:not(.is-invalid):not(.is-valid), /* kde nemuzu pouzit .required, protoze brani odeslani formulare, ale chci tu barvu */
input.border-required[type="password"]:not(.is-invalid):not(.is-valid), /* kde nemuzu pouzit .required, protoze brani odeslani formulare, ale chci tu barvu */
input.border-required[type="number"]:not(.is-invalid):not(.is-valid), /* kde nemuzu pouzit .required, protoze brani odeslani formulare, ale chci tu barvu */
input.border-required[type="checkbox"]:not(.is-invalid):not(.is-valid), /* kde nemuzu pouzit .required, protoze brani odeslani formulare, ale chci tu barvu */
textarea.border-required:not(.is-invalid):not(.is-valid), /* kde nemuzu pouzit .required, protoze brani odeslani formulare, ale chci tu barvu */
select.border-required:not(.is-invalid):not(.is-valid), /* kde nemuzu pouzit .required, protoze brani odeslani formulare, ale chci tu barvu */
select.border-required:not(.is-invalid):not(.is-valid) + span.select2 span.select2-selection /* ram i kolem Select2, kde nemuzu pouzit tridu required, protoze brani odeslani formulare */ {
	border-color: #D5A6A6;
}





/* Class */

.block {
	border: 1px solid #bebebe;
	
	margin: 20px 0;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.block-half {
	margin-top: 0;
	width: calc(50% - 10px);
}
.block-header,
.block-header-clean {
    background-color: #f3f3f3;
	border-bottom: 1px solid #bebebe;
	color: black;
	font-size: 14px;
	font-weight: normal;
	min-height: 20px;
	margin: 0;
	padding: 0 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.block-header-clean span {
	padding: 2px 10px;
}

.block.rolled-up .block-header
{
    cursor: pointer;
}

.block-header-big {
	background-color: #F3F3F3;
	border-bottom: 1px solid #bebebe;
	color: #105e6d;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 9px 12px;
}

.block-header-big a {
    cursor: pointer;
}

.block-header-big h3 {
    margin: 0;
}

.block-header span.block-question {
	background-image: url('img/block-question-header.png');
	margin-top: 1px;
}

.block-header button.right {
    margin-top: -4px;
}

.block-body {
	padding: 15px 15px 0 15px;
	background-color: white;
	min-height: 1px;
}
.block-body h2 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
}
.block-body h3 {
	font-weight: normal;
	height: 20px;
	margin-top: 0;
}
.block-body h4 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #666;
}

.block-body hr {
	border: 0;
	border-top: 1px dotted #bebebe;
	height: 1px;
	margin-bottom: 12px;
}
.block-body hr.hr-edge {
	margin: 0 -15px 12px -15px;
}
.block-menu {
	padding: 8px 8px 0 8px;
}
.block-menu ul {
	list-style-type: none;
	margin: 0 0 8px 10px;
	padding: 0;
}
.block-menu a {
	color: #105e6d;
}
span.block-question {
	background: url('img/block-question.png') no-repeat;
	display: block;
	float: left;
	height: 16px;
	margin: 3px 0 0 5px;
	width: 16px;
}

.body-form {
	margin-bottom: 12px;
}
.body-form th {
	font-size: 16px;
	font-weight: normal;
	padding-right: 15px;
	text-align: right;
}

th.vertical-top, td.vertical-top {
	vertical-align: top;
}

th.vertical-top-with-input, td.vertical-top-with-input {
	vertical-align: top;
    padding-top: 5px;
}
th.vertical-top-with-input-select2, td.vertical-top-with-input-select2 {
	vertical-align: top;
    padding-top: 8px;
}
th.vertical-top-with-button, td.vertical-top-with-button {
	vertical-align: top;
    line-height: 35px;
}
.body-form select {
	min-width: 198px;
}

.blue-box {
	background-color: #e2e2e2;
	border: 1px solid #bebebe;
	
	font-size: 20px;
	min-height: 40px;
	margin: 20px 0 0 0;
	padding: 12px 0 0 12px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.table-generic {
	border: 1px solid #bebebe;
	
	border-spacing: 0;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.table-generic td,
.table-generic th {
	padding: 5px 10px;
}
.table-generic th {
	background-color: #F3F3F3;
	border-bottom: 1px solid #bebebe;
	color: #105e6d;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.table-generic th:first-child
{
	border-top-left-radius: 4px;
}

.table-generic th:last-child
{
	border-top-right-radius: 4px;
}

.table-generic td {
	border-top: 1px dotted #bebebe;
	color: #666;
}
.table-generic tr.no-border td {
	border-top: 0;
}
.table-generic tr:hover td {
	background-color: #fafafa;
}

.table-generic.table-generic-all-borders {
    border-collapse: collapse;
}

.table-generic.table-generic-all-borders th {
    border: 1px solid #bebebe;
    font-weight: bold;
    text-align: center;
    vertical-align: middle
}

.table-generic.table-generic-all-borders td {
	border: 1px solid #bebebe;
}


.ul-tree {
	list-style-type: none;
	margin: 5px 0 10px 0;
	padding: 0 0 0 5px;
}
.ul-tree ul {
	list-style-type: none;
	margin-left: -12px;
	padding: 0;
}
.ul-tree li {
	background: url('img/ul-tree-li.png') no-repeat;
	margin-top: -3px;
	padding: 3px 0 0 25px;
}
.ul-tree a {
	color: #105e6d;
}

div.button-header {
	min-height: 50px;
}

span.icon-up, span.icon-down  {
	background-repeat: no-repeat;
    background-position: right center;
	height: 16px;
	width: 16px;
    padding-right: 20px;
}

span.icon-down {
	background-image: url('img/icon-down.png');
}

span.icon-up
{
    background-image: url('img/icon-up.png');
}

.icon-edit {
	background: url('img/icon-edit.png') no-repeat;
	display: block;
	float: left;
	height: 16px;
	margin: 1px 0 0 5px;
	width: 16px;
}

.radius {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}


.margin-top {
	margin-top: 10px;
}
.margin-top-big {
	margin-top: 20px;
}
.margin-top-bigger {
	margin-top: 40px;
}
.margin-top-small {
	margin-top: 5px;
}

.margin-bottom {
	margin-bottom: 10px;
}
.margin-bottom-big {
	margin-bottom: 20px;
}
.margin-bottom-bigger {
	margin-bottom: 40px;
}
.margin-bottom-small {
	margin-bottom: 5px;
}

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

.margin-left-small {
	margin-left: 5px;
}

.margin-left-big {
	margin-left: 20px;
}
.margin-left-bigger {
	margin-left: 40px;
}

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

.margin-right-small {
	margin-right: 5px;
}

.margin-right-big {
	margin-right: 20px;
}
.margin-right-bigger {
	margin-right: 40px;
}

.margin-top-none {
	margin-top: 0;
}

.margin-bottom-none {
	margin-bottom: 0;
}

.margin-none {
    margin: 0;
}

tr.margin-top > td{
	padding-top: 10px;
}

tr.margin-bottom > td{
	padding-bottom: 10px;
}


.left {
	float: left;
}
.right {
	float: right;
}

.right-align, .text-right
{
    text-align: right;
}

.text-center {
    text-align: center;
}

.nowrap
{
    white-space: nowrap;
}

.clear {
	clear: both;
}

.panel-file {
	border: 1px solid #bebebe;
	background-color: #f9f9f9;
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.file {
}

.file .size
{
	font-size: 85%;
}

.file .sizeAlt {
    font-size: 85%;
    color:#999;
}

.file.private {
    background-color: #FFF6D9;
}

.file.private .fa-paperclip {
    /*color: #FFC90F;*/
    color: #be970c;
}

.file .file-icon {
	font-size: 120%;
	margin-right: 5px;
}

.ticket-message-attachments .file.private {
    background-color: transparent;
}

.whispered-item[data-selected=true] {
	background-color: #dddddd;
}

ul.sighting-users {
	list-style-type: none;
	padding: 0;
	margin: 0;
	scrollbar-width: thin;
}

a.chat-link {
    display: flex;
    flex-wrap: nowrap;
    align-items:center;
}

.nav > li > a.chat-tab {
    display: flex;
    flex-wrap: nowrap;
    align-items:center;
    font-size: larger;
}

.nav > li > a > span.chat-tab-text {
    padding-left: 8px;
    padding-right: 8px;
}

.nav > li > a > div.chat-tab-sum {
    border-radius: 0.8em;
    font-weight: bold;
    color: white;
    width: 1.6em;
    height: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.chat-link-sum-glaring {
    background-color: red;
    color: aliceblue;
}

.divChatEvent-container {
}

.divChatEvent-fixedContainer {
    position: fixed;
    z-index: 99999;
    top: 0px;
}
.divCallerEvent-fixedContainer {
    position: fixed;
    top: 0px;
    z-index: 99999;
}

.divChatEvent {
    position: absolute;
    width: 500px;
    right: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 3px;
    border-color: #ababab;
    background-color: white;
    color: gray;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
}

.call-notification {
    color: green;
}

.chat-event-item-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.chat-event-item-message {
    flex: 1 1 auto;
    padding: 4px;
}

p.chat-event-item-message-text {
    white-space: normal;
    font-size: 100% !important;
}

.chat-event-item-message-name {
    
}

.chat-event-item-icon {
    margin: 6px;
    color: black;
    flex: 0 0 auto;
}

.chat-event-item-button-group {
   flex: 0 0 auto;
}

button.chat-event-item-button,
a.chat-event-item-button {
   width: 7em;
}

i.fab.fa-facebook-messenger {
    color: #0078FF;
}

.vertical-center-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.horizontal-center-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.color-indication {
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    border-color: white;
}

.call-item {
    cursor: pointer;
	color:black;
}

.call-item-selected {
	/*background-color: #0d6efd !important;
	color: white !important;*/
}

.call-item:hover {
	background-color: #e8e8e8;
}

.call-left-box {
    float:left;
    box-sizing: border-box;
    width: 20%;
    margin-right: 5px;
    max-height: 1000px;
    overflow-y: auto;
}

.call-left-box > ul {
    padding: 5px;
    background-color: #F5F6F7;
    border: 1px solid #DDD;
    border-radius: 5px;
}

.call-center-box{
    float: left;
    width: calc(100% - 20% - 8px);
}

.chat-avatar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: larger;
    color: white;
    border-radius: 50%;
    width: 2.4em;
    height: 2.4em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.chat-facebook-avatar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4em;
}

.text-truncate-3-lines {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.nothing-help-box {
            color: #838d93;
            border: 1px solid #e8ecf3;
            border-radius: 5px;
            font-size: 90%;
            background: #f5f6f7;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: stretch;
            align-items: flex-start;
            margin: 10px 0;
            margin-top: 52px;
        }

.nothing-help-box i.fa {
    font-size: 250%;
    order: 0;
    margin: 5px 5px 5px 10px;
    opacity: 0.5;
}

.ui-widget .form-group button.btn { /* fix kolize jquery UI a BS - zlobi input-group-btn v jquery UI dialogu */
    font-size: 14px;
}

.change-category-risk-1 { background-color: #D40000; color: white; }
.change-category-risk-2 { background-color: #DC5A38; color: white; }
.change-category-risk-3 { background-color: #F4AC25; color: #1a1a1a; }
.change-category-risk-4 { background-color: #FFD42A; color: #333333; }
.change-category-risk-5 { background-color: #AADE87; color: #4d4d4d; }