/* Added by RB on 06/04/2025 DO NOT CHANGE ANY OF THESE WITHOUT INFORMING THE CONTRIBUTOR*/
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


:root{
	--cancel-button-gap: 15px;
	--button-space: 12px;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* end of RB css */


.ic-small-logo {
    height: 36px;
}

.dotted-seperator {
    border-top: dotted 1px;
}

.system-integrations-header {
    font-size: 18px;
    text-align: left;
    font-weight: 200;
}

.external-sign-in-button {
    padding: 25px !important;
}

.okta-logo {
    margin-top: -20px;
    height: 30px;
}

.pad-t-12 {
    padding-top: 12px;
}


.margin-b-10 {
    margin-bottom: 10px !important;
}

.btn-bs-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-bs-default:hover, a.btn-bs-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.popUpTable {
	position: absolute;
	left: 10px; 
	top:10px;
	border-collapse:collapse;
	/* border: 1px solid black; */
	display:none;
}

.smallArticle {
	float:left;
	/*padding:2px;
	margin-right:10px;
	margin-bottom:5px;*/
	margin:10px;
}
.smallArticle img {
	float:left;
	border:0;
	/*padding:5px;*/
}
.smallArticle .rightImage {
	float:right;
}
.smallArticle{
	width:420px !important;
}
.main-header .logo{
	 /*height: 53px;*/
	 height: 57px;
}
/*
.main-header .logo-lg{
	 height: 50px;
}*/

.navbox{
	
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	color:#363636;/* added from Black*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	background-position:bottom;

}

.box-shadow{
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.18);
	-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.18);
	box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.18);
	border-radius: 10px 10px 0px 0px;

}

/*.dropdown-menu {
	height:140px;

}*/

.navbar-nav > .user-menu > .dropdown-menu {
    width: 200px;
}

.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 200px;
}

.footer {
    /*color: rgb(0, 115, 202);*/
    font-family: 'Myriad Pro Regular', sans-serif;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
	color:#989898;
}

select[multiple], select[size] {
    /*height: 200px;*/
	height: auto;
}

.cmp-detail{
	padding:10px;

}

/*.content-wrapper, .right-side, .main-footer {*/
.loginContent{
    margin-left: 0;
    transition: transform 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s;
   z-index: 820;
}

.skin-blue .loginLeftView, .skin-blue .main-sidebar, .skin-blue .left-side{

	background-color:initial;

}

.loginContent, .left-side{
	width:0px;
}
/*
.content-loging, .right-side, .main-footer {
    margin-left: 0px;
   
}*/

.content-loging, .right-side{
    margin-left: 0px;
   
}

.box-body .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0 solid #f4f4f4;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px 10px 10px 17px;
    position: relative;
    vertical-align: middle !importent;
}

.main-header .sidebar-toggle {
    background-color: transparent;
    background-image: none;
    float: left;
    font-family: fontAwesome;
    padding: 19px;
}

#dragableElementsParentBox {
    padding: 0px;
	 background-color: #fff!important;
}

.sidebar-menu .treeview-menu > li > a {
    display: block;
    /*font-size: 10pt;*/
	font-size: 9pt;
    padding: 5px 15px 5px 15px;
}

a {
    /*color: #505050;*/
    color: #2389ff;
	font-weight: 400;
}

.content {
    background-color: #f2f2f2;
    padding: 2px;
}

/*table {
	color: #505050;
}
*/
.actionsBtn {
    padding: 0px;
	 padding-left: 5px;
}


.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: none;
    height: 30px;
}

/*.adSearch {
    height: 220px;
    width: 640px;
}*/

.adSearch {
    height: auto;
	width:300px;
    /*width: 640px;*/
}

.skin-blue .search-form input[type="text"], .skin-blue .search-form .btn {
    border: 1px solid #374850;
    border-radius: 3px;
    margin: 10px;
	background-color: #fff;
    border: 1px solid transparent;
    box-shadow: none;
    height: 30px;
}

#advanceSearch{
	padding:10px;
	
}

#advanceSearchUl{
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.18);
	-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.18);
	box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.18);

}



.shadowUl{
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.18);
	-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.18);
	box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.18);

}

.companySelect {
    height:200px;
  
}

.search-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}

/*
.datepicker.dropdown-menu {
    height: 240px;
    z-index: 2000;
}*/
/*
.dropdownAdvcSearch {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 50px 60px;
}

.dropdownAdvcSearch:hover .dropdown-content {
    display: block;
}*/

.dropbtn {
    background-color: #47484c;
    color: white;
    padding: 16.9px;
    font-size: 13px;
    border: none;
    cursor: pointer;
}

 #topSearch .dropbtn {
    background-color: #47484c;
    color: white;
    /*padding: 20.9px 5px 16.9px 5px;*/
	padding: 20.9px 8px 16.9px 5px;
    font-size: 13px;
    border: none;
    cursor: pointer;
}

.dropdownAdvcSearch {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	height: auto;
	width:350px;
	padding:20px;
}

.dropdown-filter-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	height: auto;
	width:350px;

	padding:20px;
}

.dropdown-filter-content-withoutSearch {
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    height: auto;
	    margin-top: 58px;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
	    right: -17px;
	    width: 283px;
}
	
.topSearchScroll {
    height: auto !important;
    overflow: auto;
}

.dropdownAdvcSearch:hover .dropdown-content {
    display: block;
	top:58px;
	right:-449px;
}

#dropdownAdvcSearch:hover .dropbtn {
    background-color: #50504c;
}

.buttonClose{
	background-color: red;
	color:#fff;
}

.closeBtn{
	color:#fff;
	opacity: 1 !important;
}
.close:focus,
.close:hover{
	color:#fff!important;
	opacity: 1 !important;
}

/*  test */


#imaginary_container{
    margin-top:20%; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}


#assetDetail td, th {
    padding: 0px;
}


 #topSearch .dropdown-content{
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    display: none;
    height: auto;
    min-width: 160px;
    padding: 20px;
    position: absolute;
    right: -276px;
    width: 600px;
}

 #topSearch .dropdown-filter-content{
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    display: none;
    height: auto;
    min-width: 160px;
    padding: 20px;
    position: absolute;
    right: -276px;
    width: 691px;
}




.setScroll{
	 overflow-x:scroll;
	 overflow-y:hidden;
	 width:908px;
}


#topSearch .nav > li {
    display: inline-block;
    position: relative;
}


