/*gloabal nav bar*/

.utilityAndUserBackground {
	height: 30px;
	width: 100%;
	background: url('../img/UtilityNav_greybar.jpg') left top no-repeat;
}

.utilityAndUserWrapper {
	height: 30px;
	width: 565px;
}

.utilityNavActive {
	font-family: Arial, 'AvenirLTStd-Heavy', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0023A0;
	padding: 5px
}

.utilityNavPending {
	font-family: Arial, 'AvenirLTStd-Heavy', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6A6A6A;
	padding: 5px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.userPanelSeparator {
	font-family: Arial, 'AvenirLTStd-Heavy', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #363430;
	padding: 5px;
}

.userPanelActive {
	font-family: Arial, 'AvenirLTStd-Heavy', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0023A0;
	padding: 5px;
}

.utilityAndUserWrapper {
	height: 30px;
	width: 565px;
}

/*gloabal nav bar end*/

.searchLessFilter {
}

ul.page-list {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
}

ul.page-list  li {
	margin: 0px;
	display: inline-block;
	line-height: 10px;
	list-style: none;
	padding: 0px 10px;
	border-right: solid 1px #c3c3c3;
}

ul.page-list  li.no-border {
	border-right: none;
	padding-right: 0px;
}

ul.page-list  li:first-child {
	padding-left: 0px;
}

ul.page-list  li:last-child {
	border-right: none;
}

ul.page-list  li a {
	color: #8a8a8a;
}

ul.page-list  li a i {
	font-size: 10px;
	padding: 0 5px;
}

ul.page-list li a:hover {
	color: #1a1f71;
}

ul.page-list li.disabled a:hover {
	color: #8a8a8a;
}

ul.page-list li.selected a{
	color: #1a1f71;
	font-weight:bold;
}
.search-input-style .form-control{
	max-height:100px;
	overflow-y:auto;
	overflow-x:hidden;	
}
.user-outer-box {
	padding-left: 25px;
}
.search-input-style .form-control {
	height: auto;
	min-height: 45px;
}
button.add-filter-disabled{
	background:grey;
}
button.add-filter-disabled:hover{
	background:grey;
}

/* for 'All Regions'*/
.accordion-default{
font-weight:600;
font-size: 12px;
border-bottom: solid 1px #f0f0f0;
cursor: pointer;
margin: 0;
padding: 20px 0;
	
	
}
.margin-right-12{
	margin-right:-12px;
}
/* for 'All Regions' end*/

.clearAllLink{
	padding: 0 0 0 50px;
    cursor: pointer;
}
.select-box.show{ display:block !important;}
.select-box{  max-height:494px;display:none;}
.select-box .form-scroll-box{
	max-height:400px;
	margin-bottom:15px;
}
div#merchantAddressFilter div.custom-select-input span{
	cursor:default;
}

.formError {
    color: red;
}

#saveSearchNav.filterGroup li a i.setting {
	display:none;	
} 
#saveSearchNav.filterGroup li.display-gear a i.setting {
	display:block;	
}

/** Autocomplete search**/
ul.search-result-list li.heading {
	font-size: 12px;
	font-weight: 600;
	margin: 10px 0;
	letter-spacing: 0.5px;
	text-align: center;
	color: #b4b4b4;
}

ul.search-result-list li:hover.heading {
	background: none;
	color: #b4b4b4;
}

ul.search-result-list {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 724px;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	padding-bottom: 10px;
}

ul.search-result-list li {
	width: 100%;
	float: left;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

ul.search-result-list  li a.title {
	font-weight: normal;
	display: inline-block;
	color: #404040;
	width: 624px;
	float: left;
	padding-left: 20px;
}

ul.search-result-list  li a.value {
	font-weight: normal;
	text-align: right;
	color: #7f7f7f;
	width: 100px;
	float: left;
	padding-right: 20px;
}

ul.search-result-list  li:hover {
	background-color: #0a41a6;
	color: #fff;
}

ul.search-result-list  li:hover a {
	background-color: #0a41a6;
	color: #fff;
} 
.modal.fade.custom-popup-style{
	pointer-events:auto;
}

.filters-list ul li {
    margin: 0 5px 0 0;
    padding: 5px 0 0 0;
}

.filters-list ul li a {
    padding: 5px 12px;
}

#modalView {
	display: none;
	margin: 0;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: silver;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	pointer-events:auto;
}

