#aocs-main-container {
	position: relative;
	width: 100% !important;
	height: 100% !important;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#aocs-main-container .viewFrame {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

#aocs-main-container .loaded {
	text-align: center;
	background-color: var(--theme-body-bg);
	transform: translateY(50%);
	-ms-transform: translateY(50%);
}

#aocs-main-container .loaded i {
	color: var(--theme-800);
}

.modal-tab-selection
{
	width	: 100%;
	height	: 32px;
}

/* Alert modal */
.trigger-alerts-tab
{
	position 				: relative;
	float 					: left;
	text-align 				: center;
	width 					: 50%;
	margin 					: -2px;
	border-top-left-radius 	: 10px;
	border-top-right-radius : 10px;
	padding 				: 8px;
	cursor 					: pointer;
	color                   : var(--theme-body-color);
	border					: 1px solid var(--theme-button-bg);
}

.trigger-alerts-modal-tab-SELECTED,
.trigger-alerts-tab:hover
{
	font-weight :bolder;
	background-color: var(--theme-button-bg);
}

.trigger-alerts-modal > .modal-dialog, 
.trigger-alerts-modal > .modal-content
{
	width: 1000px !important;
}

.trigger-alert-ele-margin
{
	margin-bottom: 10px;
}

#hidden-work-group-table
{
	margin-top:5px;
}

#hidden-work-group-table td
{
	padding:10px 6px;
	width: 30px;
}

#hidden-work-group-table td img
{
	width: 20px;
	height: 20px;
}

#hidden-affected-entities-table td img
{
	width: 60px;
	height: 60px;
}

#hidden-work-group-table .text-label
{
	font-weight: 500;
}

/* E scheduler modal */

/* OPERATION DETAIL START */
.operation-details-modal > .modal-dialog,
.operation-details-modal > .modal-content
{
	width:1000px !important;
}

.operation-details-modal .operation-details-modal-general-style
{
	margin-top: 1px;
    margin-left: -1px;
	padding: 20px;
	height: 600px;
	overflow-y: auto;
}

.operation-details-modal .operation-details-modal-tab-style
{
	position 				: relative;
	float 					: left;
	text-align 				: center;
	width 					: 33.3%;
	margin 					: -2px;
	border-top-left-radius 	: 10px;
	border-top-right-radius : 10px;
    padding 				: 8px;
    cursor 					: pointer;
    color                   : var(--theme-body-color);
    border					: 1px solid var(--theme-button-bg);
}

.operation-details-modal .operation-details-modal-tab-style-SELECTED,
.operation-details-modal .operation-details-modal-tab-style:hover
{
	font-weight :bolder;
	background-color: var(--theme-button-bg);
}

.operation-details-modal .error-msg 
{
    color: var(--theme-text-error);
}

.operation-details-modal .cal-modal-button
{
	font-weight : bold;
	border-radius: 15px;
	border: 2px solid rgba( 255, 255, 255, 1 );
}
/* OPERATION DETAIL END */

/* FILTER CATEGORY START */
/*.filter-category-modal table .filter-categories td{*/
/*	width: 150px;*/
/*}*/

/*.filter-category-modal .filter-alert-types,*/
/*.filter-categories{*/
/*	margin-bottom: 15px;*/
/*}*/

/*.filter-category-modal .filter-category-container,*/
/*.filter-category-modal .alert-type-filter-container{*/
/*	margin-bottom: 30px;*/
/*	max-height:300px;*/
/*	min-height:180px;*/
/*	overflow-y:auto;*/
/*	background-color:rgba(30,30,30,0.7);*/
/*}*/

/*.filter-category-modal .cal-filter-button-option*/
/*{*/
/*	cursor 				:pointer;*/
/*	width 				:48%;*/
/*	margin 				:1%;*/
/*	border 				:1px solid rgba(255,255,255,0.3);*/
/*	background-color 	:rgba(50,50,50,0.3);*/
/*}*/

/*.filter-category-modal .cal-filter-button-option-cat-selected*/
/*{*/
/*	background-color 	:rgba(100,100,255,0.3);*/
/*	border 				:1px solid white;*/
/*}*/

