@import url('root.css');
@import url("non-reference-offer-root-icons.css");

body {
    font-family: Tahoma;
}


#banner #logo {
    width: 250px !important;
    height: 96px !important;
    background: url("/sei/static/images/celcom/celcom-logo-h96-1252022.png") no-repeat;
    margin: 0 0 10px 10px !important;
}
/* */
/* Celcom for Style @04072017 @iO */
/* /* FONT Embed */
FONT Embed
@font-face {font-family: 'Century Gothic'; src: url('/sei/static/fonts/gothic.eot'); src: url('/sei/static/fonts/gothic.eot') format('/sei/static/embedded-opentype'), url('/sei/static/fonts/gothic.woff2') format('woff2'), url('/sei/static/fonts/gothic.woff') format('woff'), url('/sei/static/fonts/gothic.ttf') format('truetype'), url('/sei/static/fonts/gothic.svg#CGothic') format('svg'); font-weight:400; font-style:normal;}
@font-face {font-family: 'Century Gothicb'; src: url('/sei/static/fonts/gothicb.eot'); src: url('/sei/static/fonts/gothicb.eot') format('embedded-opentype'), url('/sei/static/fonts/gothicb.woff2') format('woff2'), url('/sei/static/fonts/gothicb.woff') format('woff'), url('/sei/static/fonts/gothicb.ttf') format('truetype'), url('/sei/static/fonts/gothicb.svg#CGothic') format('svg'); font-weight:700; font-style:normal;}
 


