/**
 * Notifications styles
 */

body.post-type-notification {

	.notifications-section-title {
		margin-top: 2em;
	}

	#notification-boxes {

		.postbox {

			h2.hndle {
				cursor: pointer;
			}

			.switch-container {
				float: right;
				height: 36px;
				margin: auto;
				text-align: center;

				.switch {
					display: inline-block;
					font-size: 20px;
					height: 1em;
					width: 2em;
					background: #c5c5c5;
					border-radius: 1em;
					margin-top: 8px;
					margin-right: 10px;

					&.active {
						background: #7dcc4c;
					}

					input {
						display: none;

						&:checked + div {
							-webkit-transform: translate3d(100%, 0, 0);
							-moz-transform: translate3d(100%, 0, 0);
							transform: translate3d(100%, 0, 0);
						}

					}

					div {
						height: 1em;
						width: 1em;
						border-radius: 1em;
						background: #FFF;
						box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
						-webkit-transition: all 300ms;
						-moz-transition: all 300ms;
						transition: all 300ms;
					}

				}



			}

			.inside {

				.form-table {
					@media ( max-width: 1200px ) {

						>tbody {
							>tr {
								>th, >td {
									display: block;
									    padding: 10px 10px 5px 10px;
								}
							}
						}

					}
				}
			}

		}

	}

}