.top-space-80 {
	margin-top: 80px;
}

/* Preview Offer mock up */
ul.offer-group-list {
    margin: 0px 0 0 45px;
    padding: 0px;
    width: 358px;
    float: right;
}

ul.offer-group-list li.title {
    width: 177px;
    float: left;
    font-size: 10px;
    padding: 7px 0 0 0;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #afafaf;
}

.list-row .text-box p:after {
	content: '';
}

ul.group-list-text {
    margin: 0px 0 0 45px;
}
ul.group-list-text li.value{
	width : 140px;
}
ul.group-list-text{
	width :220px;
}
ul.group-list-text{
	margin-left:29px;
}
ul.group-list-text.wider li.value{
	width : 145px;
}
ul.group-list-text.wider{
	width :225px;
}
ul.group-list-text.wider{
	margin-left:24px;
}
.list-row{
	word-wrap:break-word;
	padding-bottom:25px;
}
.list-row .text-box .heading a{
	color: #101010 ;
}
label.merchant-logo-placeholder, a.merchant-logo-placeholder{
	font-size: 10px;
	color: #b8b9ba;
	font-family: 'Open Sans', sans-serif;
	background: url(../images/th_112_47_merchant_img_no_text.png) no-repeat;
	width: 112px;
	height: 47px;
	float: left;
	text-align: center;
	padding-top: 10px;
}
a.merchant-logo-placeholder{
	cursor:pointer;
}
.user-outer-box span{
    width: 147px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align:left;
}
.user-outer-box{
	width:203px;
}

div.progress-bar-outer{
	margin-top: 55px;
}
.formError{
	font-size:12px;
	font-weight: normal;
}

div.view-report{
	width: auto;
	display: inline;
	cursor:pointer;
}

i.tooltip-icon {
	margin-top : 0px;
}

.width-33-percent{
	width : 33%;
}
.width-34-percent{
	width : 34%;
}
/* used in preview offer*/
.offer-img-placeholder {
	color: #585858;
	text-align: center;
	line-height:98px;
	font-size:14px;
	display:inline-block;
	background: url(../images/offer-img-placeholder.png) no-repeat;
	width: 130px;
	height: 98px;
}
.offer-img-placeholder:hover{
	color:#585858;	
}

.logo-box {
    width: 114px;
}

.merchant-details-box .heading a{
	color: #101010 ;
	cursor: pointer;
}

.offer-view-nav ul li a{
	cursor: pointer;
}

.list-nav .select-input-list{
	margin: 11px 7px 0 0;
}
.nav-stacked.accordion-nav li a i.question{
	margin-top:15px;
}
#generateIssuerUrlFilter {
    font-size: 13px;	
}

#merchantAddressesPopup .borderBottom{
	border-bottom: solid 1px #ededed;
    padding: 0px 0 15px 0;
    margin-bottom: 25px;
}

.breadcrumb-like-style{
	display:inline-block;
	height: 24px;
    line-height: 24px;
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    padding: 0 10px;
    border-radius: 40px;
    background-color: #f9b700;
}
.breadcrumb-like-style:hover{
    text-decoration: none;
	color: #fff;
}
	
.mercAddressList{
	height: 400px;
	padding-right:10px;
}
body.fixed-hight {
    background-color: #c7c7c7;
}

body.no-bg{
    background-color: transparent;
}