@font-face {font-family: 'CGothic'; src: url('/sei/static/fonts/gothic.eot'); src: url('/sei/static/fonts/gothic.eot') format('embedded-opentype'), url('/sei/static/fonts/gothic.woff2') format('woff2'), url('/sei/static/fonts/gothic.woff') format('woff'), url('/sei/static/fonts/gothic.ttf') format('truetype'), url('/sei/static/fonts/gothic.svg#CGothic') format('svg'); font-weight:400; font-style:normal;}
@font-face {font-family: 'CGothic'; src: url('/sei/static/fonts/gothicb.eot'); src: url('/sei/static/fonts/gothicb.eot') format('embedded-opentype'), url('/sei/static/fonts/gothicb.woff2') format('woff2'), url('/sei/static/fonts/gothicb.woff') format('woff'), url('/sei/static/fonts/gothicb.ttf') format('truetype'), url('/sei/static/fonts/gothicb.svg#CGothic') format('svg'); font-weight:700; font-style:normal;}

 .titleBar {
    padding-bottom: 0px;
    background-image: none;
    background-repeat: repeat-x;
    color: white;
    background-color: #f80000;
    width: 100%;
    height: 24px;
    vertical-align: middle;
    background: -webkit-linear-gradient( #4a4d4e, #4a4d4e);
    background: -moz-linear-gradient(top, #4a4d4e, #4a4d4e);
    background: -ms-linear-gradient(#4a4d4e, #4a4d4e);
    background: -o-linear-gradient(#4a4d4e, #4a4d4e);
    background: linear-gradient(#4a4d4e, #4a4d4e);
    filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f80000', endColorstr='#af1400'); /* IE6 & IE7 */
                    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f80000', endColorstr='#af1400')"; /* IE8 */
}


.tabArea {
    background: -webkit-linear-gradient( #00aeef, #00aeef);
    background: -moz-linear-gradient(top, #00aeef, #00aeef);
    background: -ms-linear-gradient(#00aeef, #00aeef);
    background: -o-linear-gradient(#00aeef, #00aeef);
    background: linear-gradient(#00aeef, #00aeef);
    font-family: "Century Gothic", CenturyGothic;
    font-size: 15px;
    filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00aeef', endColorstr='#00aeef'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00aeef', endColorstr='#00aeef')"; /* IE8 */
    height: auto;
    display: inline-block;
}

.tabArea a{
	 font-family: "Century Gothic", CenturyGothic;
    font-size: 15px;
	 text-transform: uppercase;
}
 


.formCellValue {

	background-color: #F6F6F6;
	
}
 
.currentTab {
    background-color:  #0087b9;
    background: -webkit-linear-gradient(#0087b9, #0087b9);
    background: -moz-linear-gradient(top, #0087b9, #0087b9);
    background: -ms-linear-gradient(#0087b9, #0087b9);
    background: -o-linear-gradient(#0087b9, #0087b9);
    background: linear-gradient(#0087b9, #0087b9);
    position: relative;
    bottom: 1px;
    z-index: 1;
    color: white;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0087b9', endColorstr='#0087b9'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0087b9', endColorstr='#0087b9')"; /* IE8 */
}

/* .currentTab:hover {
    background-color:  #5e2750;
    background: -webkit-linear-gradient( #5e2750,  #5e2750);
    background: -moz-linear-gradient(top,  #5e2750,  #5e2750);
    background: -ms-linear-gradient( #5e2750,  #5e2750);
    background: -o-linear-gradient( #5e2750,  #5e2750);
    background: linear-gradient( #5e2750,  #5e2750);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=' #5e2750', endColorstr=' #5e2750'); IE6 & IE7
                 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=' #5e2750', endColorstr='#5e2750')"; IE8
} */

#menuBtmBorder {
    width: 100%;
    clear: both;
    font-size: 1pt;
    text-align: left;
    background-color: #FFFFFF;
    vertical-align: middle;
    height: 0px;
    position: relative;
    top: 1px;
    z-index: -4;
}
 
 .summaryTable th, .summaryTable td, .sortable td {
    padding: 2px 7px 2px 7px;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #969696;
    border-bottom: 1px solid #969696;
}

 .contentHeader .sectionTitle {
     background-color:#ffffff;
     background: -webkit-linear-gradient(#ffffff, #ffffff);
     background: -moz-linear-gradient(top, #ffffff, #ffffff);
     background: -ms-linear-gradient(#ffffff, #ffffff);
     background: -o-linear-gradient(#ffffff, #ffffff);
     background: linear-gradient(#ffffff, #ffffff);
     filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff'); /* IE6 & IE7 */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff')"; /* IE8 */
     color:#424242;
     background-image: none;
     font-weight: normal
     ;
     ont-size:25px;
     font-family:"Century Gothic", CenturyGothic;
     
     text-transform: uppercase;
}
 
 
 .sectionTitle {
     padding-bottom: 0px;
     background: -webkit-linear-gradient(#f80000, #f80000);
     background: -moz-linear-gradient(top, #f80000, #f80000);
     background: -ms-linear-gradient(#f80000, #f80000);
     background: -o-linear-gradient(#f80000, #f80000);
     background: linear-gradient(#f80000, #f80000);
     filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f80000', endColorstr='#f80000'); /* IE6 & IE7 */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f80000', endColorstr;='#f80000')"; /* IE8 */
 }
 
 
.summaryTable th, .summaryTable th a, .sortable thead td, .sortable thead td a {
     color: #ebe7e4;
	 background-color: #0087b9;
     background: -webkit-linear-gradient(#0087b9, #0087b9);
     background: -moz-linear-gradient(top, #0087b9, #0087b9);
     background: -ms-linear-gradient(#0087b9, #0087b9);
     background: -o-linear-gradient(#0087b9, #0087b9);
     background: linear-gradient(#0087b9,#0087b9);
     filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0087b9', endColorstr='#0087b9'); /* IE6 & IE7 */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0087b9', endColorstr;='#0087b9')"; /* IE8 */
     font-family: Tahoma;
     
}


.accordion > li:hover > a, .accordion > li:target > a, .accordion > li > a.active {
    color: #fdfdfd;
    text-shadow: none;
    text-decoration: none;
    background:  #00aeef !important;
    background: -webkit-gradient(linear, left top, left bottom, from( #00aeef), to( #00aeef));
    background: -webkit-linear-gradient( #00aeef,  #00aeef);
    background: -moz-linear-gradient(top,  #00aeef, #00aeef);
    background: -ms-linear-gradient( #00aeef,  #00aeef);
    background: -o-linear-gradient( #00aeef,  #00aeef);
    background: linear-gradient( #00aeef,  #00aeef);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeef', endColorstr='#00aeef');
    zoom: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
    font-family: "Century Gothic", CenturyGothic;
    font-weight: bold;
}
 
 .accordion li {
	 
	background-color: #F6F6F6;
}
 
 .accordion li > a {
     background: #666666;
     background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#666666));
     background: -webkit-linear-gradient(#666666, #666666);
     background: -moz-linear-gradient(top, #666666, #666666);
     background: -ms-linear-gradient(#666666, #666666);
     background: -o-linear-gradient(#666666, #666666);
     background: linear-gradient(#666666, #666666);
     filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#666666'); /* IE6 & IE7 */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#666666')"; /* IE8 */
     font-size:13px;
     font-family: "Century Gothic", CenturyGothic;
     font-weight: bold;
 }
 
.active a{
 background-color:white;
 border-bottom:0;
 /*box-shadow*/
 -webkit-box-shadow:none;
    -moz-box-shadow:none;
         box-shadow:none;
 display:block;
 height:29px;
 padding:0 8px 0 8px;
 position:relative;
 color:#424242;
 z-index: 3000;
 }
 
/*  .active a:hover{
 
   color:#9c2aa0;
 } */
 
 
.active ul a:hover{
  background-color:white;
  color:#00aeef;
  }
 
#tabs span {
	/*background-color:#01367c !important;/*00309C url(/sei/static/images/roll-9-30.png) repeat scroll 0 0;*/
	background: #C80013 url("/sei/static/images/3DTableTop2t-30.png") repeat scroll 0 0;
}

#tabs span.sms,#tabs span.mms,#tabs span.email,#tabs span.home,#tabs span.reports,#tabs span.reminder,#tabs span.sei,#tabs span.staffMatch,#tabs span.mobileVouchers,#tabs span.campaignManager,#tabs span.cgp,#tabs span.staffSafe,#tabs span.inbound
	{
	background-color: #ffffff;
}

#tabs span.sms a, #tabs span.mms a, #tabs span.email a, #tabs span.home a, #tabs span.reports a, #tabs span.reminder a, #tabs span.sei a, #tabs span.staffMatch a, #tabs span.mobileVouchers a, #tabs span.campaignManager a, #tabs span.cgp a, #tabs span.staffSafe a, #tabs span.inbound a {
	color:#C80013 !important;
}

#shortcuts {
	background: #ffffff url("/sei/static/images/3DTableTop2b-24.png") repeat-x scroll 0 3px;
}

.shortcutShade {
	background: #ebebeb repeat-x;
}

/* .contentHeader .sectionTitle,#rightPanel .titleBar, #pageHolder .titleBar {
	background-color: #C80013;
} */

#rightPanel .titleBar{
	background-color:#ebebeb;
}
 
#rightPanel .tableTitle {
	color: #424242;
	background:#d6d6d6;
	font-family: "Century Gothic", CenturyGothic;
	font-weight: bold;
} 
 

.summaryTable th,.summaryTable th a,.sortable thead td,.sortable thead td a
	{
	background-color: #969696;
}

.footerDivider {
	background: #C80013 url("/sei/static/images/3DTableTop2b-24.png") repeat-x scroll 0 7px;
}

#rightPanel table.setupTable div.titleBar {
	background-color: #C80013;
}

/* ********** BELOW IS SPECIFICALLY FOR "RECENT ITEMS" SECTION OF THE PAGE  *********** */

.recentItem .StaffMatchOrderBean,.recentItem .StaffMatchShiftBean,.recentItem .SMSReminderOrderBean,.recentItem .SMSInformationOrderBean
{
	background-image: url(/sei/static/images/icon/red/16px/Order.png);
}

.recentItem .ConnectionPointBean,.recentItem .ClientConnectionBean,.recentItem .UserClientConnectionBean,.recentItem .NetworkConnectionBean,.recentItem .SMPPNetworkConnectionBean
	{
	background-image: url(/sei/static/images/icon/red/16px/Connection.png);
}

.recentItem .CIQBean,.recentItem .COQBean,.recentItem .NIQBean,.recentItem .NOQBean
	{
	background-image: url(/sei/static/images/icon/red/16px/Queue.png);
}

.recentItem .CustomerBean {
	background-image: url(/sei/static/images/icon/red/16px/Customer.png);
}

.recentItem .GroupBean,.recentItem .SubscriberOrderBean {
	background-image: url(/sei/static/images/icon/red/16px/Group.png);
}

.recentItem .ContactBean {
	background-image: url(/sei/static/images/icon/red/16px/Contact.png);
}

.recentItem .SMSBean,.recentItem .SMSStandardOrderBean,.recentItem .SMSBroadcastOrderBean,.recentItem .SMSMailMergeOrderBean,.recentItem .SMSInboundOrderBean
	{
	background-image: url(/sei/static/images/icon/red/16px/SMSMessage.png);
}

.recentItem .MMSBean,.recentItem .MMSStandardOrderBean,.recentItem .MMSBroadcastOrderBean,.recentItem .MMSMailMergeOrderBean,.recentItem .MMSInboundOrderBean
	{
	background-image: url(/sei/static/images/icon/red/16px/MMSMessage.png);
}

.recentItem .EmailBean,.recentItem .EMAILStandardOrderBean,.recentItem .EMAILBroadcastOrderBean,.recentItem .EMAILMailMergeOrderBean
	{
	background-image: url(/sei/static/images/icon/red/16px/EmailMessage.png);
}

.recentItem .RoleBean {
	background-image: url(/sei/static/images/icon/red/16px/Role.png);
}

.recentItem .LicenseBean {
	background-image: url(/sei/static/images/icon/red/16px/License.png);
}

.recentItem .ListBean {
	background-image: url(/sei/static/images/icon/red/16px/File.png);
}

.recentItem .UserBean {
	background-image: url(/sei/static/images/icon/red/16px/User.png);
}

.recentItem .EmployeeBean,.recentItem .StaffMatchEmployeeBean {
	background-image: url(/sei/static/images/icon/red/16px/Employee.png);
}

.recentItem .Address,.recentItem .RoutedAddressBean {
	background-image: url(/sei/static/images/icon/red/16px/Address.png);
}

/* overwrite color in jqx.base.css */
.jqx-widget-header-vodafone {
     color: #ebe7e4;
        background-color: #f80000;
     background: -webkit-linear-gradient(#f80000, #f80000);
     background: -moz-linear-gradient(top, #f80000, #f80000);
     background: -ms-linear-gradient(#f80000, #f80000);
     background: -o-linear-gradient(#f80000, #f80000);
     background: linear-gradient(#f80000, #f80000);
     filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f80000', endColorstr='#f80000'); /* IE6 & IE7 */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f80000', endColorstr;='#f80000')"; /* IE8 */
}

#bannerTableDiv ul{
	background-color:  #F6F6F6;
}

.formTable{
	background-color: #F6F6F6;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	background-color: #F6F6F6;
}

.ui-tabs .ui-tabs-panel{
	background-color: #F6F6F6;
}
.ui-widget-content{
	background-color: #F6F6F6;
	box-shadow: none;
}

.jqx-grid-cell{
	background-color: #F6F6F6;
}

.summaryRowOdd{
	background-color: #F6F6F6;
} 
 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-dialog-buttonset .ui-button{
	 background: #cccccc;
     box-shadow: none;
}

.ui-dialog-buttonset .ui-button:hover {
	 box-shadow: none;
}
/* Start Next Prev buttons */
.mover{ 
	 
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	color: #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00aeef), color-stop(1, #00aeef) );
	background:-moz-linear-gradient( center top, #00aeef 5%, #00aeef 100% );
	background-color:#00aeef;
	text-shadow:none;
	border:0px solid #00aeef;
	 
}

 .next-tab:Hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0087b9), color-stop(1, #0087b9) );
	background:-moz-linear-gradient( center top, #0087b9 5%, #0087b9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0087b9', endColorstr='#5e2750');
	background-color:#0087b9;
	 
	
}

.prev-tab:Hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0087b9), color-stop(1, #0087b9) );
	background:-moz-linear-gradient( center top, #0087b9 5%, #0087b9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0087b9', endColorstr='#0087b9');
	background-color:#0087b9;
	text-decoration:none;
	
}

   

.prevDisabled{
    
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F6F6F6), color-stop(1,#F6F6F6) );
    background:-moz-linear-gradient( center top, #F6F6F6 5%, #F6F6F6 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#F6F6F6');
    background-color:#F6F6F6;
    border:1px solid #cccccc;
    text-shadow:none;
}

.prevDisabled:Hover{
      background-color: #F6F6F6;
}

.nxtDisabled{
    
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F6F6F6), color-stop(1, #F6F6F6) );
    background:-moz-linear-gradient( center top, #F6F6F6 5%, #F6F6F6 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#F6F6F6');
    background-color:#F6F6F6;
    border:1px solid #cccccc;
    text-shadow:none;
}

.nxtDisabled:Hover{
     background-color: #F6F6F6;
}

/* The End Next Prev buttons */


 



#footer{
	background-color: #F6F6F6;
}
/*
#bodycontent {
   background-color: #F7F7F7;
}
*/
#footer #legal a {
	 color: #659ec7;
}

#footer #legal{
 color: #333;
 }

#footer #powered_by {
    height: 45px;
    position: absolute;
    left: 15px;
    display: inline-block;
    margin-top: 20px;
}

img {
    border: 0;
}
/* #footer #appLinks a:link {
	 color: #333;
	 
}  */

#bodyPanels #rightPanel{
	background-color :#ffffff;
}
/*
#bodyPanels #leftPanel{
	background-color :#F6F6F6;
}*/

.odd,#accStatus tbody tr:nth-child(odd){
	background-color : #F6F6F6 !important;
	
}


/********************************************/
.ui-widget-content a {
	font-family: Tahoma;
	font-size: 13px;
	text-decoration: none;
}
 
 .iconDown{
     background: url(/sei/static/images/celcom/BlueDownArrow.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     display: block;
    /*  background-size: contain; */
   /*   width:5px;
     height:5px; */
 }
 .iconDown[display="none"]{
  background: url(/sei/static/images/celcom/WhiteUpArrow.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display:block;
 }
 
 .accordion li.accountStatus > a:before{
   background-image: url("/sei/static/images/celcom/AccountStatus.png") !important;
   margin: 0px 0px;
   height: 31px;
   background-position: center;
   background-color: #424242;
 }
 
  .accordion li.accountStatus > a.active::before{
   background-image: url("/sei/static/images/celcom/AccountStatus.png") !important;
   margin: 0px 0px;
   height: 31px;
   background-position: center;
   background-color: #0087b9;
 }
 .accordion li.usefulLinks > a:before{
   background-image: url("/sei/static/images/celcom/UsefulLinks.png") !important;
   margin: 0px 0px;
   height: 31px;
   background-position: center;
   background-color: #424242;
 }
 
 
  .accordion li.usefulLinks >a.active::before   {
   background-image: url("/sei/static/images/celcom/UsefulLinks.png") !important;
   margin: 0px 0px;
   height: 31px;
   background-position: center;
   background-color: #0087b9;
 }
 
 
 
 .accordion li.Personal > a:before{
 background-image: url("/sei/static/images/celcom/PersonalSetup.png") !important;
 margin: 0px 0px;
 height: 31px;
 background-position: center;
 background-color: #424242;
 }
 
  .accordion li.Personal > a.active::before {
 background-image: url("/sei/static/images/celcom/PersonalSetup.png") !important;
 margin: 0px 0px;
 height: 31px;
 background-position: center;
 background-color: #0087b9;
 }
 
/*  .accordion > li:hover > a, .accordion > li:target > a, .accordion > li > a.active > a:before {
    margin: 0px 0px;
 height: 31px;
 background-position: center;
 background-color: #0087b9;
 
 } */
 
.accordion li.recentItems > a:before {
 
 background-image: url("/sei/static/images/celcom/RecentItems.png") !important;
  margin: 0px 0px;
 height: 31px;
 background-position: center;
 background-color: #424242;
 }
 
 .accordion li.recentItems > a.active::before {
 
 background-image: url("/sei/static/images/celcom/RecentItems.png") !important;
  margin: 0px 0px;
 height: 31px;
 background-position: center;
 background-color: #0087b9;
 }
 
 
 .ui-tabs .ui-tabs-nav li{
 background: #666666  ;
 }
 
 
 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a
 {
     color:white; 
     text-shadow: none;
 }
 
 
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
 {
     color:#424242; 
 }
 
 .contentHeader IMG{
 background-image: none;
 width: 1px;
 }
 
 
 .contentHeader .ContactBean, .contentHeader .AutomatedContactUpdateBean{
  background-image: none;
  width:1px;
 }
 
 
/*  INPUT.button, INPUT.disabledButton, .grayed{
 color:#ffffff;
 background: #00aeef;
 border:none;
 font-weight: bold;
 font-size: 15px;
 
 } */
 
 INPUT.button {
 color:#ffffff;
 background: #00aeef;
 border:none;
 font-weight: bold;
 font-size: 13px;
 font-family: "Century Gothic", CenturyGothic;
 text-transform: uppercase;
 }

mat-dialog-container button {
    background-color: #00aeef !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-family: "Century Gothic", CenturyGothic !important;
    text-transform: uppercase;
    box-shadow: none !important;
}

mat-dialog-container .popupDialogButtons button {
    height: 24px;
    line-height: 25px;
}
 
 #rightPanel select{
 
  background: #efefef;
 }
 
 .icon-help_light{
     background: url("/sei/static/images/celcom/HelpQuestionMark_small.png") no-repeat;
 }
 
 
  INPUT.disabledButton, .grayed{
   background: #666666;
   color:#d6d6d6;
  font-family: "Century Gothic", CenturyGothic;
   border:none;
 font-weight: bold;
 font-size: 15px;
 text-transform: uppercase;
  }
  
  .contentHeader .UserBean, .contentHeader .LoginHistorySummaryBean, .contentHeader .LoginHistoryBean{
    background-image: none;
    width: 1px;
    
  
  }
  
  
  .contentHeader .CustomerBean{
   background-image: none;
    width: 1px;
  
  }

.contentHeader .Shortcut_Gear
{
    background-image: url(/sei/static/images/icon/common/24px/soprano_settings.png);
    background-position: center left;
}
  
  
  .setupImagePlus{
   background: url("/sei/static/images/celcom/Plus.png") no-repeat;
  /*  width:12px;
   height:12px; */
  }
  
  .setupImageMinus{
   background: url("/sei/static/images/celcom/Minus.png") no-repeat
  }
  
   .accordion, .accordion ul, .accordion li, .accordion a, .accordion span{
  
   color: #00aeef;
  }  
  
  .tabArea a:hover{
    background-color:#0087b9;
    color:#CCCCCC;

}


.setupHighlightLeaf{
	color:red;
	
}
.setupLeaf a{
	 color: #424242 !important;
	 font-family: Tahoma;
}

.contentHeader .ListBean, .contentHeader .StaffMatchShiftTimeBean{
	background-image: none;
	width: 1px;
	
}

.contentHeader .GroupBean, .contentHeader .SubscriberOrderBean, .contentHeader .SubscriberBean{
	
	background-image: none;
	width: 1px;
	
}

.contentHeader .LicenseBean, .contentHeader .UserLicenseBean, .contentHeader .ApplicationLicenseBean, .contentHeader .UserBeanChangePassword, .contentHeader .MessagePackLicenseBean
{
	background-image: none;
	width: 1px;
	
}

.contentHeader .EmployeeBean, .contentHeader .StaffMatchEmployeeBean, .contentHeader .StaffMatchEmployeeAutoImportBean, .contentHeader .ContentVisibilityControlBean, .contentHeader .StaffMatchQualificationBean
{
	background-image: none;
	width: 1px;
	
}

.contentHeader .SMSBean, .contentHeader .SMSStandardOrderBean, .contentHeader .SMSBroadcastOrderBean, .contentHeader .SMSMailMergeOrderBean, .contentHeader .SMSPreferenceBean, .contentHeader .SMSInboundOrderBean, .contentHeader .StaffMatchUserPreferenceBean, .contentHeader .SMSBroadcastTemplateBean, .contentHeader .SMSMailMergeTemplateBean, .contentHeader .SMSStandardTemplateBean, .contentHeader .SMSResponseMessageBean{
		background-image: none;
	width: 1px;
	
}

.contentHeader .MMSBean, .contentHeader .MMSStandardOrderBean, .contentHeader .MMSBroadcastOrderBean, .contentHeader .MMSMailMergeOrderBean, .contentHeader .MMSInboundOrderBean, .contentHeader .MMSPreferenceBean, .contentHeader .MMSSmilTemplateBean, .contentHeader .MMSBroadcastTemplateBean, .contentHeader .MMSResponseMessageBean
{
			background-image: none;
	width: 1px;
	
}

.contentHeader .EmailBean, .contentHeader .EMAILStandardOrderBean, .contentHeader .EMAILBroadcastOrderBean, .contentHeader .EMAILMailMergeOrderBean, .contentHeader .EmailPreferenceBean, .contentHeader .EMAILPreferenceBean, .contentHeader .EMAILBroadcastTemplateBean{
    background-image: none;
	width: 1px;	
	
}

.contentHeader .HandsetProfileBean{
	 background-image: none;
	width: 1px;	
	
}

.contentHeader .Address, .contentHeader .RoutedAddressBean, .contentHeader .StaffMatchLocationBean{
	background-image: none;
	width: 1px;	
	
	
}

.contentHeader .InvoiceBean{
	 background-image: none;
	width: 1px;		
	
}

.jqx-widget-header{
	background: #00aeef;
	
}

.contentHeader .uri_23{
	background-image: none;
	width: 1px;		
	
}

.setupTable a {
	font-family: Tahoma;
	
}

.setupChildContainer{
	font-family: Tahoma;
	
}

.quickLinkStyle{
	font-family: Tahoma;
	text-transform: uppercase;
	color: #424242;
	
}

 
.formCellLabel{
	background-color: #F6F6F6;
	font-family: "Century Gothic", CenturyGothic;
	font-weight: bold;
	color:#424242;
	font-size: 13px;
	text-transform: uppercase;
}

#banner #bannerTableDiv a{
	font-family: Tahoma;
	
}

.accordion li.Company > a:before{
	background-image: url("/sei/static/images/icon/common/24px/ls_company_setup.png") !important;
    margin: 0px 0px;
    height: 31px;
    background-position: center;
    background-color: #424242;
}

.accordion li.Company > a.active::before{
	background-image: url("/sei/static/images/icon/common/24px/ls_company_setup.png") !important;
    margin: 0px 0px;
    height: 31px;
    background-position: center;
    background-color: #0087b9;
}

.accordion li.Platform > a:before{
	background-image: url("/sei/static/images/icon/common/24px/icon-settings.png");
    margin: 0px 0px;
    height: 31px;
    background-position: center;
    background-color: #424242;
}

.accordion li.Platform > a.active::before{
	background-image: url("/sei/static/images/icon/common/24px/icon-settings.png");
    margin: 0px 0px;
    height: 31px;
    background-position: center;
    background-color: #0087b9;
}

.accordion > li:hover > a span, .accordion > li:target > a span, .accordion > li > a.active span.iconDown{
	
	display: block !important;
	background: url(/sei/static/images/celcom/WhiteUpArrow.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
 
}

#footer #appLinks{
	color:#333;
	
	
}

.ui-widget-content a:hover{
	color:#00aeef;
	
}

.contentHeader{
	background: #ffffff;
	
}

.arrow{
	top:12px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid white;
	border-bottom: 0;
}


/* #banner #bannerTableDiv a span {
	color:#0087b9;
}
 */

/* Content */
.contentx {background:#fff url(/static/images/celcom/body-bg.jpg) no-repeat 0 0; height:696px; width:686px; margin-top:-12px; position:relative; }
.contentx h2, .contentx h3 {font-size:40px; font-weight:700; line-height:1; color:#00aeef; margin-bottom:30px; font-family:"CGothic";}
.contentx .indent { box-sizing:border-box; padding:60px 32px 40px 32px;}

.contentx a.btn-req { background:#f5911d; color:#fff; border:2px solid #f5911d; font-size:18px; line-height:24px; text-transform:uppercase; font-weight:400; padding:8px 16px; display:inline-block; margin-top:25px; border-radius:0; text-decoration:none; transition:all 300ms; font-family:"CGothic"; margin-left:1px;}
.contentx a.btn-req:hover {color:#fff; background:#fbb833; border-color:#fbb833;}

.contentx ul {margin:60px 0 0; padding:0; list-style-type:none; }
.contentx ul li {background: url(/static/images/celcom/arrow.png) no-repeat 0 3px; font-size:16px; line-height:24px; padding-left:24px; padding-bottom:12px; font-weight:400; font-family:"Tahoma"; color:#333;}

/* Services */
.servicex {margin:0 0 5px; padding:25px 20px 15px; overflow: hidden; background:#fff; border:1px solid #ececec;} 
.servicex .box {width: 18%; padding:0 1%; float: left; text-align: center;}
.servicex .box h3, .servicex .box h4 {font-size:14px; font-weight:400; line-height:16px; color:#333; font-family:"CGothic";}
.servicex .box h3 img, .servicex .box h4 img {display:block; margin:0 auto 4px;}
.servicex img::selection { background:none; } .servicex img::-moz-selection { background:none;}

/* Features */
.featurex {padding:34px 22px 20px; overflow: hidden; background:#fff; border:1px solid #ececec;}
.featurex .cols {float: left; padding:0 10px; box-sizing:border-box; margin-bottom:25px;}
.featurex .cols.col-x3 {width:33.333333%;} .featurex .cols.col-x2 {width:50%; min-height:125px;} .featurex .cols.first {clear:left;} 
.featurex h4 {font-size:16px; line-height:18px; margin:0 0 6px; color:#00aeef; display:block; font-weight:700; font-family:"CGothic";} 

.featurex p {font-size:15px; line-height:18px; color:#333; margin:0; font-family:"Tahoma"; font-weight:400;}
.featurex img::selection { background:none; } .featurex img::-moz-selection { background:none;}

/* Sidebar */
.sidebarx {width:330px; padding:0; margin:-25px 0px 0 -10px;} 
.sidebarx .sbox { box-shadow:-8px 5px 10px 0px #ccc; background:#fff; margin:0 0 12px; border:1px solid #ececec;}
.sidebarx h3, .sidebarx h4 { font-size:16px; line-height:24px; color:#00aeef; font-weight:700; font-family: "CGothic"; padding:13px 32px 10px; display:block; text-transform:uppercase; border-bottom:1px solid #ececec;}
.sidebarx p {font-size:15px; line-height:18px; margin-top:10px;} .sidebarx img {max-width:100%; height:auto;}
.sidebarx a {color:#333; text-decoration:none;} .sidebarx a:hover {color:#00aeef; text-decoration:none;}

.sidebarx ul {list-style:none; margin:0 0 10px; padding:0;} .sidebarx ul:last-child {margin-bottom:0;}
.sidebarx ul li {font-size:15px; line-height:1.1; font-weight:400; font-family: "Tahoma"; padding:0 32px 0 52px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; background:url(/static/images/celcom/arrow2.png) no-repeat 32px 8px;} 
.sidebarx ul li:last-child {border-bottom:0 none;}
.sidebarx ul li a {color:#333; text-decoration:none; display:block; padding:9px 0;} .sidebarx ul li:hover a {color:#00aeef;}
.sidebarx ul li em {font-style:normal; font-weight:400; font-size:18px; line-height:.9;}
.sidebarx-soprano {position:absolute; bottom:5px; right:100px;} .sidebarx-soprano img {max-width:173px; height:auto;}

/* Override Original style  */
body#loginBody, #loginTopBar, body#loginBody #bodywrap {background-color: #f6f6f6;} body#loginBody #bodywrap {border-top:8px solid #00aeef;}
body#loginBody #bodycontent {padding-bottom:0 !important; background:none !important;}
body#loginBody #bodycontent table, body#loginBody #bodywrap > div table {background:#f6f6f6; border-collapse:collapse;} 
body#loginBody #bodycontent table td, body#loginBody #bodywrap > div table td {vertical-align:top; padding: 0;} 
body#loginBody #bodywrap > div table td  {padding:0 !important;} 

body#loginBody #banner { height:112px; background:#f6f6f6; box-shadow:none; padding-top:12px; padding-bottom:0;}
body#loginBody #loginBanner {height:112px; background:#00aeef; padding-top:10px;} body#loginBody #bodywrap > div > table #loginBanner {padding-top:13px;}
body#loginBody #banner #logo {padding:0; height:123px; width:245px; margin-left:2px; margin-top:1px; background-image:url("/static/images/celcom/celcom_logo_245px-1252022.png");background-position:0 0; background-size:auto 6rem;}

body#loginBody #login {background:#00aeef; box-sizing:border-box; margin:0; border-radius:0; padding:0 32px 10px !important; top:17px !important; border:0 none !important; box-shadow:-8px 5px 10px 0px #ccc; width:330px !important; margin-left:-10px !important;} 

body#loginBody #login #loginTitle { color:#fff; background:#0087b9; text-align:left; text-transform:uppercase; font-weight:700; font-size:15px; margin:-5px -32px 2px !important; padding:4px 32px;} 
body#loginBody #forgotPass, body#loginBody #actions img.forgot, body#loginBody #login:before {display:none;}
body#loginBody #login fieldset#inputs, body#loginBody #login fieldset#actions, body#loginBody #login fieldset {border:0 none; padding:0;}
body#loginBody #login #inputs input, #ResetPassInputs #resetPassEmail, #ResetPassInputs #captchaText {box-sizing:border-box; color:#333; margin: 0 0 12px; width:266px !important; padding:7px 8px 7px 28px; border:1px solid #fff; border-radius:0; background-color:#fff; box-shadow:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;} body#loginBody #login #forgotRing {display:none !important;}
#ResetPassInputs #resetPassEmail, #ResetPassInputs #captchaText {border:1px solid #cacaca;}
body#loginBody #login #inputs input:hover, body#loginBody #login #inputs input:focus {border-color:#fff; color:#000;}
body#loginBody #loginSubmit { background:none; border:2px solid #fff; color:#fff; text-shadow:none; padding:4px 28px 6px; float:left; margin-left:4px; font-size:14px; font-weight:700; font-family: "CGothic"; margin:0 0 12px 0 !important; cursor:pointer; height:30px; width:auto; box-shadow:none; border-radius:0;transition:all 300ms; text-transform:uppercase;} body#loginBody #loginSubmit:hover { background:#fff; color:#00aeef;} 
body#loginBody #loginSubmit[readonly], body#loginBody #loginSubmit[readonly]:hover, body#loginBody #loginSubmit[readonly]:active {background:#c7c7c7; color:#0087b9;}

/* #ResetPassInputs #resetPassEmail {width:100% !important;} 
#ResetPassInputs #captchaText {width:150px !important; clear:left; float:left;}  */
#ResetPassInputs input {width:150px !important; border-radius:0px !important;} #loginTile>span {position: relative; top: -14px;}
#ResetPassInputs input#loginSubmit {background:#00aeef; color:#fff; height:36px;} 
#ResetPassInputs input#loginSubmit:hover {background:#0087b9; color:#fff;}
#ResetPassInputs+#loginTile {width:200px; left:74px !important; top:-52px !important;} #loginTile #captcha {left:10px !important; top:0 !important;}
body#loginBody .has-next+#login {position:absolute !important; z-index:99 !important; top:16px !important; right:-330px !important; left:auto !important; width:330px !important; margin-top:1px !important; background:#00aeef; color:#fff;}
body#loginBody .has-next+#login #loginTitle {text-align:left; margin:-15px -32px 2px !important; padding:4px 32px; background:#0087b9; color:#fff; text-transform:uppercase; font-weight:700; font-size:15px;} 
body#loginBody .has-next+#login #loginSubmit {margin:0 !important;}

body#loginBody #actions { margin:0;} 
body#loginBody #actions #forgotTxt { color:#fff !important; margin:0 !important; font-family:"Tahoma", sans-serif; font-weight:400; font-size:11px; padding-top:0; float:right;}
body#loginBody #actions #forgotTxt:hover {text-decoration:underline !important;}
body#loginBody #bodywrap > div> table #login {margin-top:3px !important; float:left; margin-bottom:25px;} 
body#loginBody #bodywrap > div> table #login #loginTitle {text-indent:inherit; margin-left:-32px !important;}

body#loginBody #footer {background:#f6f6f6; border-top:7px solid #00aeef; height:auto; margin:-75px auto 0; padding: 0; text-shadow: none;}
body#loginBody #footer #legal {background:#fff; color: #333; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:35px 10px;}
body#loginBody #footer #legal a { font-size:14px; color:#659ec7;} body#loginBody #footer #legal a:hover {text-decoration:underline;} 
#bodycontent>table>tbody>tr:first-child>td{padding: 0 0 0px !important; }#bodycontent>table>tbody>tr:nth-child(2)>td>div:first-child, body#loginBody #bodywrap > div > table td > div:first-child{margin-left:0 !important; position:relative;}
body#loginBody #captcha {position:static !important;  } body#loginBody #loginTile > span {top:15px !important; left:15px;}
body#loginBody #loginTile {position:static !important; float:left; margin-right:20px; margin-top:10px;} 

#searchImg {
        width:24px;
        height:24px;
        margin-top:8px;
        margin-right:15px;
        display:block;
        background: url("/sei/static/images/celcom/search.png") right top no-repeat;
}


#dialog-form2FA #logo2FA {
	background: url("/sei/static/images/celcom/celcom_logo_245px-1252022.png") no-repeat;
	background-size: auto 50px;
	height: 50px !important;
}

/* Rapid Alert details page changes MEMS-6991 */
table .rapid_alert_form_group label {
	font-family: "Century Gothic", CenturyGothic;
    font-weight: bold;
    color: #424242;
    font-size: 13px;
    text-transform: uppercase;
}

/*Search bar, online help and user info*/
#banner #header_top_right {
    height: 44px;
    text-align: right;
    z-index: 11;
    width: 22%;
    top: 8%;
    transform: translateY(-50%);
    max-width: 250px;
}

#banner #header_top_right #online_help {
    width: 20px;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 65px;
}

a {
    cursor: pointer;
    text-shadow: none;
}

#banner #header_top_right #online_help #online_help_img {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -2px;
    background: url(/sei/static/images/celcom/help.svg) no-repeat;
    background-size: 24px auto;
}

#banner #header_top_right #userDivTrigger {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#banner #header_top_right #userDivTrigger #defaultAvatar {
    background: url(/sei/static/images/celcom/contact.png) no-repeat;
    background-size: 32px 32px;
}

#banner #header_top_right #userDivTrigger .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

#banner #header_top_right #userDivContent {
    position: absolute;
    right: 0;
    list-style: none;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    background-color: #ffffff;
    padding: 12px 24px;
    margin: 0 12px 0 0;
    text-align: left;
    display: none;
    width: max-content;
}

input#searchMenu {
    border-radius: 8px;
    border: solid 1px #dddddd;
    padding: 6px 12px;
    font-family: "ATTAleckSans-Regular", sans-serif;
    font-size: 16px !important;
    color: #1d2329;
    left: 0;
    position: relative;
}