.left-0{ left:0px;}
.right-0{ right:0px; left: initial;}
.top-0{ top:0px;}
.bottom-0{ bottom:0px; top:initial;}

.summary-customer-td {
 	vertical-align: bottom !important;
    padding: 0px !important;
 }
 
.summary-customer-type {
 	background:#c08cf5;
 	width: 100%;
 	height: 20px;
 	display: block;
    position: relative;
    margin: 0 auto;
    
    text-align: center;
    #position: relative; #top: -50%;  margin-left: auto; margin-right: auto; background-color:#c08cf5;
    color:#fff;
    margin-top: 5px;
    text-transform: uppercase;
}

.summary-link-type {
    background:#5a6268;
    width: 100%;
    height: 16px;
    color:#fff;
    margin-top: 5px;
    font-size: 10px;
}
 
.summary-customer-updated {
    background: #6594CE;
    width: 100%;
    height: 20px;
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
.summary-customer-type-mss {
 	background:#f4a442;
 	width: 100%;
 	height: 20px;
 	display: block;
    position: relative;
    margin: 0 auto;
    
    text-align: center;
    #position: relative; #top: -50%;  margin-left: auto; margin-right: auto; background-color:#f4a442;
    color:#fff;
    margin-top: 45px;
    text-transform: uppercase;
}

/********************* comments with avator ******************************************/
 
 .commets-greenbar{
 	border-left: 4px solid #a7be38;
 	border-bottom: thin solid #EAEAEA;
 }
 
 .commets-bluebar{
 	border-left: 4px solid #4C83C4;
    border-bottom: thin solid #EAEAEA;
    border-right: thin solid #EAEAEA;
 }
 .comment-avator{
 	background-image:url(../images/user.png); 
 	width: 25px;
 	height:25px;
 	display: block;
    float: left;
    margin-right: 5px;
 }
 .comment-tata{
 	background-image:url(../images/tata.png); 
 	height:26px;
 	width:28px;
 	display: block;
    float: left;
    margin-right: 5px;
 }
 .comment-createdBy {
    white-space: nowrap; 
    width: 100px; 
    overflow: hidden;
    text-overflow:ellipsis;
    border:none;
}

.incident-details .nav-tabs>li>a, 
.incident-details .nav-tabs>li.active>a, 
.incident-details .nav-tabs>li.active>a:focus, 
.incident-details .nav-tabs>li.active>a:hover {
	font-size: 0.7em;
}

.incident-details .table-scrollable tbody {
	max-height: 250px;
}

.customerList-izo {
	width: 200px;
	display: inline-block !important;
	margin-left: 30px;
}

.ngdialog.dialogwidth100p .ngdialog-content{
	width:90% !important;
	margin-bottom:40px;
}

.auditTrialTable table tbody {
	max-height: 250px;
}

/**** material autocomplete *****/
 md-autocomplete{ 
 	background: transparent; height:34px !important;
 }
 .md-autocomplete-suggestions-container{background: rgb(255,255,255) !important;}
 md-autocomplete md-autocomplete-wrap{
 	height:34px;
 }
 md-autocomplete input:not(.md-input){
 	line-height: 34px;
 	height:34px;
 }
.material-autocomplete md-autocomplete-wrap{ 
	border: 0px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
}

.md-autocomplete-suggestions li:hover {
	background-color: #4c83c4;
	color:#fff;	
}

.md-autocomplete-suggestions-container li.selected{
	background-color: #4c83c4;
	color:#fff;	
}

.md-whiteframe-1dp, .md-whiteframe-z1{
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, -2.8), 0px 1px 1px 0px rgba(0, 0, 0, -1.86), 0px 2px 1px -1px rgba(0, 0, 0, 0.12) !important;
}
.material-autocomplete md-autocomplete-wrap{margin-right:1px;}
md-autocomplete.loading md-autocomplete-wrap:after{
	width:30px; height:30px;
	font-family: "Gotham A", sans-serif;
	content: "";
    margin: 5px;
    width: 20px !important;
    height: 20px !important;
    box-sizing: border-box;
    border: solid 3px transparent;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

md-autocomplete-wrap:after{
	width:30px; height:30px;
	font-family: 'Tataicon-Regular' !important;
	font-size: 10px;
    color: #CCCCCC;
	content: "g";
    margin: 8px;
    width: 10px !important;
    height: 20px !important;
    box-sizing: border-box;
    position:absolute;
    right:0px;
}
md-virtual-repeat-container{
	z-index: 99999 !important;
}
.md-autocomplete-suggestions-container.md-default-theme li .highlight, .md-autocomplete-suggestions-container li .highlight{ color: #337ab7;}
.input-group.custom-picker{ display:block !important;}

.md-autocomplete-suggestions{
	border:1px solid #CCCCCC;	
}

.md-autocomplete-suggestions li {
    line-height: 36px;
    height: 36px;
}

.md-autocomplete-suggestions-container.md-default-theme li .highlight, .md-autocomplete-suggestions-container li .highlight{
	font-weight:500;
}

.md-autocomplete-suggestions-container li.selected .highlight, .md-autocomplete-suggestions li:hover .highlight{
	color:#FFFFFF;
}

.clockblink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

wysiwyg-edit .tinyeditor .sizer {
	height:250px !important;
}

wysiwyg-edit .tinyeditor .tinyeditor-header  .custom-select {
	border:0px !important;
}


wysiwyg-edit.height-150 .tinyeditor .sizer {
	height:150px !important;
	min-height:150px !important;
}

wysiwyg-edit.height-175 .tinyeditor .sizer {
	height:175px !important;
	min-height:175px !important;
}

wysiwyg-edit.height-200 .tinyeditor .sizer {
	height:200px !important;
	min-height:200px !important;
}

.min-width-20{ min-width:20px;}

.height-25{ height:25px !important;}
.height-50{ height:50px !important;}
.height-75{ height:75px !important;}
.height-100{ height:100px !important;}
.height-125{ height:125px !important;}
.height-150{ height:150px !important;}
.height-200{ height:200px !important;}
.height-225{ height:225px !important;}
.height-250{ height:250px !important;}
.height-275{ height:275px !important;}
.height-300{ height:300px !important;}
.height-325{ height:325px !important;}
.height-350{ height:350px !important;}
.height-375{ height:375px !important;}
.height-400{ height:400px !important;}
.height-425{ height:425px !important;}
.height-450{ height:450px !important;}
.height-475{ height:475px !important;}
.height-500{ height:500px !important;}

.description-text{
	max-height: 200px;
    overflow: hidden;
}

.no-table-design tbody>tr {
	border: none !important;
    box-shadow: none !important;
    background: none !important;
}

.no-table-design table tbody tr td {
    border-right: none !important;
    text-align: none !important;
}

.no-table-design tbody td {
	width: 0px !important;
}

.no-table-design thead th {
	width: 0px !important;
}

.description-text img {
    max-width: 100%;
}

.comments-text{
	max-height: 93px;
    overflow: hidden;
}
.showText{ 
	display:initial;
	overflow: visible;
	height: auto;
	max-height: none;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.showScroll{ overflow-y:scroll;}

.angularjs-datetime-picker{
	z-index: 199999;
}

.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border:0px;
	border-radius: 0px;
	margin-right: 0px;
	font-size: 0.7em;
}
/*Advanced Filter for Summary*/
.summary .advancedFilterContainer span {
	font-weight: 400;
}
.summary .advancedFilterContainer .title {
	margin-bottom: 10px;
	display: inline-block;
}
.summary .advancedFilterContainer .open-close {
	font-size: 35px;
	cursor: pointer;
}
.summary .advancedFilterContainer .options {
	margin-top: 20px;
	text-align: right;
}
.summary .hide-btn {
	width: 80px;
    text-align: center;
    position: relative;
    height: 30px;
    top: -40px;
    right: -15px;
    padding-top: 4px;
    background: #FFFFFF;
    border-radius: 11px 11px 0 0;
    color: #4C83C4;
    font-weight: 500;
    cursor: pointer;
}
.show-btn {
	padding-top: 6px;
    height: 30px;
    width: 80px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    background: #4C83C4;
    border-radius: 7px;
    cursor: pointer;
}
.go-btn .btn {
	padding: 6px 20px;
}
.summary fieldset {
	width: 100%;
}
.summary fieldset.title {
    border-top: 2px solid #ECECEC;
    border-bottom: none;
    border-left: none;
    border-right: none;
    display: block;
    text-align: center;
}
.summary fieldset.title legend {
    padding: 5px 10px;
    width:auto !important;
    border-bottom:0px !important;
    color: rgba(33, 18, 18, 0.58);
}
.tinyeditor-footer .toggle {
	display: none;
}
.deviceList{
    margin: 10px;
}
.displayBlock {
	display: block;
}
.deviceImage {
    width: 50px;
    height: 60px;
    top: 24px;
    left: 18px;
    position: absolute;
}
.deviceContent label {
	font-size: 16px;
}
.deviceContent {
	border: thin solid #ccc;
	box-shadow: 0px 1px 2px #DDDDDD;
    text-align: center;
    position: relative;
    height: 125px;
    padding-left: 85px;
    margin-bottom: 10px;
    transition: all 300ms ease;
    overflow: hidden;
}
.deviceContent .glyphicon-trash {
	visibility: hidden;
}
.deviceContent .info {
	height: 125px;
	border-left: 1px solid #ccc;
	padding: 20px 10px;
}
.deviceContent:hover {
	background: #F7F7F7;
	border-top: 5px solid #a7be38 !important;
	box-shadow: 3px 3px 3px #ccc;
}
.deviceContent:hover label {
	color: #a7be38;
}
.deviceContent:hover .glyphicon-trash {
	visibility: visible;
}

.deviceList {
	transition: all 300ms ease;
	padding:10px 0px;
}
.tableLayoutFixed {
    table-layout: fixed;
}
/***** GMS customer card display*****/
 .card-ul {-webkit-padding-start: 0px;}
.card-ul li{display:list-item; list-style: none; float:left;}
.card-outer-div{height:150px;background: linear-gradient(270deg, #FFFFFF 100%, #F1F1F1 2%);    border: thin solid #ECECEC;
    box-shadow: 0px 1px 2px #DDDDDD;}
.card-inner-div{height:98px; display:inline-block;}
.card-img{top: 0;
    bottom: 0;
    left: 0;
    right: 0;
				width: 50px;
				height: 50px;
    position: absolute;
    border-radius: 28px;
    margin: auto;}


.card-add{border: 1px solid #aeaeae; border-radius: 50px; padding-top: 5px; padding-left: 13px; font-size: 30px;}
.card-text{height:50px; text-align:center; border-bottom:2px solid #4C83C4; padding:5px;}
.card-textnew {height:50px; text-align:center; border-bottom:2px solid green; color:green; padding:5px;}
.customer_index_search button {
    background: #4c83c4;
    color: #FFFFFF;
    border: none;
    padding: 8px 12px;
    position: relative;
    margin-bottom: 10px;
}
.boxclose {
    float: right;
    cursor: pointer;
    color: #fff;
    border-radius: 10px;
    background: crimson;
    font-size: 12px;
    line-height: 0px;
    position: absolute;
    right: 8px;
    width: 12px;
    height: 12px;
    padding-top: 5px;
    top: 14px;
    text-align: center;
    display: table-cell;
}
    .filebrowse {
        position: relative;
        overflow: hidden;
        margin-right: 10px !important;
        left: 16px;
        width: 81%;
        min-width: 150px;
    }
    .filebrowse input.browse {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .options .filebrowse input.browse {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }
.ngdialog.dialogheight500 .ngdialog-content{
    width:500px !important;
    height:100px;
    margin-bottom:40px;
}
.data-loading, .highcharts-loading{
    min-height: 150px;
    position: relative;
    display: block !important;
}
.radioContainer .radio{
    display: inline-block;
}
.breakAll{
	    word-break: break-all;
}
.cursor-auto {
    cursor: auto !important;
}
.readonly-link {
    pointer-events: none;
}

.primaryCi [type="radio"]:not(:checked) + label {
    cursor: pointer;
    margin-right: 10px; 
    padding: 0px 0px 0px 25px;
    border: none;
    border-radius: 0;
    box-shadow: none;    
    }

 .primaryCi [type="radio"]:checked + label {
     box-shadow: none;
    background: none;
    color: black;
}
.word_break {
    word-break: break-word;
}
@media (min-width: 768px) {
    .custom-box-20Percent{
        width: 20%;
    }
    .custom-box-15Percent{
        width: 15%;
    }
}


/*FOR PMS MODULE FROM ITSM - STARTS*/


/**** angular-bootstrap-multiselect styles -> ****/
multiselect, multiselect .btn-group{
  width:100%;
  float: left;
}

multiselect .dropdown-toggle.btn-default:not(.btn-link):not(.btn-flat):not(:disabled){
  width: 100%;
  font-weight: 300;
  border: 1px solid #ccc !important;
  color: #555 !important;
  text-align: left;
  padding-left: 10px;
  font-size: 12px;
}

multiselect .dropdown-toggle.btn-default:not(.btn-link):not(.btn-flat):not(:disabled):hover{
  background: #ffffff !important;
}

multiselect .dropdown-toggle:before{
  right: 5px;
  z-index: 9;
  position: absolute;
  font-size: 10px;
  top: 0px;
  background-color: inherit;
  height: 100%;
  padding: 10px 3px;
  font-weight: 500;
  font-family: 'Tataicon-Regular' !important;
  color: #CCCCCC;
}

multiselect .glyphicon{
  top: 4px;
}
/**** <- angular-bootstrap-multiselect styles ****/

.dropdown-menu{
  max-width:100%;
  min-width: 250px;
}

.summaryTable th{
  cursor: pointer;
}
.summaryTable .st-sort-ascent:before{
  text-transform: initial !important;
  position: absolute;
  right: 0px;
}

.summaryTable .st-sort-descent:before{
  text-transform: initial !important;
  position: absolute;
  right: 0px;
}

/*FOR PMS MODULE FROM ITSM - ENDS*/

/* SIEM popup active broder css */
.siemEventChildActive,.siemEventParentActive {
    border-left: 5px solid #3BC25B;
}

.ui-select-white-bg .select2-container .select2-choice {
    height: 33px;
    padding: 5px;
    background: #FFF;
}

.ticket-tags {
    background: #009688;
    border-radius: 5px;
    padding: 3px 7px;
    color: #FFFFFF;
    font-weight: 500;
    margin-right: 5px;
}

.banner-version-right{    
    position: fixed;
    width: 80px;
    height: 25px;
    background: #EE8E4A;
    top: 7px;
    right: -20px;
    left: auto;
    text-align: center;
    font-size: 12px;
    font-family: sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    z-index: 10000;
    line-height: 27px;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.banner-version-left{
    position: fixed;
    width: 80px;
    height: 25px;
    background: #EE8E4A;
    top: 7px;
    left: -20px;
    text-align: center;
    font-size: 12px;
    font-family: sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    z-index: 10000;
    line-height: 27px;
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.mailbox-filter {
    position: relative;
}
.mailbox-filter ul.sub-menu {
    position: absolute;
    margin-left: 248px;
}
.text-overflow{
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-icon-align{
    margin-top: 16%;
}
.alertList .advancedFilterContainer span {
	font-weight: 400;
}
.alertList .advancedFilterContainer .title {
	margin-bottom: 10px;
	display: inline-block;
}
.alertList .advancedFilterContainer .open-close {
	font-size: 35px;
	cursor: pointer;
}
.alertList .advancedFilterContainer .comp {
	margin-right: 30px;
}
.alertList .advancedFilterContainer .options {
	margin-top: 20px;
	text-align: right;
}
.alertList .advancedFilterContainer .hide-btn {
	width: 80px;
    text-align: center;
    position: relative;
    height: 30px;
    top: -40px;
    right: -15px;
    padding-top: 4px;
    background: #EAEAEA;
    border-radius: 11px 11px 0 0;
    color: #4C83C4;
    font-weight: 500;
    cursor: pointer;
}
.show-btn {
	padding-top: 6px;
    height: 30px;
    width: 80px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    background: #4C83C4;
    border-radius: 7px;
    cursor: pointer;
}
.alertTable th {
	padding: 2px 5px;
	vertical-align: middle;
}
.alertTable td {
	padding: 8px;
	vertical-align: middle;
	line-height: 1.42857143;
	word-wrap: break-word;
}
.alertTable th,
.alertTable td {
	max-width: 200px;
}

.bulk-update-alert .btn {
	padding: 6px 20px;
}
.bulk-update-alert .options .save {
	cursor: pointer;
	font-size: 24px;
	color: green;
}
.bulk-update-alert .options .refresh {
	cursor: pointer;
    font-size: 21px;
    margin-left: 8px;
    color: #4C83C4;
}
.confirmationDialog .message {
	display: block;
}
.confirmationDialog .btn {
	padding: 6px 20px;
}
.disable-bulk-update {
	opacity: 0.5;
    pointer-events: none;
}
.calendar-container {
	position: relative;
}
.calendar-container .glyphicon-calendar {
	position: absolute;
    right: 20px;
    top: 27px;
}
.supression-operation {
	border-bottom: 1px solid #e2d7d7;
}
.supression-container {
	max-height: 250px;
	overflow-y: auto;
}
.supressIcon .glyphicon-calendar {
	color: #7f7f7f;
}
.supressIcon .default-calendar-color {
	color: #4C83C4 ;
}
.add-supression {
	position: relative;
    font-size: 25px;
    top: 12px;
}
.supression-container .form-control[readonly] {
	background: #ffffff;
}

.bulk-update-alert .options .add-supress-time {
	color: #4C83C4;
	cursor: pointer;
	position: relative;
}
.bulk-update-alert .add-supress-time .fa {
	position: absolute;
    color: #EAEAEA;
    font-size: 55px;
    top: 18px;
    left: -5px;
}
.dnif-alert label{
    font-weight: 500;
}
.dnif-alert hr{
    border: 0.5px solid grey;
}
.dnif-alert .big-text{
    padding-left: 10px;
    padding-top: 10px
}
.inlineCalendar {
    position: absolute;
    bottom: 20%;
    left: 90%;
  }