/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
@import "../../../variables.less";
@import "../../../mixins.less";

.uiNotificationAdmin {
	padding: 20px 10px;
    .senderForm {
    	label {
            line-height: 27px;
            margin-bottom: 0;
            margin-right: 6px ~'; /** orientation=lt */ ';
            margin-left: 6px ~'; /** orientation=rt */ ';
    	}
    }
    .uiIconPLFWeb:before {
        content: "\e73a";
    }
    .uiIconPLFMail:before {
        content: "\e6b8";
    }
	.uiGrid.table {
		thead {
			th:last-child {
				width: 40%;
			}
		}
		tr.disable {
			color: @tableBackgroundAccent;
		}
		tr {
			td {
				&:first-child{
					>label{
						padding-left: 20px;
					}
				}
			}
			td .view .edit-mode,
			td .view .save-setting {
				display: none;
			}
			td .edit .view-mode,
			td .edit .edit-setting {
				display: none;
			}

		}
	}

	.view-mode, .edit-mode {
		> div {
			padding: 2px 0;
		}
	}
	.view-mode {
		[class^="uiIconPLF"] {
			margin-right: 4px;
		}
		> span {
			color: @baseColorLight;
		}
	}
	.edit-mode {
		.uiCheckbox {
			margin-left: 0 ~'; /** orientation=lt */ ';
			margin-right: 0 ~'; /** orientation=rt */ ';
			.checkbox + span {
				padding-left: 6px ~'; /** orientation=lt */ ';
				padding-right: 6px ~'; /** orientation=rt */ ';
			}
		}
	}
	.plugin-container {
		position: relative;
		.right-view {
			position: absolute;
			top: 50%;
			right: 0 ~'; /** orientation=lt */ ';
			left: 0 ~'; /** orientation=rt */ ';
			.translate(0, -50%);
		}
	}
	.inputContainer {
		margin: 0 auto;
	}
}


@media (max-width: 480px) {
    .uiNotificationAdmin {
       padding: 15px 10px;
    }
}