/*@media screen and (max-width: 868px) and (min-width: 751px) {*/
@media screen and (max-width: 868px) and (min-width: 767px) 
{
	.topSearch{
		width : 88px !important;
		height:54px;
	}
	
	
	 #topSearch .dropdown-content{
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    height: auto;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
	    right: -382px;
	    width: 600px;
	}
	
	 #topSearch .dropdown-filter-content{
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    height: auto;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
	    right: -382px;
	    width: 691px;
	}
	
	#agTopTag {
	display:none;
	}
	

}

/*  New Media Query */

@media screen and (max-width: 733px) and (min-width: 415px) 
{
	.topSearch{
		width : 88px !important;
		height:54px;
	}
	
	
	
	.searchBtn {
	    padding-bottom: 10px;
	    padding-top: 15px;
	    text-align: right !important;
	}
	
	
	#topSearch .dropdown-content{
		 background-color: #f9f9f9;
		 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
		 display: none;
		 height: auto;
		 min-width: 160px;
		 padding: 20px;
		 position: absolute;
		 right: -81px;
		 width: 300px;
		 margin-top: 3px;
	}
	
	
	#topSearch .dropdown-filter-content-withoutSearch {
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    height: auto;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
		margin-top:0px !important;
		/*
	    right: -255px;
	    width: 522px;
		*/
		right: -50px;
    	width: 300px;
	}

	
	#topSearch .dropdown-filter-content{
		 background-color: #f9f9f9;
		 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
		 display: none;
		 height: auto;
		 min-width: 160px;
		 padding: 20px;
		 position: absolute;
		 right: -20px;
		 width: 300px;
		 margin-top: 0px;
	}
	
	.leftSideBtn{
		text-align: right !important;
	}
	
	.leftSideSearchBtn{
		text-align: right !important;
		
	}
	
	#SearchBox .row {
    	margin-left: 3px !important;
   		 margin-right: 35px !important;
	}
 
 	#agTopTag {
	display:none;
	}

}


/*@media screen and (min-width: 318px) and (max-width: 415px)  {*/
@media screen and (max-width: 415px)  
{
	.panel {
       margin-bottom: 15px !important;
	   margin-top: 59px !important;
	}

	#agTopTag {
	display:none;
	}
}


@media screen and (max-width: 1024px) and (min-width: 733px) 
{

	.topSearch{
		width : 88px !important;
		height:54px;
	}
	
	.searchBtn {
	    padding-bottom: 10px;
	    padding-top: 15px;
	    text-align: right !important;
	}
	
	
	#topSearch .dropdown-content{
		 background-color: #f9f9f9;
		 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
		 display: none;
		 height: auto;
		 min-width: 160px;
		 padding: 20px;
		 position: absolute;
		 /*
		 right: -20px;
		 width: 300px;
		 */
		 right: -389px;
	    /*width: 600px;*/
		 width: 663px;
		 
		 margin-top: 0px;
	}
	
	
	#topSearch .dropdown-filter-content-withoutSearch {
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    height: auto;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
		margin-top:0px !important;
	    right: -255px;
	    width: 522px;
		/*
		right: -50px;
    	width: 300px;*/
	}

	
	#topSearch .dropdown-filter-content{
		 background-color: #f9f9f9;
		 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
		 display: none;
		 height: auto;
		 min-width: 160px;
		 padding: 20px;
		 position: absolute;
		 right: -384px;
	     width: 691px;
		/*	
		 right: -20px;
		 width: 300px;
		 */
		 margin-top: 0px;
	}
	
	.leftSideBtn{
		text-align: right !important;
		
	}
	
	.leftSideSearchBtn{
		text-align: left !important;
		padding-bottom: 10px;
	    padding-top: 15px;
	}
	
	#SearchBox .row {
    	margin-left: 3px !important;
   		 margin-right: 35px !important;
	}
	
	#agTopTag {
	display:none;
	}

}



@media screen and (max-width: 767px) and (min-width: 734px) 
{
	.topSearch{
		width : 88px !important;
		height:54px;
	}
	
	
	#topSearch .dropdown-content{
		 background-color: #f9f9f9;
		 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
		 display: none;
		 height: auto;
		 min-width: 160px;
		 padding: 20px;
		 position: absolute;
		 right: -85px;
		 width: 300px;
		 margin-top: 0px;
	}
	
	#topSearch .dropdown-filter-content-withoutSearch {
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    height: auto;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
		margin-top:0px !important;
	    right: -255px;
	    width: 522px;
		/*
		right: -50px;
    	width: 300px;*/
	}
	
	.leftSideBtn{
		text-align: right !important;
	}
	
	leftSideSearchBtn{
		text-align: right !important;
	
	}
	
	.searchBtn {
	    padding-bottom: 10px;
	    padding-top: 15px;
	    text-align: right !important;
	}
	
	
	
	#topSearch .dropdown-filter-content{
		 background-color: #f9f9f9;
		 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
		 display: none;
		 height: auto;
		 min-width: 160px;
		 padding: 20px;
		 position: absolute;
		 right: -85px;
		 width: 300px;
		 margin-top: 0px;
	}
	#SearchBox .row {
    	margin-left: 3px !important;
   		 margin-right: 35px !important;
	}
	
		#agTopTag {
	display:none;
	}

}

/*  New Media Query - End */
@media screen and (min-width: 1024px) 
{
	
	#topSearch .dropdown-content {
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    /*height: 710px;*/
		height:auto;
	    min-width: 160px;
	    padding: 25px;
	    /*position: fixed;*/
		position: absolute;
	    /*left: 0px;*/
	    /*width: 600px;*/
		width: 663px;
		margin-top:0px !important;
	}
	
	#topSearch .dropdown-filter-content {
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    /*height: 710px;*/
		height:auto;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
	    right: -276px;
	    width: 691px;
	}
	
	#topSearch .dropdown-filter-content-withoutSearch {
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    /*height: 710px;*/
		height:auto;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
	    right: -276px;
	    width: 543px;
		margin-top:0px !important;
	}
}