.trim-text-150px, .trim-text-200px, .trim-text-230px, .trim-text-250px, .trim-text-280px, .trim-text-450px{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*for bootstrap select*/
.trim-to-width{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.trim-text-150px{
	width:150px;
}
.trim-text-200px {
	width:200px;
}
.trim-text-250px{
    width: 250px;
}
.trim-text-230px{
    width: 230px;
}
.trim-text-280px{
    width: 280px;
}
.trim-text-450px{
    width: 450px;
}

#imgEditDlg #editImgFileName{
    font-size: 13px;
    font-weight: normal;
    font-family: 'Myriad Pro';
    vertical-align: bottom;
}
#imgEditDlg #imageInfo span{
	font-size:11px;
	color:#666;
}
#offerImageDialogImagesDiv th{
	text-align:center;
}
#offerImageDialogImagesDiv th:last-child, #offerImageDialogImagesDiv th:first-child {
	text-align:left;
}
#offerImageDialogImagesDiv .merchantImagesPopupFooter{
	width:635px;
}
#imgUploadDlg .imagePromChanneldiv, #imgEditDlg .imagePromChanneldiv{
	width:100%;
}
#imgEditDlg  .merchantImagesContentDiv{
	margin: 0;
    padding: 5px 40px 40px 0px;
    width:100%;
}

.dropdown-menu.inner{
	overflow-x:hidden;
}
.dropdown-menu.inner li span.text{
    overflow-x: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.width-150px{
	width:150px !important;
}
.select-input-list .dropdown-menu li{
	overflow:hidden;
}
.bootstrap-select.btn-group .dropdown-menu.inner{
    overflow-y: hidden !important;
}
.gradient-text-box-112x47 {
	height: 37px;
	width: 102px;
}
#importOffersDialog .progress-bar.progressWrapper{
	position:static;
}

.custom-table tr{
	display:table-row;
}	

.helpIconSetting a{
	float:left;
}

.navbar-default .navbar-nav > li > a {
	padding-left:22px;
}

#offersUploadSummarytabs section.fixed-table-style {
	padding-top: 0;
	background: none;
	position: relative;
	padding-top: 35px;
	background-color: rgba(21, 25, 90, 0.05);
	height: 370px;
}

#offersUploadSummarytabs section.fixed-table-style table,{
	border-spacing: 0;
	width: 100%;
}

#offersUploadSummarytabs section.fixed-table-style td, #offersUploadSummarytabs section.fixed-table-style th {
	background: #ddd;
	color: #000;
	padding: 10px 20px;
	color: #2a2a2a;
	background: #fff;
	font-size: 13px;
}

#offersUploadSummarytabs section.fixed-table-style th {
	padding: 0 8px;	
	height: 0;
	line-height: 0;
	color: transparent;
	border: none;
	white-space: nowrap;
}

#offersUploadSummarytabs section.fixed-table-style .table_container {
	overflow-y: auto;
	height: 230px;
	background-color: white;
	margin: 40px;
	border-top: solid 3px #15195a !important;
	margin-top: 50px;
}

#offersUploadSummarytabs table tbody {
	height: 230px;
	width: 100%;
}

#offersUploadSummarytabs section.fixed-table-style th div {
	position: absolute;
	background: transparent;
	padding: 9px 25px;
	top: 50px;
	margin-left: -13px;
	line-height: normal;
	height: 35px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	color: #15195a;
}

#offersUploadSummarytabs table tbody>tr:first-child>td {
	border-top: none;
}

#noResultFound{
	font-size: 15px;
    font-weight: bold;
   	color: black;
    padding: 25px 35px;
	border-top: solid 1px #ededed;
   	display:none;
}


#skippedContensForXLSDialog ul{
	margin: 20px 0;
	list-style:none;
	padding:20px;
}

#skippedContensForXLSDialog li{
	padding: 10px 0;
	font-weight: normal;
	border-bottom : solid 1px lightgrey;
}
#skippedContensForXLSDialog li .soc-title{
	padding-left : 10px;
	font-size:13px;
	
}
#skippedContensForXLSDialog button.btn-blue{
	width:auto;
	min-width:110px;
}