/*.filter-category-modal .cal-filter-button-option-alert-selected*/
/*{*/
/*	background-color 	:rgba(150,100,255,0.3);*/
/*	border 				:1px solid white;*/
/*}*/

/*.filter-category-modal .cal-filter-button-option img{*/
/*	height: 50px;*/
/*	width: 50px;*/
/*	border-radius: 20%;*/
/*}*/

/*.filter-category-modal .cal-filter-button-option div{*/
/*	display: inline-block;*/
/*	vertical-align: middle;*/
/*}*/

/*.filter-category-modal .cal-filter-button-option span{*/
/*	width: 200px;*/
/*	line-height: 19px;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
/*	-webkit-line-clamp: 2;*/
/*	-webkit-box-orient: vertical;*/
/*	display: -webkit-box;*/
/*}*/

/*.filter-category-modal .filter-alert-types .magic-checkbox+label,*/
/*.filter-category-modal .filter-categories .magic-checkbox+label{*/
/*	display: inline-block;*/
/*	vertical-align: text-top;*/
/*	margin-left: 5px;*/
/*}*/

/* FILTER CATEGORY END */

/* Recurring Modal Start */
.recurring-detail .button-toggle-round-small {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--theme-button-bg);
    color: var(--theme-button-color);
	border: 1px solid var(--theme-button-bg);
	cursor: pointer;
}

.recurring-detail .day-button {
	margin-left: 5px;
	margin-top: 5px;
}

.recurring-detail .day-button>span{
	margin-left: 10px;
}

.recurring-detail .day-in-month {
	width: 30px;
	height: 30px;
	background-color: var(--theme-button-bg);
    color: var(--theme-button-color);
    border: 1px solid var(--theme-button-bg);
	font-weight: 100;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
	cursor: pointer;
}

.recurring-detail .date-selected  {
	background-color: var(--theme-300);
	color: black;
}

.recurring-detail .magic-radio+label, 
.recurring-detail .magic-checkbox+label {
	display: inline;
}

.recurring-detail #ends table tr,.recurring-detail #ends table td {
	border: none;
}

.recurring-detail .form-control[disabled] {
	background-color: transparent;
}

/* Recurring Modal End */

#aocs-main-container  .btn-group.btn-block {
	display: flex;
	position: absolute;
	bottom: 0;
	height: 40px;

}

#aocs-main-container .btn-group.btn-block .btn.btn-navigation {
	border: 1px solid var(--gray-900) !important;
	padding-right: 50px;
	padding-left: 50px;
	border-radius: 0;
	color: #fff;
	font-weight: bold;
	background: linear-gradient(0deg, var(--gray-900), var(--gray-800));
	font-size: 1.5em;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

#aocs-main-container .btn-group.btn-block > .btn.active {
	flex: 1;
	border: 1px solid var(--theme-900) !important;
	background: linear-gradient(0deg, var(--theme-900), var(--theme-700)) !important;
	animation:glowing 5s;
	-moz-animation:glowing 5s infinite; /* Firefox */
	-webkit-animation:glowing 5s infinite; /* Safari and Chrome */
}

@-moz-keyframes glowing /* Firefox */ {
	0% {background:var(--theme-700);}
	20% {background:var(--theme-800);}
	40% {background:var(--theme-900);}
	60% {background:var(--theme-1000);}
	80% {background:var(--theme-900);}
	100% {background:var(--theme-800);}
}

@-webkit-keyframes glowing /* Safari and Chrome */ {
	0% {background:var(--theme-700);}
	20% {background:var(--theme-800);}
	40% {background:var(--theme-900);}
	60% {background:var(--theme-1000);}
	80% {background:var(--theme-900);}
	100% {background:var(--theme-800);}
}

#aocs-main-container .slider-container {
	height: calc(100% - 40px);
	width: 100%;
}

#aocs-main-container .left,
#aocs-main-container .right,
#aocs-main-container .centered
{
	position: absolute;
	opacity: 1;
	top: 0;
	left: 0;
	transition: all 0.5s ease-out;

}

#aocs-main-container  .left
{
	left: -100%;
	/*width: 0;*/
	visibility: hidden;
	opacity: 0;
	transition-delay: 0.5s;
}

#aocs-main-container  .right
{
	left: 100%;
	visibility: hidden;
	/*width: 0;*/
}