/*@media screen and (max-width: 415px) {*/
@media screen and (max-width: 415px) 
{
 	.topSearchDiv{
		margin:-7px !important;	
	}
	
	.topSearch{
		width : 150px !important;
		height:54px;
	}
	#topSearch .dropdown-content{
		 background-color: #f9f9f9;
		 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
		 display: none;
		 height: auto;
		 min-width: 160px;
		 padding: 20px;
		 position: absolute;
		 right: -43px !important;
		 width: 300px;
		 margin-top: 54px !important;
	}
	
	
	#topSearch .dropdown-filter-content{
		 background-color: #f9f9f9;
		 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
		 display: none;
		 height: auto;
		 min-width: 160px;
		 padding: 20px;
		 position: absolute;
		 right: 0px !important;
		 width: 300px;
		 margin-top: 58px !important;
	}
	
	
	.searchBtn{
		text-align:right!important;
		/*padding-right: 8px;*/		
		padding-bottom: 10px;
	}
	
	 .topSearchScroll{
	 	overflow-x:scroll;
		 /*overflow-y:hidden;*/
		 overflow:auto;
		 height:1250px;
 	}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu > 
	li:hover> a>
	span:not(.pull-right), .sidebar-
	mini sidebar-collapse .sidebar-menu>
	li:hover> a{
		width:180px;
		
	
	}

	
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover>
	.treeview-menu{
		width:180px;
	/*width:auto;*/

	}
	
	#SearchBox .row {
    	margin-left: 3px !important;
   		 margin-right: 35px !important;
	}
	
 	#agTopTag {
	display:none;
	}
 
}

@media screen and (max-width: 500px) 
{/*768*/
	.topSearchDiv{
		margin:-7px !important;	
	}
	
	.topSearch{
		width : 150px !important;
		height:54px;
	}
	
	 #topSearch .dropdown-content{
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    height: auto;
	    min-width: 160px;
		margin-top: 59px;
	    padding: 20px;
	    position: absolute;
		/*right: -43px;*/
	    right: 20px;
	    width: 306px;
	}
	
	 #topSearch .dropdown-filter-content{
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    height: auto;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
	    right: -43px;
	    width: 300px;
		margin-top: 58px !important;
	}
	
		#agTopTag {
	display:none;
	}
	
}
	
	
@media screen and (min-width: 1024px) 
{
		.searchBtn{
			text-align:right !important;
			/*padding-right: 8px;*/
		}
		
		.leftSideBtn{
			text-align: left !important;
		}
		.leftSideSearchBtn{
			text-align: left !important;
		}
		leftSideSearchBtn
		
		.rowHeight{
			height:5px;		
		}

}
	
@media screen and (max-width:768px) 
{
		.searchBtn {
		    padding-bottom: 10px;
		    padding-top: 15px;
		    text-align: right !important;
		}
		
		.leftSideBtn{
			text-align: right !important;
		}
		
		.leftSideSearchBtn{
			text-align: right !important;
		}
		
		.rowHeight{
			height:0px !important;		
		}
		
		.columnItemPad{
			padding-bottom: 4px;
		}
		
			#agTopTag {
	display:none;
	}
	
}
/*// THIS COULD BE THE BAD ONE*/
@media screen and (max-width:750px) 
{	
	#SearchBox .row {
    	margin-left: 3px !important;
   		 margin-right: 35px !important;
	}
	
	 .topSearchScroll{
	 	overflow-x:scroll;
		 overflow-y:hidden;
		 overflow:auto;
		 height:1250px;
 	}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu > 
	li:hover> a>
	span:not(.pull-right), .sidebar-
	mini sidebar-collapse .sidebar-menu>
	li:hover> a{
		width:180px;
		
	
	}
	
	.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover>
	.treeview-menu{
		width:180px;
	/*width:auto;*/

	}
	
		#agTopTag {
	display:none;
	}

}

 .topSearchScroll{
	 	overflow-x:scroll;
		 overflow-y:hidden;
		 overflow:auto;
		 max-height:820px;
		 /*height:520px;*/
 }

.topSearch{
		width:200px;
		height:54px;
}
/*
.searchBtn{
	text-align:right;
	/*padding-right: 8px;
}*/

#sortableTable input {
    border: 1px solid #fff;
    color: #000000;
    /*height: 16px;*/
	height: 30px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover>
.treeview-menu{
	width:247px;
	/*width:auto;*/

}
/*
.sidebar-mini.sidebar-collapse .sidebar-menu > 
li:hover> a>
span:not(.pull-right), .sidebar-
mini sidebar-collapse .sidebar-menu>
li:hover> .treeview-menu{
	width:250px;
	

}*/

.sidebar-mini.sidebar-collapse .sidebar-menu > 
li:hover> a>
span:not(.pull-right), .sidebar-
mini sidebar-collapse .sidebar-menu>
li:hover> a{
	width:250px;
	

}

.sidebar-mini.sidebar-collapse .sidebar-menu > 
li:hover> a>
span:not(.pull-right), .sidebar-
mini sidebar-collapse .sidebar-menu>
li:hover> .pull-right-container{
	
    position: absolute;
 }

 /*
 .topSearchScroll{
 	overflow-x:scroll;
	 overflow-y:hidden;
	 overflow:auto;
	 height:200px;"
 }
*/

.popUpTable {
    border-collapse: collapse;
    display: none;
    left: 250px;
    position: absolute;
    top: -1500px;
}

#panel-body .content {
    background-color: #fff!important;
    padding: 2px;
}

#panel-body input {

    /*height: 28px;*/
}

.btnMod{
	height:28px;

}

/*
.btn {
    background: rgb(35, 97, 170) none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}*/

.btn.focus,
.btn:focus,
.btn:hover{
	 color:#fff;
	 background: #D77001;
     border: 1px solid transparent;
}

.btn_po_rcvd.focus,
.btn_po_rcvd:focus,
.btn_po_rcvd:hover{
	 color:#fff;
	 background: #D77001;
     border: 1px solid transparent;
}
/*
.modal-dialog {
    margin: 131px auto;
    width: 600px;
}*/

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#upgradesEdit td,th{
	padding-left:0px;

}

#repairEdit td,th{
	padding-left:0px;

}