.tdValueItem p span, .outer-box .value, .custom-table.table tr td,
	.wordwrap, #offersUploadSummarytabs section.fixed-table-style td,
	#offersUploadSummarytabs section.fixed-table-style th {
	 word-wrap:break-word; 
	 text-align:justify;
}
#merchantAddUploadSummarytabs section.fixed-table-style td,
	#merchantAddUploadSummarytabs section.fixed-table-style th {
	 word-wrap:break-word; 
	 text-align:justify;
}
.nav-stacked.accordion-nav li a i.icon-close{
	top:19px;
}
.nav-stacked.accordion-nav li a i.icon-list{
	margin-top:17px;
}
/*IDMGR-549*/
.radio-btn label.right-space-small{
	margin-right: 15px;
}
.radio-btn.bottom-space {
    margin-bottom: 30px;
}
.italic{
	font-style:italic;
}
.tiny-mce-content{
	max-width:100%;
	/* overflow:auto; to remove horizontal scroll in history*/
	word-wrap:break-word;
}
.tiny-mce-content *{
	overflow:hidden;
	max-width:100%;
}
.tiny-mce-content table td, .tiny-mce-content table th{
	min-width:100px;
    padding-right: 10px;	
}
.tiny-mce-content table th{
	font-weight:bold;
    padding-bottom:5px;
}
.no-scroll{
	overflow:hidden;
}
.fixedTableLayout
{
	table-layout:fixed;
	width:100%;
}
.fixedTableLayout td, .fixedTableLayout th
{
	min-width:166px;
	width:200px;
}
.break-word
{
	word-wrap:break-word;
}

.list-row a.moreLink{
	font-size:11px;
	text-transform: lowercase;
	color:#003ea9;	
}
.margins_15_10{
	margin-bottom:15px;
	margin-top:10px;
}
.display_none
{
	display:none;
}
.display_block
{
	display:block;
}
.owner {
	float: left;
}
.otherLink
{
	position: relative;
    top: -2px;
    left: 3px;
}

.login-box{width:350px;    background-color: rgba(0,0,0, 0.7);}
.btn-login{
	border: none;
}
.login-box h5{
	padding-bottom: 65px;
	margin: 0;
	text-align:left;
}
.loginErrorMessage{
	position: absolute;
    top: 57px;
    color: white;
    width: 260px;
}
.custom-table-list .sortable {
	cursor:pointer;
}
.custom-table-list .sortable .selected-sort::before{  color: #959595 !important;}
.icon-active{color: #959595;}
i.advanced-filters-icon {
	height: 15px;
	width: 15px;
	float: left;
	margin: 0 10px;
}
i.advanced-filters-icon {
	background: url(../images/advanced-filters.png) no-repeat;
	background-size: 15px;
	height: 15px;
}
i.advanced-filter-icon-done{
	height: 15px;
	width: 15px;
	float: left;
	margin: 0 10px;
}
i.advanced-filter-icon-done{
	background: url(../images/checked-white-sm.png) no-repeat;
	background-size: 15px;
 	height: 15px;
}
#advanced-filter-icon-done{
	position: absolute; 
	right: -142px; 
	padding-left:25px;
}
#advanced-filter-icon-done.buttonStyle{
	position: static; 
	right: auto; 
	padding-left:0px;
	float : left;
}
#advanced-filter-icon-done.buttonStyle i{    float: left;
    left: 35px;
    padding-left: 42px;
    position: relative;}


#otherLinkContainer {
	margin-top: 2px;
	padding: 0px;
	float: left;
}
.border-top{
	    border-top: 1px solid #ddd !important;
}
.apiUserRow{
	    margin-top: 110px;
       

}
.download {
	width : 157px;
}
.advanced-search-container-download{
	width: 867px;
	padding: 0px;
	display: none;
	margin: auto;
	background-color: #FFFFFF;
	position: absolute;
	height: 780px;
	float: left;
	z-index: 99;
	margin-top: 1px;
}
#closeDlg{
	float: right;
    position: absolute;
    right: 11px;
    top: 34px;
    z-index: 999999;

}

.create-user-org-left{
	position:relative; left:0; clear:both;
}
.top-space-30{
	padding-top:30px;
}
li.panel{
	cursor:pointer;
}

.record .contentdivtitlea .formError{
	padding-left:130px;
}
.forgetpass_content {
    width: 100%;
    margin: 0px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: red;
}
.forgotTitle {
    font-size: 12px;
    padding: 0px 0px 0px 1px;

}

#merc-filter-container{
	width: 700px; 
    background-color: #FFFFFF;
    position: absolute;
    height: 300px;
    float: left;
    z-index: 99;
    border: solid 1px #d6d6d6;
    margin-top: 32px;
    padding-top: 25px;
    margin-left: 15px;
    cursor : pointer;
}

