/*
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";
//================================
.uiUserNotificationPortlet {
	padding: 20px 30px;
	.alert {
		left: 60%;
		position: absolute;
		transform: translate(-50%);
		margin-top: -10px;
	}
	[class^="uiIconPLF"] {
        .font-icon();
	}
	.uiIconPLFWeb:before {
        content: "\e73a";
	}
	.uiIconPLFMail:before {
        content: "\e6b8";
	}
	.status-false {
		color: @baseColorLight;
	}
	.status-true {
	}
	.uiGrid.table {
		tr.disable {
			color: @baseColorLight;
		}
		tr {
			td {
				&:first-child{
					>label{
						padding-left: 20px;
					}
				}
			}
			td .view .edit-mode,
			td .view .btn {
				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;
    	}
    }
    .edit-mode {
    	.labelForm {
    		line-height: 28px;
    		margin-right: 10px;
    	}
    }
    .channel-container {
        position: relative;
        .right-container {
            position: absolute;
            top: 50%;
            right: 0;
            .translate(0, -50%);
        }
    }
    .form-horizontal {
    	padding-top: 5px;
    }
    .channel-actives {
    	margin-bottom: 15px;
    	.pull-left + .pull-left {
        	margin-left: 20px;
        }
    }
}
.uiNotificationSettings {
    .uiSocTitleBar {
        margin-bottom: 10px;
        h4 {
            color: @linkColor;
            margin-bottom: 15px;
        }
    }
    .uiCheckbox {
        margin: 0;
        & > span {
            margin-left: 1px!important;
        }
    }
    .form-horizontal {
        table {
            thead {
                tr {
                    th:last-child {
                        width: 50%;
                    }
                }
            }
        }
    }
}