@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('resources/images/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('resources/images/MYRIADPRO-COND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold Italic'), url('resources/images/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('resources/images/MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('resources/images/MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Italic'), url('resources/images/MYRIADPRO-BOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed Italic'), url('resources/images/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('resources/images/MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('resources/images/MYRIADPRO-BOLD.woff') format('woff');
}
html {
	font-size:100%;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}


body {
	/*font-family: Tahoma ;*/
	font-family: 'Myriad Pro Regular', sans-serif;
   text-rendering: optimizelegibility;
   font-feature-settings: "liga", "kern";
	-webkit-font-smoothing: antialiased;
	font-kerning: auto;
	font-size:13px;

}

table {
    color: #4c4c4c;
    font-family: 'Myriad Pro Regular', sans-serif;
    font-size: 13px;; /* DS was 13px */
	font-weight:300;
}

.panel-default > .panel-heading {
    color: #4c4c4;
	font-family: 'Myriad Pro Regular', sans-serif;
	font-weight: 300;
	background-color: #f0f0f0 !important;
}

.hiddenSort{
	display:none;

}



.showSort {
    background-color: transparent;
    border: 0 none;
    display: inline-block;
    height: auto;
    padding-left: 3px;
    padding-right: 3px;
	float: right;
}

.showButtonIcon {
    background-color: transparent;
    border: 0 none;
    display: inline-block;
    height: auto;
  
}
/*
.showSort{
	display: inline-block;

}*/

.contentTopic{
	/*padding:2px;*/
	font-size:11px;
	font-weight:600;

}

.contentValue{
	/*padding:2px;*/
	font-size:11px;
	font-weight:300;

}

.contentNoValue{
	padding:2px;
	font-size:11px;
	font-weight:100;
	font-style: italic;
	color:#989898;

}

.contentBoxTitle {
    font-weight: 300;
    font-size: 13px;
    vertical-align: middle;
}

.iconColor{
	color:#2196f3;
	padding:1px;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#2196f3) 75%, to(#ffff)) ;*/
	
	/*background:-webkit-linear-gradient(#2196f3 60%, white);
	-webkit-background-clip: text;
	/*-webkit-text-fill-color: transparent;*/
}

.disableIconColor{
	color:#b3b5ba;
	padding:1px;
}
.disableIconColor:hover{
	color:#d3d5db;
	padding:1px;
}

.lipboardIconColor{
	color:#00b050;
	/*background:-webkit-linear-gradient(#2196f3 60%, #ffff);*/
	padding:1px;
}
.questionIcon{
	color:#ff8b1e;
	padding:0px;
}

#panelHeading .questionIcon{
	color:#ff8b1e;
	padding:5px;
}

.popUpHeader{
	font-family:Myriad Pro Regular,sans-serif;
	font-weight: 300;
	font-size:13px;
	color:#fff;
}

.searchHeader{
	font-family:Myriad Pro Regular,sans-serif;
	font-weight: 300;
	font-size:13px;
	color:#4c4c4c;
}

.modalHeader{
	/*background-color: #f5f5f5;*/
	/*background-color: #3c8dbc;;*/
	background-color: #47484c!important;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px 15px;
	color : #fff;

}

.modalContent{
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
 
}

.statusGreen{
	color:#20CC1B;
}

.statusBlue{
	color:#2196f3;
}

.statusYellow{
	color:#d8d246;
}

.statusRed{
	color:#E04E4C;
}

.blueFauxlink{
	/*text-decoration: underline!important;*/
	cursor:pointer; 
	cursor: hand;
	/*color:#1B77CC !important;*/
	/*DScolor:#2196f3 !important;*/
}

.deleteIcon{
	color:red;
	padding-left:10px;
	/*padding-right:15px;*/
	
}
.redIcon{
	color:red;
}

.editIcon{
	color:#2196f3;
	padding-left:0px;
	/*padding-right:15px;*/
	/*  background-image: -webkit-gradient(linear, left top, right top, color-stop(.5, blue), color-stop(1, orange));
    background-image: gradient(linear, left top, right top, color-stop(0.5, blue), color-stop(1, orange));
    color:transparent;*/
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2em;
}

.inActiveIcon{
	color:#808080;
}

td a:link 	{ /*text-decoration: underline;*/ 
	/*DScolor:#2196f3 !important;*/
}/* Added on 25/10/2016 By AF */

td .btn a:link 	{ /*text-decoration: underline;*/ 
	color:white !important;
}/* Added on 25/10/2016 By AF */

.fauxlink {
	/*text-decoration: underline;*/
	cursor:pointer; 
	cursor: hand;
	/*DScolor:#2196f3 !important;*/
}

.logonPageLink a:link 	{ /*text-decoration: underline;*/ 
	/*DScolor:#2196f3 !important;*/
}

.logonPageLink a:link:focus,
.logonPageLink a:link:hover{
   
	cursor:pointer; 
	cursor: hand;
	/*DScolor:#2196f3 !important;*/
	text-decoration: underline!important;
}

.summaryTabIcon {
	float:left;
	padding:3px;
}

.saveIcon{
	font-size:medium;
	color:#4c4c4c;
	padding-right:4px;
	padding-left:4px;
}

.textMsg {
    color: #1f50a0;
    font-size:11px;
	font-weight:300;
    
}

.statusValue{
	color:#ff8B1E!important;

}

.typeIconPadding{
 	/*padding-right:15px;*/
	/*padding-left:15px;*/
	
 }
 
.serverIconStyle{
	color:#7467ff;
	vertical-align:middle;
}
/*
#4cd3ff; - blue light
 #ff4d68; - red-orange
  #7467ff; - no as purplse as server #cf55ff
  #00b753; - bit more brighter green
 */ 
 
 .PHYSICALIconStyle{
	color:#f05002;
	vertical-align:middle;
}

 .CLOUDIconStyle{
	color:#4cd3ff;
	font-size:14px;
	vertical-align:middle;

}

.cloudIconStyle{
	color:#4cd3ff;
	font-size:14px;
	vertical-align:middle;

}

.virtualIconStyle{
	color:#ff4d68;
	font-size:14px;
	vertical-align:middle;
}

.physialIconStyle{
	color:#7467ff;
	font-size:14px;
	vertical-align:middle;

}

.ServerIconStyle{
	color:#7467ff;
	vertical-align:middle;
}
.StorageIconStyle{
	color:#dd1888;
	vertical-align:middle;
}
.NetworkingIconStyle{
	color:#60507c;
	vertical-align:middle;
}
.ClusterIconStyle{
	color:#28b523;
	vertical-align:middle;
}
.ApplicationIconStyle{
	color: #2b70ff;
	vertical-align:middle;
}
.DatabaseIconStyle{
	color:#ec6e1f;
	vertical-align:middle;
}
.Virtual-MachineIconStyle{
	color:#08a2d2;
	vertical-align:middle;
}
.ContainerIconStyle{
	color:#ff4d68;
	vertical-align:middle;
}
.DataIconStyle{
	color:#ff2ffc;
	vertical-align:middle;
}
.Thin-ClientIconStyle{
	color:#ff3399;
	vertical-align:middle;
}
		
.DesktopIconStyle{
	color:#605c62;
	vertical-align:middle;
}

.Misc-HardwareIconStyle{
	color:#4d0f2f;
	vertical-align:middle;
}
		
.toggleOnIconStyle{
	color:#00d300;
	font-size:18px;
	vertical-align:middle;
}

.powerOffIconStyle{
	color:#eb0000;
	font-size:18px;
	vertical-align:middle;
}

.cloudInstanceTopic {
	text-align: right;
	white-space: nowrap;
}

#agTopTag {
  	margin: 0 auto;
}

