/* general styles - please not that there are also definitions within the theme! */
.manage-alerts .button-container .button-dropdown button.showEdit {
	display: block;
	width: 100%;
	background: white;
	padding: 12px 20px 12px 36px;
	text-align: left;
}
.manage-alerts .button-container .button-dropdown button.showEdit:hover {
  background: #f0f0f0;
}

.manage-alerts .button-container .button-dropdown button.showEdit:before {
	display: block;
    position: absolute;
    font-size: 14px;
    top: 13px;
    left: 12px;
    z-index: 2;
	speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    background-image: none;
	font-family: 'dse-icons';
	content: "\e934";
}

.manage-alerts .button-container .button-dropdown .approve-button:before {
	font-family: 'dse-icons';
    content: "\e91d";
	speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    background-image: none;
}

.manage-alerts .button-container .button-dropdown .reject-button:before {
	font-family: 'dse-icons';
    content: "\e91a";
	speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    background-image: none;
	font-size: 10px;
    top: 16px;
    left: 14px;
}

.manage-alerts .overlay {
	text-align: center;
    margin: 0;
	z-index: 9;
}

.manage-alerts  .loader {
	display: inline-block;
    position: relative;
    overflow: hidden;
    font-size: 0;
    color: #565756;
	top: 50%;
    padding: 5px;
}

.manage-alerts  .loader.element::before {
    width: 40px;
    height: 40px;
    border-width: 3px;
}
.manage-alerts  .loader::before {
    border-top: 3px solid #E6E6E6;
    border-right: 3px solid #E6E6E6;
    border-bottom: 3px solid #E6E6E6;
    border-left: 3px solid #565756;
    overflow: hidden;
    content: '';
    display: block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: circle 0.85s infinite linear;
    animation: circle 0.85s infinite linear;
}


.manage-alerts  .approval-pending > td.title{
	border-left: 6px solid orange;
}

.manage-alerts  .approval-approved > td.title{
	border-left: 6px solid #6EA046;
}

.manage-alerts  .approval-rejected > td.title{
	border-left: 6px solid #9F1924;
}


/* inbox styles */

.daimler-alert-inbox h4 {
	font-size: 18px;
}


.daimler-alert-inbox h5.subheadline:before {
	speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    background-image: none;
	font-family: 'dse-icons';
	font-size: 17px;
	margin-right: 5px;
}

.daimler-alert-inbox .dse-icon-glyph {
	speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    background-image: none;
	font-family: 'dse-icons';
	font-size: 48px;
    opacity: .2;
	position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
}

.daimler-alert-inbox  .icon-urgent:before {
	content: "\e931";
	color: #cc0000;
}

.daimler-alert-inbox  .icon-info:before {
	content: "\e936";
}

.daimler-alert-inbox  .icon-moderation:before {
	content: "\e932";
}

.daimler-alert-inbox  .icon-approved:before {
	content: "\e91d";
	color: #6EA046;
}

.daimler-alert-inbox  .icon-rejected:before {
	content: "\e91a";
	color: #9F1924;
	font-size: 38px;
}

.daimler-alert-inbox span.subheadline {
	font-weight: bold;
}

.daimler-alert-inbox span.subheadline.dse-font:before {
	font-family: 'dse-icons';
}


.daimler-alert-inbox span.subheadline.jive-glyphs:before {
    font-family: 'jiveglyphs';
	padding-right: 5px;
}

.daimler-alert-inbox span.subheadline.space-icon:before {
	content: "\e939";
}

.daimler-alert-inbox span.subheadline.clock-icon:before {
	content: "\e107";
}


.daimler-alert-inbox span.subheadline.info-icon:before {
	content: "\e362";
}

.manage-alerts .applicationSpace .selectize-dropdown .option {
    font-size: 14px;
}

.manage-alerts .hour input,
.manage-alerts .minute input,
.manage-alerts .period input{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.manage-alerts .fields .applicationSpace .selectize-input{
    height: auto;
    min-height: 48px;
    padding: 13px 83px 13px 15px;
}

.manage-alerts .fields .alert_users .item,
.manage-alerts .fields .alert_groups .item{
    display: block;
    font-size: 14px;
    margin-right: 0;
}

.alerts-date-error {
    margin: 5px 20px 0px 20px !important;
    color: #FF0000;
    font-family: DaimlerCS-Light, Arial, sans-serif;
    font-size: 14px;
}

.alert-date-selector .selectize-control.hour,
.alert-date-selector .selectize-control.minutes,
.alert-date-selector .selectize-control.period {
    height: 50px !important;
}