.datepicker .prev, .datepicker .next{ visibility:visible !important; color:white;}

 .table-heading {   padding: 0 0 10px 0;}
 .searchBox { height:33px!important; }
.custom-check-box input[type="checkbox"] { vertical-align:top; }
#userProgram .custom-check-box-org label {color:#2a2a2a!important;}
#userProgram .table-fixed tbody { height:480px;}
#userProgram .table-fixed thead > tr { border-bottom: 1px solid #ddd !important;}

.breadcrumb-outer{
height: 50px;
 border-bottom: solid 2px; 
border-bottom-color:rgba(151,151,151, 0.5);
   padding:10px 15px; 
   float:left;
    width:100%;
}
.wphoneNumber{
	float: right;
    margin-right: 15px;
}
.width335{
	width : 335px;
	
}

.hide-tab, .hiddenMsgDiv, .showOnSelected{
	display:none;
}

  .user-tab-link.nav-tabs > li.active > a,  .user-tab-link.nav-tabs > li.active > a:focus,  .user-tab-link.nav-tabs > li.active > a:hover{
  background-color:transparent;}
  .sticky-table-custom table th { 
 background-color:transparent;}  
  
 .btn-group-sm.btn.thin {
    width: 70px;
}
#merchantAddUploadSummarytabs section.fixed-table-style {
	padding-top: 0;
	background: none;
	position: relative;
	padding-top: 35px;
	background-color: rgba(21, 25, 90, 0.05);
	height: 370px;
}

#merchantAddUploadSummarytabs section.fixed-table-style table {
	border-spacing: 0;
	width: 100%;
}

#merchantAddUploadSummarytabs section.fixed-table-style td, #offersUploadSummarytabs section.fixed-table-style th {
	background: #ddd;
	color: #000;
	padding: 10px 20px;
	color: #2a2a2a;
	background: #fff;
	font-size: 13px;
}

#merchantAddUploadSummarytabs section.fixed-table-style th {
	padding: 0 8px;	
	height: 0;
	line-height: 0;
	color: transparent;
	border: none;
	white-space: nowrap;
}

#merchantAddUploadSummarytabs section.fixed-table-style .table_container {
	overflow-y: auto;
	height: 230px;
	background-color: white;
	margin: 40px;
	border-top: solid 3px #15195a !important;
	margin-top: 50px;
}

#merchantAddUploadSummarytabs table tbody {
	height: 230px;
	width: 100%;
}

#merchantAddUploadSummarytabs section.fixed-table-style th div {
	position: absolute;
	background: transparent;
	padding: 9px 25px;
	top: 50px;
	margin-left: -13px;
	line-height: normal;
	height: 35px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	color: #15195a;
}

#merchantAddUploadSummarytabs table tbody>tr:first-child>td {
	border-top: none;
}

#programUserAssocDialog .table-fixed tbody { height:480px;}

.offer-view-nav{text-transform: uppercase;}
.top-space-90
{
	margin-top : 90px;
}

.bottom-15{
	padding-bottom:15px;
}

.form-error.leftMargin15{margin-left:15px;}
#merchantAddressDialog .show-when-adding{display:none;}

.custon-drop-box{border:solid 1px #000; position:absolute; width:100%; display:block; min-height:300px; border: solid 1px #d2d2d2;
padding: 15px; background-color:#fff;}

.custon-drop-box ul{ margin:0px; padding:0px;}
.custon-drop-box ul li{ display:block; margin:0px; line-height:30px; padding:0px;}

.btn-width-auto{width:auto !important; padding:0 20px;}

.btn-group.btn:last-child{margin-right:0px;}
.icon-lock{    margin-left: 5px;}
tr.selected-row{
	background-color:rgba(247,182,0,0.05);
}

.break-all-200{
    width: 200px;
 	word-break:break-all;	
}

#merchant-logos-tab table th{
	min-width:90px;
}
.edit.pointer{
	cursor:pointer;
}
.table-content-container{
	min-height:150px;
}
span.required-span::after{
 content: "*";
 font-size: 14px;
    color: #022998;
    right: -5px;
    position: relative;
}
.width-200{
	width:200px !important;
}

.manage-reference-data .sticky-table-custom .sticky-table{
	border-bottom:none;
	max-height:670px;
}