.btn input {
   /*border: 1px solid rgb(35, 97, 170) !important;*/
    border: none !important;
    color: #ffffff;
    height: 17px !important;
	background-color: inherit; 
	height:35px!important;
}

.contentValue input{
	padding:2px;
	font-size:11px !important;
	font-weight:300 !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	/*width: 147px;*/

}

.contentValue select{
	padding:2px;
	font-size:13px !important;
	font-weight:300 !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;

}

#panel-body select {
    border: 1px solid #d5d5d5 !important;
    color: #000000;
    height: 20px;
	
}

#panel-body td, th {
    padding: 5px 5px 5px 0;
}

#SearchBox .row {
    margin-left: -15px;
    margin-right: 15px;
}

#SearchBox  select{
	padding:2px;
	font-size:13px !important;
	font-weight:300 !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	border: 1px solid #d5d5d5 !important;
	
/*	// DS 12-04-2017*/
	width: 100%;
    padding: 12px 0px;
    margin: 2px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    /*box-sizing: border-box;*/
	box-sizing: content-box
}



#SearchBox  input{
	padding:2px;
	font-size:13px !important;
	font-weight:300 !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	
}


#searchSubmit input {
   /*border: 1px solid rgb(35, 97, 170) !important;*/
    border: none !important;
    color: #ffffff;
    height: 17px !important;
	background-color: inherit; 
	line-height: initial!important;
	padding:0px;
}


.assetChildTreeViewBorder {
    border: none !important;
    margin-bottom: 5px;
    padding: 5px 0 5px 5px !important;
}

.assetChildSubTreeViewBorder {
    border: none !important;
    margin-bottom: 5px;
    padding: 5px 0 5px 25px !important;
}

.assetChildTreeViewMargin
{
	border: none !important;
    margin-bottom: 5px;
    padding: 5px 0 5px 25px !important;
}

#panel-body .defaultHeaderCellLight {
    background-color: #e8e8e8;
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    padding-bottom: 5px;
    padding-left: 8px !important;
    padding-right: 5px;
    padding-top: 5px;
}

.cancelBtn {
    background-color: transparent;
    border: medium none !important;
    vertical-align: middle;
	cursor:pointer; 
	cursor: hand;
	color:#2196f3 !important;
	font-size: 11px;
}

.cancelBtn:focus,
.cancelBtn:hover{
    background-color: transparent;
    border: medium none !important;
    vertical-align: middle;
	cursor:pointer; 
	cursor: hand;
	color:#2196f3 !important;
	text-decoration: underline!important;
}

.fauxlink:focus,
.fauxlinks:hover{
   
	cursor:pointer; 
	cursor: hand;
	/*DScolor:#2196f3 !important;*/
	text-decoration: underline!important;
}

td a:link:focus,
td a:link:hover 	{ /*text-decoration: underline;*/ 
	cursor:pointer; 
	cursor: hand;
	/*DScolor:#2196f3 !important;*/
	text-decoration: underline!important;
}

td a:link:focus,
td a:link:hover 	{ /*text-decoration: underline;*/ 
	cursor:pointer; 
	cursor: hand;
	/*DScolor:#2196f3 !important;*/
	text-decoration: underline!important;
}


.fileTableMsg {
	padding: 4px;
	font-size: 12px !important;
	font-weight: 300 !important;
	color: #1f50a0 !important;
}

#attachfile {
    border: none;
    color: #000000;
    height: 20px;
	display:block;  
}

#assetImportFile {
    border: medium none;
    color: #000000;
    display: block;
    height: 27px;
}

/*======================================================================*/

/*************** orange btn **************/
.btn_sm {
	background:	#ff8400;
	color:white;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
	margin-left: 10px;
	padding: 0px 10px !important;
}

.btn_lg {
	background:	#ff8400;
	color:white !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
	height: 35px !important;
  	padding: 0px 15px !important;
	margin-left: 10px;
}

.btn_sm:hover, .btn_lg:hover {
	background:	#d87811 !important;
}
/***************************************/

/*************** red btn **************/
.btn_sm_red {
	background:	#ff0000;
	color:white;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
	margin-left: 10px;
	padding: 0px 10px !important;
}

.btn_lg_red {
	background:	#ff0000;
	color:white !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
	height: 35px !important;
  	padding: 0px 15px !important;
}

.btn_sm_red:hover, .btn_lg_red:hover {
	background:	#ce1717 !important;
}
/***************************************/

/************** green btn **************/
.btn_sm_green {
	background:	#00cc00;
	color:white;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
	margin-left: 10px;
	padding: 0px 10px !important;
}

.btn_lg_green {
	background:	#00cc00;
	color:white !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
	height: 35px !important;
  	padding: 0px 15px !important;
}

.btn_sm_green:hover, .btn_sm_green:hover{
	background:	#207020 !important;
}
/**************************************/

/************** blue btn **************/
.btn_sm_blue {
	background:	#00c0ef;
	color:white;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
	margin-left: 10px;
	padding: 0px 10px !important;
}

.btn_lg_blue {
	background:	#00c0ef;
	color:white !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
	height: 35px !important;
  	padding: 0px 15px !important;
}

.btn_sm_blue:hover, .btn_lg_blue:hover {
	background:	#22697a !important;
}
/**************************************/

.btn:focus {
    background: gray !important;
    color: white !important;
}

/* .btn_sm:focus, .btn_sm_red:focus, .btn_sm_green:focus, .btn_sm_blue:focus, .btn_lg:focus, .btn_lg_red:focus, .btn_lg_green:focus, .btn_lg_blue:focus {
	background:	#8f8e8e !important;
	cursor: not-allowed !important;
} */

/*======================================================================*/

