/* Style for Button for add deputat */
#container-add-deputat {
	display: none;
}
.headline {
	display: flex;
	margin-right: 20px;
	margin-bottom: 10px;
	justify-content: space-between;
	align-items: baseline;
}
.headline button{
	background-color: #00abf8;
	padding: 7px 10px;
	border: none;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	margin-left: 10px;
	height: 39px;
}
.headline button:hover {
	cursor: pointer;
}

/* Style for page add deputat */
#appeal-deputat_add_form {
	width: 100%;
}
#appeal-deputat_add_form input {
	width: 250px;
}

/* style for submit add deputat */
#appeal-add-deputat-button,
#one-deputat-form-save {
	background-color: #00abf8;
	padding: 7px 10px;
	border: none;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	width: 90px;
	margin-left: 10px;
}

.appeal-form {
	border: 1px solid red;
	background-color: green;
}

/* appeal-error */
#appeal-error, 
#add-deputat-error,
#all-deputat-list-error,
#one-appeal-error,
#one-deputat-error,
#settings-error,
#one-answer-textarea-error {
	background-color: red;
	color: white;
	padding: 5px 10px;
	display: none;
	border: 1px solid red;
}

/* appeal-successful */
#appeal-successful,
#add-deputat-successful,
#one-appeal-successful,
#one-deputat-successful,
#settings-successful,
#one-answer-textarea-successful {
	display: none;
	background-color: green;
	color: white;
	font-weight: bold;
	padding: 5px 10px;
}

/* style for all appeal list and all deputat list */
#appeal-all-list-content,
#all-deputat-list {
	margin-top: 26px;
	background-color: #fff;
	width: 98%;
	overflow-x: scroll;
}
#appeal-all-list-content table,
#all-deputat-list table {
	border: 1px solid #000;
}

#appeal-all-list-content table tr,
#all-deputat-list table tr {
	border: 1px solid #000;
}
#error-message {
	display: none;
}

/* style for pagination */
.pagination {
	display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>.active>a {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #00abf8;
    border-color: #00abf8;
}
.pagination>li>a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #00abf8;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

/* style for all appeal list table */
.clicable:hover {
	cursor: pointer;
}


/* style for one appeal */
#one-appeal {
	display: none;
}
.one-appeal-data {
	margin-bottom: 20px;
}
.one-appeal-data ul {
    font-size: 13px;
}
.one-appeal-files {
	margin-left: 20px;
    max-width: 400px;
    display: inline;
}
.one-appeal-files img {
	margin-left: 10px;
	max-width: 300px;
    margin-top: 20px;
}

#one-appeal-container {
	width: 98%;
	margin-top: 26px;
}
.one-appeal-data-message {
	font-size: 19px;
	line-height: 1.4em;
	overflow-wrap: break-word;
}

.one-appeal-button-container {
	display: flex;
    justify-content: center;
    margin-top: 20px;
}
.one-appeal-button-container button,
#one-appeal-save-answer {
    background-color: #00abf8;
    padding: 7px 10px;
    border: none;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
}
.one-appeal-button-container button#one-button-delete {
	background-color: red;
	margin-left: 20px;
}

/* style for one deputat */
#one-deputat {
	display: none;
}

/* code for img-loading-hidden and img loading */
.img-loading-hidden {
	display: none;
}

/* стили для условия соглашения и кнопка принимаю условия */
.zagalovok-uslovie {
	text-align: center;
}
#wrap-button {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

/* styles for appeal form button */
#appeal-add-button {
	margin-top: 20px;
}

/* styles for last appeal frontend */
.fname {
	font-size: 19px;
    font-weight: bold;
}

.appeal-user-text {
	font-size: 15px;
}
.appeal-data {
    margin-right: 5%;
}

.appeal-data,
.appeal-deputat-name {
	font-size: 12px;
    color: #888;
}

#one-appeal-button-answer {
	margin-left: 20px;
}
#one-appeal-button-answer-textarea {
	width: 50%;
	height: 200px;
}
#one-answer-block {
	display: none;
}

#one-appeal-hide-appeal-select {
	margin-left: 20px;
}


/* last appeal on frontend */
.appeal-user-text {
	margin: 0;
}
.fname {
	margin: 10px 0 0 10px;
}
.answer-title {
	font-size: 19px;
    font-weight: bold;
}
.appeal-deputat-name {
	margin-right: 11px;
}
.last-appeal-data-author {
	padding: 10px;
	display: flex; 
	justify-content: space-between;
}
.answer-p {
	margin-bottom: 0 !important;
}
.last-appeal-container {
	border: 1px solid #f5f1f1;
	border-radius: 3px;
}
.appeal-user-text {
	overflow-wrap: break-word;
    padding: 0 10px 0 10px;
}
.last-appeal-answer-text {
	margin: 10px 0 16px 0 !important;
	overflow-wrap: break-word;
    padding: 0 10px 10px 0;
}
.appeal-user-text,
.last-appeal-answer-text {
	max-height: 200px;
	overflow-y: scroll;
	overflow-x:hidden;
}

.last-appeal {
	/*width: 80%;*/
	float: left;
	margin-bottom: 8px;
	padding: 5px 10px;
}

.last-appeal-answer-block {
	width: 80%;
	float: right;
	margin-bottom: 8px;
	margin-right: 10px;
}
.last-appeal-container {
	margin-bottom: 20px;
}

.last-appeal-container::after { 
  content: "";
  clear: both;
  display: block;
}

/* styling for table in admin panel */

.appeal-table, .appeal-table th, .appeal-table td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.appeal-table th, .appeal-table td {
  padding: 8px;
}
.appeal-table th {
  text-align: left;
}

.appeal-table {
	width:100%;
 	border-spacing: 5px;
}


.appeal-table tr:nth-child(even) {
  background-color: #eee;
}
.appeal-table tr:nth-child(odd) {
  background-color: #fff;
}
.appeal-table th {
  color: white;
  background-color: #00abf8;
}


/* style for settings block */

#writer-email {
	width: 50%;
}

#terms_of_agreement {
	width: 50%;
	height: 176px;
}