.manage-reference-data #refDataResults .row{
	margin-left:0;
	margin-right:0;
}

.ref-data-success-msg{
	    background: #038703;
    height: 51px;
    margin-left: -50px;
    position: absolute;
    width: 100%;
        color: white;
    line-height: 50px;
    padding: 0 70px;
}

#userTypesSection .sticky-table-custom table tr.custom-header .custom-check-box-org input[type="checkbox"]:not(old) + label{
	    top: 8px;
    position: relative;
}

#utAdminDataGrid .editRefDataRow td{
	border:none;
}
.bottom-10{
	padding-bottom:10px;
}

#userTypesSection #authorizedPrograms .sticky-table-custom table tr th{
    min-width: 70px;
}

.create-user-perm-backgroud{
	background-color: rgba(246,247,249) !important;
}
.top-space-10{
	padding-top:10px;
	}
	
	.clear-all-filter-orange{
	color: #f9b700 !important;
	}
	.editTiny{
	float : right;
	margin-right : -629px;
}
.program-gray-box {
	background-color: rgba(241,243,245,  0.64);
	clear: both;
	margin: 45px 0 30px 0;
	float: left;
	width: 100%;
	padding: 0 50px 50px 50px;
}
.colorBlue{
	background-color: #003ea9;
}
.left-space-25{
	margin-left : 25px;
}
.pull-right{
	float : right;
}
.odd{
	background-color: #fbfbfb ;
}
.top-space-32{
	margin-top:32px;
}
.text-break{
	float: left;
    word-wrap: break-word;
    width:150px;
}
.paddingBottom-65{
	padding-bottom : 65px;
}

	.ui-menu.custom-search-menu-bar .ui-menu-item-wrapper{position: relative;
    padding: 3px 1em 3px 25px;}
 
    
   .ui-menu.custom-search-menu-bar li a span {    float: right; padding-right:20px;}
   
.resource-comment-box{
   background-color: white!important;
    border: solid 0.5px #d6d6d6!important;
 }
 .text-btn{ padding:10px 0 0 0;
cursor: pointer;
font-size: 13px;
font-weight:400;
color: #003ea9;
}
.nav-min-width{
	min-width : 768px;
}
.sub-menu .btn-default .caret{  border:none;
 background-color:transparent;}
.sub-menu .btn-default .caret:after{ position:relative; top:-9px;    content: "\f0d7";  width: 5px;
  height: 5px;
  font-family: FontAwesome;
}

.authorized-Regions{
	width:264px;
	margin-top:196px;
}

.bottom-space-30 {
    margin-bottom: 30px;
}

.font-size-13{
	font-size:13px;
}
.selectedLink{
  background : #747474;
  padding-top: 2.0em;
  padding-bottom: 1.77em;
}

.selectedLink a{  color: #fff !important; }
.navbar-nav > li > ul.active{
	z-index: 9;
}
.subMenuStrip{
	width: 100%;
	background:#393939;
	position: absolute;
	height: 60px;
	box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.5);
}
.margin-top-124{
	margin-top: 124px;
}

#profileImage{
	position: relative;
	top:50%;
	margin-left:-58px;
	left:50%;
	width:117px;
	height:117px;
	border-radius:117px;
	background-color:#E3E3E3;
	border:solid 1px #cbcbd4;
}
#profileImage img{ width:100%; height:100%; border-radius: 200px;   }
.profile-setting{position:absolute; overflow:hidden; top:0%; left:0%; display:none; width:118px; height:117px; border-radius:117px; background-color: rgba(0,0,0,0.5); }
#profileImage:hover .profile-setting{ position:absolute; display:block; width:116px; height:116px; border-radius:118px; background-color: rgba(0,21,52,0.6);}
#profileImage:hover .profile-setting i{ padding:50px 0 0 10px;   text-align:center; color:#fff; cursor:pointer; font-size:17px;}
#profileImage:hover .profile-setting i:first-child{ font-size:14px; padding:51px 0 0 0;}
#profileImage:hover .profile-setting i:hover{ color:#fff; }

#myProfilePopUp.popUpSetting{
	position : absolute !important;
}