/* Added by RB on 05/19/2025 DO NOT CHANGE ANY OF THESE WITHOUT INFORMING THE CONTRIBUTOR*/
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.riconPadding{
 	padding-left:15px;
 
 }


.rcancelBtn {
    background-color: transparent;
    border: medium none !important;
    vertical-align: middle;
	cursor:pointer; 
	cursor: hand;
	color:#2196f3 !important;
	font-size: 11px;
	margin:0px;

}

.rcancelBtn:focus,
.rcancelBtn:hover{
    background-color: transparent;
    border: medium none !important;
    vertical-align: middle;
	cursor:pointer; 
	cursor: hand;
	color:#2196f3 !important;
	text-decoration: underline!important;
}


/*************** orange btn **************/
.rbtn_sm {
	background:	#ff8400;
	color:white;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
	margin-left: 10px;
	padding: 0px 10px !important;
	margin:0px;
}

.rbtn_lg {
	background:	#ff8400;
	color:white !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
	height: 35px !important;
  	padding: 0px 15px !important;
	margin:0px;
}

.rbtn_sm:hover, .rbtn_lg:hover {
	background:	#d87811 !important;
}
/***************************************/

/*************** red btn **************/
.rbtn_sm_red {
	background:	#ff0000;
	color:white;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
	padding: 0px 10px !important;
	margin:0px;

}

.rbtn_lg_red {
	background:	#ff0000;
	color:white !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
	height: 35px !important;
  	padding: 0px 15px !important;
	margin:0px;
}

.rbtn_sm_red:hover, .rbtn_lg_red:hover {
	background:	#ce1717 !important;
}
/***************************************/

/************** green btn **************/
.rbtn_sm_green {
	background:	#00cc00;
	color:white;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
	padding: 0px 10px !important;
	margin:0px;
}

.rbtn_lg_green {
	background:	#00cc00;
	color:white !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
	height: 35px !important;
  	padding: 0px 15px !important;
	margin:0px;
}

.rbtn_sm_green:hover, .rbtn_sm_green:hover{
	background:	#207020 !important;
}
/**************************************/

/************** blue btn **************/
.rbtn_sm_blue {
	background:	#00c0ef;
	color:white;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
	padding: 0px 10px !important;
	margin:0px;
}

.rbtn_lg_blue {
	background:	#00c0ef;
	color:white !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
	height: 35px !important;
  	padding: 0px 15px !important;
	margin:0px;
}


.rbtn_sm_blue:hover, .rbtn_lg_blue:hover {
	background:	#22697a !important;
}
/**************************************/

.rbtn:focus {
    background: gray !important;
    color: white !important;
}



/* .btn_sm:focus, .btn_sm_red:focus, .btn_sm_green:focus, .btn_sm_blue:focus, .btn_lg:focus, .btn_lg_red:focus, .btn_lg_green:focus, .btn_lg_blue:focus {
	background:	#8f8e8e !important;
	cursor: not-allowed !important;
} */


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* end of RB css */



/*#popupFooter .btn { 
	moz-user-select: none;
	background:		#ff8400;
	color:white !important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
	font-size: 13px !important;
    font-weight: 300 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    line-height: 1.42857;
    margin: 0px;
	padding: 0px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}*/

#popupFooter input{
	/*height:23px !important;*/
	font-size: 13px !important;
	font-weight: 300 !important;
}


 .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{
 	padding-right: 12px!important;
 }
 
 .mnfImage{
 	padding:5px;
 
 
 }
 
 .mafImgBox{
 	background-color: white;
 
 }
 
 .covExpireText{
 	padding-left:10px !important;
 
 }
 
.iconPadding{
 	padding-left:15px;
 
 }
 
 .panelTopic{
 	font-weight:bold;
	font-size: 11px;; /* DS was 13px */
	vertical-align:middle;
 
 }
 
 .addIcon{
 	color:#00b050;
	/*padding:5px;*/
	vertical-align:middle;
	padding-left: 10px;
	/*padding-right: 10px;*/
 
 }

.addIcon-right{
	padding-right: 10px;
 
 }

 
  .exelIcon{
 	color:#00b050;
	vertical-align:middle;
	padding-left: 10px;
	padding-right: 10px;
 
 }
 
  .greenIcon{
 	color:#00b050;
	padding-left: 10px;
	padding-right: 10px;
	 
 }
 
 
 .headerRowCenter{
 	text-align:center;
	vertical-align:middle;
 
 }
 

.privChkBox{
	height: 16px !important;
	margin: 0 !important;

}

.panel {
   
    margin-bottom: 15px !important;
	
}

#assetDetail .col-sm-6 {
    padding-right: 13px !important;
}
@media screen and (min-width: 765px) 
{
	#assetDetail .colPadding{
		 padding-right: 0px !important;
	}
}

.cmpAssinChkBox{
	height: 10px !important;
	

}


.headerPanel{
	font-weight:300;
	padding:5px;
	color:#4c4c4c;
}


.detailHead {
    padding: 15px 15px 15px 2px;
    font-family: Myriad Pro Regular,sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #4c4c4c;
}

.panel-body {
    padding: 15px;
	/*padding-bottom: 2px;*/
}
.agrigate-panel-body {
    padding:  7.5px;
}

.bodyPadding {
    padding: 15px 15px 0px 15px!important;
}
/*
.mainBodyPadding{
	padding: 15px 15px 0px 15px !important;

}*/
@media screen and (max-width: 415px) 
{
	/*.mainBodyPadding{
		padding: 204px 15px 0px 15px !important;
	
	}*/
	
	.mainBodyPadding {
   		 padding: 89px 15px 0 !important;
	}
	#agTopTag {
	display:none;
	}
}
/*@media screen and (max-width: 767px) and (min-width: 415px) {*/
/*@media screen and (min-width: 765px) {*/
@media screen and (max-width: 767px) and (min-width: 415px) 
{
	.mainBodyPadding{
		padding: 30px 15px 0px 15px !important;
	
	}
	
	#agTopTag {
	display:none;
	}
}

@media screen and (min-width: 765px) 
{

	.mainBodyPadding{
		padding: 15px 15px 0px 15px !important;
	
	}


}

.privHeaderCellLight {
    background-color: #e8e8e8;
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    padding-bottom: 5px;
    padding-left: 8px !important;
    padding-right: 5px;
    padding-top: 5px;
}

.privCellLight {
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    padding-bottom: 5px;
    padding-left: 8px !important;
    padding-right: 5px;
    padding-top: 5px;
}


.fileTableMsgNew {
    color: #1f50a0;
    font-size:13px;
	font-weight:300;
}

.headerDetails{
	padding: 15px 15px 15px 2px;
	font-family:Myriad Pro Regular,sans-serif;
	font-weight: 300;
	font-size:13px;
	color:#4c4c4c;
}

.topHeader{
	font-weight:300;
	color:#4c4c4c;
}

.headerPanelStyle{
	font-weight:300;
	padding:10px;
	color:#4c4c4c;
}


.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f9f9f9;
    padding: 7px;
}

.sideBarHeight{
	padding-top:9px;

}

#minimizedChartCollection {
    padding: 0px!important;
}

#minimizeContainer {
    background-color: #fff;
    float: left;
    margin: 0px!important;
    width: 100%!important;
}


@media screen and (min-width: 765px) 
{
	#minimizedChartCollection .colPadding{
		 padding-right: 0px !important;
	}
}

@media screen and (min-width: 765px) 
{
	#dragableElementsParentBox .colPadding{
		 padding-right: 0px !important;
	}
}


#dragableElementsParentBox .col-sm-6 {
    min-height: 1px;
    padding-left: 7.5px!important;
    padding-right: 7.5px!important;
    position: relative;
}

#dragableElementsParentBox .row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}


#minimizeContainer .col-sm-6 {
    min-height: 1px;
    padding-left: 7.5px!important;
    padding-right: 7.5px!important;
    position: relative;
}

#minimizeContainer .row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.defaultCellNew {
    border: 1px solid #dfdfdf;
  

}

.info-box {
	margin-bottom: 0px!important;

}

.info-box-icon {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 4px!important;
    display: block;
    float: left;
    font-size: 25px!important;
    height: 115px!important;
    line-height: 100px!important;
    width: 200px!important;
}
/*
.info-box-content {
    margin-left: 0px!important;
   padding: 0px 0px!mportant;
}*/
.info-box-content {
    margin-left: 0px!important;
    padding: 7.5px;
}

.info-box-number {
    display: block;
    font-size: 30px!important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
    font-weight: bold;
	text-align: center;
}

.info-box-text {
    display: block;
    font-size: 12px!important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: center;
	font-size: 10px !important;
}

.miniHeight{
	min-height:1800px!important;
}

.font-awesome-icon{
	font-size: 25px;
	display: block;
	margin: 0 auto 5px;
	text-align: center;
}

.bg-color{
	padding-top: 8px;
	padding-bottom: 10px;
}

.removeStyle{
	padding-left:15px!important;
}

.agrigateIcinStyle{
	border-radius: 4px!important;
	color: #ffffff;
	width: 60px;
	height: 36px !important;
}

.agrigateIcinStyleForStatusColor{
	border-radius: 4px!important;
	width: 60px;
	height: 50px;
}


.agrigateLongWidegstIcinStyle{
	border-radius: 4px!important;
	color: #ffffff;
	dispaly:flex;
	padding: 3px 4px 4px 4px;
	/*position: relative;*/
    overflow:hidden;
    transition: .3s;
	height: 28px !important;
    text-align: center;
	align-items: center;

}

.info-box-content-lng-widgets {
    /*margin-left: 0px!important;*/
    padding-left: 0px!important;
}

.info-box-text-lng-widgets {
    display: inline;
    font-size: 12px!important;
	font-family: 'Myriad Pro Regular', sans-serif !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: center;
}

.info-box-number-lng-widgets{
	font-family: 'Myriad Pro Regular', sans-serif !important;
    /*font-weight: bold;*/
	text-align: center;
	font-size: 12px!important;
}

#infoBox ol, ul {
    margin-bottom: 0!important;
    margin-top: 0;
}
/*
.mapTable td, th {
    padding: 0px!important;
}
*/
.subPanelBoxStyle{
	padding:15px 7.5px 0px 7.5px;
}

.clipboardPanelStyle{
	padding-top:0px;
	padding-right:7.5px!important;
	padding-bottom:0px;
	padding-left:7.5px;
}
/*
.panel-body-chart {
  padding:15px 7.5px 15px 7.5px;
}*/

.companySelTypeHeadMain {
	padding: 10px 0px 10px 0px; 
	border-color: #eee;
}
.companySelTypeHeadTextBox {
	padding:3px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-left: 15px;
	margin-right: 15px; 
	width: 88%; 
	font-size: 14px; 
	line-height: 1.4; 
	color: #555;
}

.companySelTypeHeadTextBox:focus { 
    outline: none !important;
    border:1px solid #b7b7b7;
    box-shadow: 0 0 7px #b5c9df;
}

/*//D3 sunburst and dependency maps*/
	.path {
		stroke: #fff;
		fill-rule: evenodd;
	}

	.text {
		font-family: Arial, sans-serif;
		font-size: 12px;
	}
	
.node {
  font: 300 8px "Helvetica Neue", Helvetica, Arial, sans-serif;
  fill: #bbb;
}

.node:hover {
  fill: #000;
}

.link {
  stroke: steelblue;
  stroke-opacity: 0.4;
  fill: none;
  pointer-events: none;
}

.node:hover,
.node--source,
.node--target {
  font-weight: 400;
  font-size:14px;
background-color:black;
z-index: 1;
}

.node--source {
  fill: #2ca02c;

}

.node--target {
  fill: #d62728;
}

.link--source,
.link--target {
  stroke-opacity: 1;
  stroke-width: 2px;
}

.link--source {
  stroke: #d62728;
}

.link--target {
  stroke: #2ca02c;
}

#menu-company-selection {
    display: none;
    position: absolute;
    right: 0;
    min-width: 160px;
    height: auto;
    width:350px;
    top: 58px;
}

span.select2-selection {
    min-height: 33px;
}

span.select2-selection__arrow {
    min-height: 28px;
}

/* Company Selector Option Padding */
ul.select2-results__options > li.select2-results__option {
    padding: 10px;
}

/* Company Selector Height */
span.select2-results, ul.select2-results__options {
   max-height: 190px !important;
}

#sel2 ~ span.select2-container > span.selection > span.select2-selection {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.mt-10 {
    margin-top: 10px;
}


.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #ff2405 !important;
    border-width: 5px !important;
}

.dropdown-ptl-privs {
	    background-color: #f9f9f9;
	    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	    display: none;
	    height: auto;
	    min-width: 160px;
	    padding: 20px;
	    position: absolute;
		z-index: 1;
		top: 40px;
		left: 134px
}

.sourceLogo{
   display: inline;
   background-color: #f0f0f0;
  /* padding-top: 18px;
   padding-bottom: 20px;*/
   padding-left: 10px;
   padding-right: 10px;
}

div .dt-buttons {
	display: contents;
}


.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    padding: 4px;
    margin-right: 20px;
}

/*.boxdt {
	border: 1px solid #6666;
	cursor: pointer;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width: 135px;
	min-height: 25px;
	display: block;
	padding: inherit;
	text-align: center; 
	display: block;
	border-radius: 7px; 
}

.boxdt:hover {
	border: 1px solid bk;
}

.boxdt.over {
	border: 1px dotted red;
}*/

.boxdt{
	border: 1px solid black;
	margin: 9px;
	margin-left: 5px;
	width: 135px;
	height: 35px;
	margin-left: 25px;
	border-radius: 8px;
	border-color: #ddd;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
    display : grid;
    align-items : center;
	/*padding: 4px 6px 4px 6px;*/
	padding-left: 0px !important;
	padding-right: 5px !important;
}
.boxdt:hover {
	border: 1px solid black;
}

.ui-sortable-placeholder.ui-sortable-handle {
    border: 1px dotted red;
    visibility: visible!important;
}

.tblRwStyles{
	border: 1px solid #ddd !important;
	padding: 5px 5px;  
}

@media only screen and (max-width: 1700px) {
	.resizingWidthSummary {
		float: left !important;
		margin-left: 7px !important;
	}
}

@media only screen and (max-width: 1900px) {
	.resizingWidthPage{
		width: 550px !important;
	}
}

@media only screen and (max-width: 800px) {
	.resizingWidthSummary {
		padding-left: 0px;
		margin-left: -2px !important;
	}
	
	.resizingWidthPage{
		padding-left: 0px;
		margin-left: -3px;
	}
}

/*This css is to be removed.*/
/*@media only screen and (max-width: 1900px) {
	.filterWrapping{
		width: 156px !important;
		position: inherit !important;
	}
}*/

.range-gradient-disabled {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 2px;
  border-radius: 5px;
  background: linear-gradient(to right,#00c0ef 15%, #0c0 30%, #ff8400 70%, red 100%);
  outline: none;
  opacity: 0.9;
  pointer-events: none; /* Prevent interaction */
}

/* Hide the thumb on Firefox */
.range-gradient-disabled::-moz-range-thumb {
  width: 5px;
  height: 15px;
  background:  #474747;
  border-radius: 20%;
}

/* WebKit (Chrome, Safari) */
.range-gradient-disabled::-webkit-slider-thumb {
	-webkit-appearance: none;
	/* appearance: none; */
	width: 5px;
	height: 15px;
	background: #474747;
	border-radius: 20%;
}

/*=========== disable-range =============*/
.disable-range-gradient {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 2px;
  border-radius: 5px;
  background: repeating-linear-gradient(45deg,#ccc,#ccc 5px,#aaa 5px,#aaa 10px);
  outline: none;
  opacity: 0.9;
  pointer-events: none; /* Prevent interaction */
}

/* Hide the thumb on Firefox */
.disable-range-gradient::-moz-range-thumb {
  width: 5px;
  height: 15px;
  background:  #474747;
  border-radius: 20%;
}

/* WebKit (Chrome, Safari) */
.disable-range-gradient::-webkit-slider-thumb {
	-webkit-appearance: none;
	/* appearance: none; */
	width: 5px;
	height: 15px;
	background: #474747;
	border-radius: 20%;
}



/* Start of Dev Task */

/* =========================================================
   Dev Task Frappe Gantt - Pastel Priority Theme
========================================================= */


/* =========================================================
   LOW PRIORITY
   Soft pastel green
========================================================= */

.gantt .bar-wrapper.task-low .bar {
    fill: #a8d5ba;
}

.gantt .bar-wrapper.task-low .bar-progress {
    fill: #7fc79a;
}


/* =========================================================
   MEDIUM PRIORITY
   Soft pastel blue
========================================================= */

.gantt .bar-wrapper.task-medium .bar {
    fill: #a9c9ff;
}

.gantt .bar-wrapper.task-medium .bar-progress {
    fill: #7fb0ff;
}


/* =========================================================
   HIGH PRIORITY
   Soft pastel orange
========================================================= */

.gantt .bar-wrapper.task-high .bar {
    fill: #ffd6a5;
}

.gantt .bar-wrapper.task-high .bar-progress {
    fill: #ffbe73;
}


/* =========================================================
   CRITICAL PRIORITY
   Soft pastel red
========================================================= */

.gantt .bar-wrapper.task-critical .bar {
    fill: #f7b2b7;
}

.gantt .bar-wrapper.task-critical .bar-progress {
    fill: #ee8f97;
}


/* =========================================================
   COMMON GANTT STYLING
========================================================= */

/* Progress text */
.gantt .bar-label {
    fill: #4b5563;
    font-weight: 600;
    font-size: 11px;
}

/* Task border softness */
.gantt .bar {
    stroke-width: 0;
    transition: all 0.2s ease;
}

/* Slight hover feedback */
.gantt .bar-wrapper:hover .bar {
    filter: brightness(0.96);
}

/* Progress bar smoothness */
.gantt .bar-progress {
    transition: all 0.2s ease;
}


/* Time line modal */

#TIMELINE_TASK_POPUP .dev-task-form-box {
    margin: 0;
}

#TIMELINE_TASK_POPUP .dev-task-badge-wrap {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

#TIMELINE_TASK_POPUP .task-detail-desc {
    min-height: 70px;
}

#TIMELINE_TASK_POPUP .main-task-progress-bar {
    background: #a9c9ff;
}

/* End of Time line modal */



/* =========================================
   Priority badges using existing htmlStatusBox
========================================= */

.priority-low {
    background: #dff5e8;
    color: #2f6f4f;
    border: 1px solid #b8e6cb;
}

.priority-medium {
    background: #dcecff;
    color: #315b96;
    border: 1px solid #bdd7ff;
}

.priority-high {
    background: #ffe8cc;
    color: #9a5b00;
    border: 1px solid #ffd39e;
}

.priority-critical {
    background: #ffd9dd;
    color: #a63c47;
    border: 1px solid #ffbcc3;
}


/* End of Dev Task */