/* ----------------[ Last change: 07/April/2016 ]-------------------------

  * CONTENTS
 * Global/Common ...............Globally-available variables and config.
   -- New Font
   --Common Style
   --Common Style for RWD Components starts
   
 * Miscellaneous CSS
 * Common Style for RWD Components starts
 * Banner screen   
 * OTP Screen  
 * Agent Screen
 * Application Header 
 * Application Footer
 * Home Screen
 * Product Screen
 * Prospect List Screen
 * Prospect Screen
 * Diary Screen
 * Customer Info Screen
 * New Account Screen
   -- Document Screen CSS
 *Media Queries
 
------------------------------------------------------------------- */
/* -----------------------------------------------------------------
	   ##  Global/Common Style START
-------------------------------------------------------------------- */
/* ------------------------------
	   ##  New Font
 ------------------------------- */

@font-face {
    font-family: Interstate_Light;
    font-weight: normal;
    font-style: normal;
    src: url(../../../unsecured/resources/fonts/Interstate-Light.woff );
}
/* -------------------------------
	   ##  Common Style
 ------------------------------- */

html * {
    font-family: Interstate_Light !important;
}
*:focus {
    outline: 0 !important;
}
body {
    font-family: Interstate_Light !important;
    background:#eee;
}
.fontFamilyBody {
    font-family: "Interstate_Light", Arial, sans-serif !important;
}
.fontFamilyControl {
    font-family: "Arial", sans-serif !important;
}
.padding-0 {
    padding: 0% !important;
}
a,
a:hover,
a:focus {
    text-decoration: none !important;
}

#basecontainer {
	position: relative;
    height: 100%;
    min-height: 100vh;
    margin:0 auto;
}

#bannercontainer {
	position: relative;
    left: 0;
    right: 0;
    top: 0;
    height: 70px;
    width:100%;
    margin:0;
}

#bannercontainer > div {
	height: inherit;
}

#headercontainer {
	position: relative;
    left: 0;
    right: 0;
    width:1002px;
    margin:0 auto;
}

#contentcontainer {
	position: relative;
    left: 0;
    right: 0;
    padding-bottom: 100px;
    margin:0 auto;
}

#footercontainer {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
}

.cl-Affix-Header ~ #footercontainer {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    margin-top: 80px;
}
 
#footercontainer > div {
	height: inherit;
}
/* -------------------------------
	   ##  Common Style END
 ------------------------------- */
/* -----------------------------------------------------------------
	   ##  Miscellaneous CSS Starts
-------------------------------------------------------------------- */
.cl-border-radius-0{
	border-radius: 0px;
}

.cl-border-radius-1{
	border: 1px solid gray;
}

.cl-width-100 {
    width: 100% !important;
}
.cl-width-99 {
    width: 99% !important;
}
.cl-width-96 {
    width: 96% !important;
}
.cl-align-center {
    text-align: center;
}
.cl-align-right {
    text-align: right;
}
.cl-font-size-extrasmall {
    font-size: 12px;
}
.cl-font-size-small {
    font-size: 16px;
}
.cl-font-size-medium {
    font-size: 20px;
}
.cl-font-size-large {
    font-size: 24px;
}
.cl-font-size-extra-large {
    font-size: 30px;
}
.cl-font-weight-bold {
    font-weight: bold;
}

.cl-font-weight-normal {
    font-weight: normal;
}

.cl-font-color-white{
	color: #FFF !important;	
}

.cl-padding-bottom-0 {
    padding-bottom: 0px;
}
.cl-padding-left-10 {
    padding-left: 10px;
}
.visibility-hidden {
    visibility: hidden;
}

.cl-word-wrap-break-word{
	word-wrap: break-word;	
}

.cl-checkbox-class .rwd_labelcol {
    width: 95%;
    padding-top: 1%;
}
.cl-checkbox-class .rwd_compdiv {
    width: 5% !important;
}
.cl-align-label-center .rwd_labelcol {
    text-align: center;
    width: 100%
}

.cl-white-background-color{
	background: #fff;
}

.cl-height-auto{
	height: auto !important;
}

.cl-margin-left-5{
	margin-left: -5px !important;
}

.cl-padding-left-0, .cl-padding-left-0 ~ div{
	padding-left: 0px !important;
}
.el-padding-left-0{
	padding-left: 0px !important;
}
.cl-padding-right-0{
	padding-right: 0px !important;
}

/* -----------------------------------------------------------------
	   ##  Miscellaneous CSS Ends
-------------------------------------------------------------------- */
/* -------------------------------
	   ##  Common Style for RWD Components starts

 ------------------------------- */

/* -----------Over-rided f/w class to remove hidden component space issue ----------- */

.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-1:nth-child(12n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-2:nth-child(6n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-3:nth-child(4n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-4:nth-child(3n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-6:nth-child(2n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-12:nth-child(n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-5-custom:nth-child(5n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-7-custom:nth-child(7n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-8-custom:nth-child(8n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-9-custom:nth-child(9n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-10-custom:nth-child(10n+2),
.m_pagesectioncolumn .m_pagesectiontableelemcol.col-lg-11-custom:nth-child(11n+2) {
    clear: none !important;
}

[aria-describedby="customerTypeDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable
{
	width: 80% !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    width: auto !important;
}

@media (min-width: 768px) and (max-width: 991px) {
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
	   width: 80% !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) and (orientation : landscape){
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
	   	width: 80% !important;
	   	overflow-y: scroll;
    	height: 98vh !important;
	}
}
/* -----------------------------------------------------------------
	   ##  Common Style for RWD Components ends
-------------------------------------------------------------------- */
/* -----------------------------------------------------------------
	   ##  Banner screen CSS Starts
-------------------------------------------------------------------- */

.cl-banner-img img {
    width: 100%
}
div.cl-banner-pagediv {
	padding: 0%;
	margin: 0%;
	width: 100%;
	overflow: hidden;
}

.cl-header-container {
	background: #00bdf2; /* Old browsers */
	background: -moz-linear-gradient(top, #00bdf2 0%, #00b3f0 20%, #0066b3 75%, #004785
		100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00bdf2),
		color-stop(20%, #00b3f0), color-stop(75%, #0066b3),
		color-stop(100%, #004785) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00bdf2 0%, #00b3f0 20%, #0066b3 75%,
		#004785 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00bdf2 0%, #00b3f0 20%, #0066b3 75%, #004785
		100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00bdf2 0%, #00b3f0 20%, #0066b3 75%, #004785
		100%); /* IE10+ */
	background: linear-gradient(to bottom, #00bdf2 0%, #00b3f0 20%, #0066b3 75%, #004785
		100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#00bdf2',
		endColorstr='#004785', GradientType=0 ); /* IE6-9 */
	height: 100%;
}

.cl-banner-componentRow, .cl-new-acc-navbar-container-main ,.cl-product-info-Container,.cl-MarketingBanner-container,.cl-prodBanner-container
{
	max-width:1002px;
	margin: 0 auto !important;
}

.cl-header-logo-container {
	background: url("../images/citi-logo.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 44px;
	height: 28px;
	margin: 20px 0 0px 18px;
	padding: 0px;
}

.cl-header-logo-container-pl {
	background: url("../images/CitiPolandLogo.png");
	background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 150px;
    height: 28px;
    margin: 20px 0 0 18px;
    padding: 0px;
}

.cl-header-logo-container-pl-kyc {
	background: url(../images/CitiPolandLogo.png);
    background-repeat: no-repeat;
    background-size: 150px;
    height: 58px;
    padding: 0px;
    text-align: center;
    background-position: 50% 50%;
    min-width: 100%;
}

.cl-header-securetext-container {
	width: auto;
	margin: 15px 20px 0 0;
	background: transparent url("../images/icon_secure.png") no-repeat right 0px;
	background-size: 10px 16px;
}

.cl-header-securetext-label-container {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.cl-header-securetext-label {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Interstate;
	color: white;
	font-weight: normal;
}

.cl-header-logout-elemcol {
	width: auto;
	margin: 17px 40px 0 0;
}

.cl-header-logout-elemcol .m_linkimgdiv {
	padding-left: 5px;
}

.cl-header-logout-elemcol .m_linkimgdiv img {
	width: 12px;
	margin-top: -10px
}

.cl-header-logout-elemcol .m_linktextdiv {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Interstate;
	color: white;
	font-weight: normal;
}

.cl-logout-secure-group-elemcol {
	float: right;
	width: auto;
}
/* -----------------------------------------------------------------
	   ##  Banner screen CSS ends
-------------------------------------------------------------------- */
/* -----------------------------------------------------------------
	   ##  OTP screen CSS Starts
-------------------------------------------------------------------- */
.cl-otp-screen-pagediv {
    width: inherit;
    margin: 0 auto;
    border: 0px solid #D2CCCC;
    padding: inherit;
    box-shadow: none;
    background: none;
    animation-name: dropLogin;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1.5s;
}

.cl-otp-screen-pagediv .cl-drop-container {
	/*padding: 4% 2%;*/
	width: 450px;
    background: #fff;
    /* border: 1px solid #D2CCCC;
    box-shadow: 0 0 4px #aaa; */
    margin: 5% auto;
    padding: 4% 2%;
}
.cl-pagediv-hide {
    display: none;
}
.cl-otp-pagesection-pgcontainer .m_pagesectioncolumn {
    width: 350px;
    margin: auto !important;
}
/* -----------------------------------------------------------------
	                   ##  OTP Screen CSS ENDS
-------------------------------------------------------------------- */
/* -----------------------------------------------------------------
	                   ##  Agent Screen CSS starts
-------------------------------------------------------------------- */

.cl-welcomecontainer {
    position: relative;
    margin: auto;
    /* width: 1002px; */
    /* border: 1px solid #D2CCCC; */
    padding: 2% 0;
   /*  box-shadow: 0 0 4px #aaa; */
    background: #fff;
    /* animation-name: dropLogin;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1.5s; */
}


.cl-welcomecontainer .cl-drop-container {
    margin: 0;
    box-shadow: none;
    border: 0px;
    width: 100%;
    padding: 0;
    animation-name: inherit;
    animation-iteration-count: 0;
    animation-timing-function: inherit;
    animation-duration: 0s;
}

.cl-pgsec-right-border {
    border-right: 1px solid #d1cfd5;
}
/* -----------------------------------------------------------------
	                   ##  Agent Screen CSS ends
-------------------------------------------------------------------- */

/* -------------------------------------------
		## Shared Error message display
----------------------------------------------*/

.errorgroup {
	padding: 10px;
	width: 970px;
	margin: 0 auto;
	background: #F9EEB8;
	border: 1px solid #DBCC93;
}

.errorgroup-initial-width, .errorgroup-initial-width div,  .errorgroup-initial-width label {
	margin: 0px 0px 0px 2px;
	padding: 0px;
	width: auto !important;
}

.errorMessageGroup_errorLink div a div {
	text-decoration:underline;
}

/* -----------------------------------------------------------------
	                   ##  Shared Error message CSS ends
-------------------------------------------------------------------- */

/* -------------------------------------------
		## Signature Popup CSS
----------------------------------------------*/

.signBox
{
	height:300px !important;
	display: flex;
	border: 0px solid gray;
	overflow:visible;
	padding: 0;
    margin: 0;
}

.sigPad,.cl-widthAuto {
	width:auto !important;	
}

.cl-rightPadding {
	padding-right: 0px;
}

.pad
{
 	display: flex !important;
 	border: 1px solid #000;
}

/* -----------------------------------------------------------------
	                   ##  Signature Popup CSS End
-------------------------------------------------------------------- */
/* -----------------------------------------------------------------
	   ##  Application Header CSS Starts
-------------------------------------------------------------------- */

.cl-header-container-pagediv {
    padding: 0%;
    margin: 0%;
    width: 100%;
    overflow: hidden;
}
.cl-header-container-pagediv .m_errorspanreset {
    height: 0px;
}
.header-controls {
    min-height: 70px;
    line-height: normal;
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-bottom: 0px solid;
    border-color: #CCC;
    background-color: #056dae;
}
.header_icons img {
    width: 30px;
}
.cl-header-link,
.cl-header-tools-link {
    color: #000000!important;
    font-weight: bold;
    font-size: 14px;
    font-family: "Arial", sans-serif !important;
}
.cl-header-link a {
    text-decoration: none;
}
a.cl-header-link .m_linktextdiv:hover,
a.cl-header-tools-link .m_linktextdiv:hover {
    text-decoration: none !important;
}
.cl-header-link img {
    width: 35px;
    border: 1px solid #CCC;
    padding: 6px;
    height: 35px;
    border-radius: 40px;
}
.cl-header-tools-link img {
    width: 10px;
}
.cl-header-link .m_linktextdiv {
    padding-left: 5px;
}
.cl-tools-elemcol {
    padding-top: 0px;
    border-left: 1px solid #CCC;
    background-color: #F7F4F4;
    border-bottom: 1px solid #CCC;
    height: 70px;
    float: right;
    width: 150px;
}
.cl-tools-elemcol-2 .m_linktextdiv {
    color: #FFFFFF;
}
.cl-tools-elemcol .rwd_compdiv,
.cl-tools-elemcol-2 .rwd_compdiv {
    padding-top: 20%;
    padding-left: 25%;
}
.cl-tools-elemcol-2 {
    padding-top: 0px;
    height: 71px;
    float: right;
    width: 150px;
    background-color: black;
}
.cl-icons-component {
    color: #000000!important;
    font-weight: bold;
    pointer-events: none;
}
.cl-icons-component .m_linktextdiv {
    padding-left: 5px;
}
.cl-tools-elemcol .m_linktextdiv {
    /* IE UI FIXES*/
    
    float: left;
    width: 70%;
    /* IE UI FIXES*/
}
.cl-header-browser-icon-elemcol {
    margin-left: -4% !important;
}
.cl-header-browser-icon-labelspan {
    margin-top: 1% !important;
}
/* -----------------------------------------------------------------
	   ##  Application header CSS Ends
-------------------------------------------------------------------- */
/* -----------------------------------------------------------------
	   ##  Application footer CSS Starts
-------------------------------------------------------------------- */

.cl-footer-pagediv {
    padding: 0%;
    margin: 0%;
    width: 100%;
}
.footer-controls {
    text-align: center;
    background-color: #000000;
}
.cl-footer-controller-container {
    margin: 0px;
    padding: 0px;
    height: 100px;
    border: 1px solid;
}
.cl-footer-controller-container button {
    border: none !important;
}
.cl-footer-img-and-text {
    height: 90px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.cl-footer-home-img {
    background: transparent url("../images/DSAEMEA_HOME_OFF.png") no-repeat top center !important;
}
.cl-footer-newaccount-img {
    background: transparent url("../images/DSAEMEA_NEW_OFF.png") no-repeat top center !important;
}
.cl-footer-customer-img {
    background: transparent url("../images/DSAEMEA_CUSTOMER_OFF.png") no-repeat top center !important;
}
.cl-footer-prospect-img {
    background: transparent url("../images/DSAEMEA_PROSPECT_OFF.png") no-repeat top center !important;
}
.cl-footer-diary-img {
    background: transparent url("../images/DSAEMEA_DIARY_OFF.png") no-repeat top center !important;
}
.cl-footer-diary-img-active {
    background: transparent url("../images/DSAEMEA_DIARY_ON.png") no-repeat top center !important;
}
.cl-footer-home-img-active {
    background: transparent url("../images/DSAEMEA_HOME_ON.png") no-repeat top center !important;
}
.cl-footer-newaccount-img-active {
    background: transparent url("../images/DSAEMEA_NEW_ON.png") no-repeat top center !important;
}
.cl-footer-customer-img-active {
    background: transparent url("../images/DSAEMEA_CUSTOMER_ON.png") no-repeat top center !important;
}
.cl-footer-prospect-img-active {
    background: transparent url("../images/DSAEMEA_PROSPECT_ON.png") no-repeat top center !important;
}
.cl-footer-bgcolor-inactive {
    background-color: #474747;
}
.cl-footer-bgcolor-active {
    background-color: #000000;
}
.cl-footer-browser-icon-elemcol {
    width: 50% !important;
}
/* -----------------------------------------------------------------
	   ##  Application footer CSS Ends
-------------------------------------------------------------------- */
/* -----------------------------------------------------------------
	   ##  Home screen CSS Starts
-------------------------------------------------------------------- */

.cl-home-screen-pagediv {
	margin-top: 100px;
}
.cl-home-pgcontainer {

}
a.cl-home-new-comp .m_linktextdiv:hover,
a.cl-home-products-comp .m_linktextdiv:hover {
    text-decoration: none;
}
.cl-home-products-comp img {
    width: 115px;
    height: 85px;
}
.cl-home-new-comp .m_linktextdiv,
.cl-home-products-comp .m_linktextdiv {
    font-size: 26px;
    color: #CCC;
    padding-left: 15px;
}
.cl-home-new-elemcol {
    text-align: right;
}
.cl-home-products-elemcol {
    text-align: left;
}
.cl-home-new-comp .m_linkimgdiv,
.cl-home-products-comp .m_linkimgdiv {
    border: 1px solid #CCC;
    padding: 52px;
    padding-top: 50px;
    border-radius: 150px;
    height: 225px;
    width: 225px;
    margin: auto;
}
.cl-home-products-comp .m_linkimgdiv {
    padding-top: 75px !important;
}
/* -----------------------------------------------------------------
	   ##  Home screen CSS Ends
-------------------------------------------------------------------- */
/* -----------------------------------------------------------------
	   ##  Product screen CSS Starts
-------------------------------------------------------------------- */

.cl-ps-initialdetails-pgcontainer {
	text-align: center;
}

.cl-ps-initialdetails-pgcontainer {
	max-height: 220px;
    background-color: #F7F4F4;
    border: 1px solid #D2CCCC;
    padding: 0 1%;
    box-shadow: 0 0 4px #aaa;
    background: #fff;
    font-size: 1.5em;
    /* width: 1002px; */
    /* margin: 0 auto 30px; */
}

.creditdatatablediv table.tablesorter tbody tr.odd td,.creditdatatablediv table.tablesorter tbody tr.even td,.cardstablebody
	{
	background: #fff;
	padding-top: 25px;
}

.cardspagesectionelemcol {
	padding: 0%;
	overflow-x: hidden;
}

.cardspagesectionelemcol .m_datatableboundary {
	margin-top: -16px
}

.offertab .m_pagesectiontableheader {
	display: none;
}

.m_tabpanel {
    border: 1px solid #D2CCCC;
    box-shadow: 0 0 4px #aaa;
    background: #fff;
    width: 1002px;
    margin: 0 auto;
}

.productTableCompLabel {
	font-size: 24px;
}

.productTableComp thead {
	display: none;
}

/* table.tablesorter tbody tr.odd td {
    background-color: #F7F4F4;
}
 */
.productTableComp .m_datatablebodyrow {
	border: 1px solid #ccc;
}

.productImageComp {
    padding: 1% 4% 1%;
    width: auto;
}

.productImageComp img {
	height: 95px;
    width: 150px;
}

.cl-productpalate-container {
	width:100%;
}

.productTitleAndDescComp {
	text-align: left;
    padding-top: 15px;	
}

.productTitleComp {
	padding-left: 10px;
	padding-bottom: 0px;
}

.productTitleComp .m_linktextdiv {
	font-size: 20px;
    font-weight: bold;
    white-space: normal !important;
    min-height:36px;
}

.productTitleComp div a {
    color: #0076C0;
}

.productDescComp {
	padding-left: 10px;
}

.productDescComp .m_textspan {
	font-size: 15px;
}

.productSelectionComp {
	padding-left: 10px;
	text-align: left;
}

.productSelectionComp .m_linktextdiv {
	display: inline-block;
    height: 40px;
    line-height: 41px;
    padding: 0 15px;
    background-color: #0076C0;
    margin: 5px 5px 5px 0px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    font-weight:bold;
}

.productSelectionComp .m_linktextdiv:focus, .productSelectionComp .m_linktextdiv:hover {
	/*color: #033e64;
     background-image: url(../images/arrow-btn-next-dark-sm.svg); */
     background: #002A54;
     text-decoration:none;
}

ul.cl-product-list  {
      margin: 0;
    padding: 0;
    font-size: 14px;
 }
.cl-product-list li {
    list-style-type: none;
    margin-left: -5px;
    padding: 0 0 5px 20px;
    background: url(../images/pen.png) no-repeat 0px 2px;
    font-size: 15px;
}

.offertab .ui-state-default.ui-corner-top a {
	text-align: center;
	width: 100%;
}

.offertab .ui-state-default.ui-corner-top a {
	width: 100%
}

.offertab .ui-tabs-nav {
	background: transparent;
	border: none;
	padding: 0px;
}

.offertab .ui-tabs-nav .ui-state-default {
	height: 50px;
	display: flex;
	margin: 0px;
	border: 0;
	border-radius: 0px;
	white-space: normal;
	font-size: 1.2em;
    font-weight: bold;
    background:#056DAE;
    text-decoration: none;
}

.offertab .ui-tabs-nav .ui-state-default a {
    color: #fff;
}

.offertab .ui-tabs-nav .ui-state-active a {
    color: #056DAE;
}

.offertab .ui-tabs-nav .ui-state-default a:hover {
    text-decoration: underline !important;
	
}

.offertab .ui-tabs-nav .ui-state-active {
	border-bottom: 0px;
	color: #056DAE;
    background-color: #fff;
    box-shadow: none;
}

.offertab .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border-bottom: 0px;
	color: #056DAE;
    background-color: #fff;
    box-shadow: none;
}

.offertab .ui-state-default.ui-state-active a {
    color: #056DAE;
    font-weight: bold;
}

.offertab .cl-product-offers .ui-tabs-anchor {
	width: 100%;
	text-align: center;
	align-self: center;
}

.offertab .ui-tabs-anchor .m_tabheadingspan {
	text-decoration: none;
}

.offertab .ui-tabs-nav li {
	width: 50%;
}

.offertab .m_pagesectiontableheadercolumn, .offertab .m_cloneTable {
	display: none !important;
}


.creditdatatablediv {
	height: 500px;
}
/* -----------------------------------------------------------------
	   ##  Product screen CSS Ends
-------------------------------------------------------------------- */

/* -----------------------------------------------------------------
	   ##  Prospect List screen CSS starts
-------------------------------------------------------------------- */
.cl-search-container {
	margin: 0 0 20px 0;
    padding: 20px 0;
    width: 1002px;
    margin:0 auto;
    float:none;
    background: #fff;
    border: 0px solid #D2CCCC;
    box-shadow: 0 0 0px #aaa;
	/* Set The Min Width To That Of IPAD.Minimum For Small Devices To Enable Scrolling*/
	/* min-width: 961px; */
}

.cl-search-box-container {
	width: 74%;
	font-size: 1.2em;
    font-weight: bold;
    vertical-align: middle;
}

.cl-search-box-container .rwd_labelcol {
	text-align: right;
    width: 39%;
    padding-right: 1%;
    font-weight: bold;
}

.cl-search-box-container .rwd_labelcol label{
	text-align: right;
    padding-right: 1%;
    font-weight: bold;
    display: inline-block;
    padding-top: 0.8em;
}

.cl-search-box-container .rwd_compdiv{
	 width: 60% !important;
}


.customerlistsearchtext {
	border-radius: 6px;
    /* background: #fff url(../images/revisions1/background-search.png) no-repeat right 1% center; 
    padding-left: 36px;*/
    color: #b3b3b3;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: .2em;
    border: 1px solid white;
    padding-top: 8px;
}

.cl-customer-list-tab-button:hover,.cl-customer-list-tab-button:active,.cl-customer-list-tab-button:focus,.cl-customer-list-tab-button:not(:focus) {
    background: #fff;
}

.cl-refresh-btn-container {
	margin: 0px;
	padding: 0px;
	width: 20%;
}

.cl-refresh-btn-container label {
	margin: 0px;
	padding: 5px 15px 5px 30px;
	margin-top: 20px;
	font-size: 15px;
	color: #333333;
	position: initial !important;
	background: transparent url("../images/refresh-icon.png") no-repeat left
		center;
	background-size: 25px 28px;
	float: right;
	font-weight: bold;
}

.cl-prospects-list-container {
	/* border: 1px solid #d1cfd5;
	background: #fff; */
    margin: 0 auto;
}

.cl-customer-table-list-container {
	margin: 0px;
	padding: 0px;
	width: 1002px;
    background: #fff;
    margin:0 auto;
    float:none;
    border: 1px solid #D2CCCC;
    box-shadow: 0 0 0px #aaa;
	/* Set The Min-Width To That Of IPAD To Allow Scroll For Iphone And Other Small Devices */
	/* min-width: 961px; */
}

.cl-customer-table-list-container table.tablesorter{
	width:100%;
}

.cl-customer-table-list-container div {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.customerlisttextstyleforSpan {
	color: grey;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
    padding-bottom: 9px;
    padding-left: 16px;
}

.customerlisttextstyleforSpan>div:nth-of-type(1) {
	margin-bottom: 10px !important;
	font-weight: bold;
	text-align: left;
}

.customerlisttextstyleforTD {
	padding-top: 15px !important;
	padding-bottom: 0px !important;
	background-color: white !important;
	text-align: center;
}

.customer-list-screen-page {
	/* width: 1002px;
    margin: 0 auto; */
    margin:5%;
    margin-left:0;
    -webkit-overflow-scrolling: touch;
}

.customerlisttextstyleforTD img {
    width: 25px;
}
.cloneTR .cl-customer-name-col {
	text-align: left !important;
}

.cl-customer-name-col a div{
	color:#0076C0 !important;
    font-size: 1.5em;
    padding-left: 6%;
}

.cl-customer-active{
	border-bottom: 0;
}

/* .cl-customer-list-div-container .m_datatablebodyrow {
	border-bottom: 1px solid #CCC;
}
.cl-customer-list-div-container .m_datatablebodyrow:odd {
	background-color: white !important;
}

.cl-customer-list-div-container .m_datatablebodyrow:even {
	background-color: #F0F0F0 !important;
} */

.cl-customer-list-div-container table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}


.cl-customer-list-div-container .cl-tabel-header.m_datatableheadercolumn
	{
	background-color: #0076C0 !important;
	height: 45px;
    text-align: left;
    padding-left: 20px;
    color: #fff;
	white-space: normal;
	line-height: normal;
}

.cl-customer-list-div-container .m_datatableheader tr {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

.cl-tabel-header {
	font-size: 15px !important;
	text-align: center;
}

.appLabelCol {
	border-bottom: 1px solid #CCCCCC;
}

.appLabel {
	font-size: 23px;
	color: black;
}

.cl-addProspectButtonFloat {
	float: right !important;
}

.cl-addProspectButton img {
	height: 60px;
}

.cl-customer-list-div-container {
	overflow: auto;
	height: 350px;
	-webkit-overflow-scrolling: touch;
}

table.tablesorter thead tr .header {
	background-image: none;
}
/* -----------------------------------------------------------------
	   ##  Prospect List screen CSS Ends
-------------------------------------------------------------------- */

/* --------------------------------------------------------                     
		##  Prospect  Screen CSS START
-----------------------------------------------------------  */
.cl-select-disabled {
	color: rgba(151, 149, 149, 0.45) !important;
	background-color: rgba(230, 228, 228, 0.48) !important;
	border:1px solid rgba(230, 228, 228, 0.48) !important;
}

.followUpDateComp img {
	display: none;
}

.followUpDateComp input {
	height: 50px;
    padding: 10px 20px;
    width: 100% !important;
    font-weight: 400;
    color: #333;
    font-size: 14px;
    -webkit-transition: border-color ease-in-out 225ms;
    transition: border-color ease-in-out 225ms;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/cal_icon.svg) right center/30px 15px no-repeat #fff;
    padding-left: 10px;
    border: 1px solid #fff;
    border-radius: 6px;
}

.initialProductPageSection {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #CCC;
	background-color: #F7F4F4;
}

.addLinkImage img {
	width: 56px;
	height: 60px;
}

.addProductTextElemcol {
	padding-top: 3%;
	padding-left: 0%;
}

.addProductTextElemcol .m_componentlabel,.selectedCardTextElemcol .m_componentlabel
	{
	font-size: 20px;
}

.selectedCardTextElemcol {
	padding-left: 0px;
}

.imageWidthElemcol img {
	border-radius: 8px;
	width: inherit;
}

.imageComponent-width {
	width: 100%;
	max-width: 220px
}

.prodNameComp {
	font-weight: bold;
}

.cl-create-app-disable {
	background-color: rgba(120, 176, 176, 0.24);
	border: 1px solid white;
	color: white !important;
}

.cl-create-app-disable:hover {
	color: white !important;
	background-color: rgba(120, 176, 176, 0.24);
	border: 1px solid white;
}

.cl-footer-diary-notification .m_pagebuttonspan{
  position: absolute;
  margin-top: -12%;
  margin-left: 2%;
  line-height:25px;
  font-size: 14px;
  z-index: 9999 !important;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 30px;
  background-color: red;
}

/* --------------------------------------------------------                     
		##  Prospect Follow Up Screen END
-----------------------------------------------------------  */
/* --------------------------------------------------------                     
		##  Diary Screen START
-----------------------------------------------------------  */

.appointmentslink>.m_linktextdiv {
	margin-bottom: 17px;
	color: #646464;
	padding: 8px 0 8px 10px;
	cursor: pointer;
}

.datadrivengrouplabel {
	font-size: 16px !important;
	color: #125c93;
	background: #bdcfdb;
	border-radius: 3px;
	height: 28px;
	line-height: 28px;
	padding-left: 12px;
	margin-bottom: 20px;
	font-family: Interstate;
	font-weight: 200;
	text-shadow: 0 -1px 1px #fff;
	width: 850px;
}

.appointmentContainer {
	width: 70%;
}

.calendercontainer {
	width: 30%;
}

.calendercontainer .m_image {
	width: 30px;
	height: 30px;
}

.diaryscreenminimumheight {
	height: 500px;
}

.firstspanstyles {
	color: #2489CE;
	cursor: pointer;
	text-decoration: underline;
	font-size: 16px;
}

.secondspanstyles {
	font-size: 12px;
	color: #666666;
	font-family: Interstate;
	font-weight: normal;
}

.thirdspanstyles {
	font-style: italic;
	line-height: 22px;
	margin-right: 160px;
	font-size: 12px;
	color: #666666;
	font-family: Interstate;
	font-weight: normal;
}

.thirdspanstyles>span {
	float: right;
	padding-left: 60px;
}

.verticalgroupcompdivstyles {
	margin-right: 375px;
	font-family: Helvetica;
}

.noappointmentsdiv {
	color: #333333;
	line-height: 18px !important;
	margin-bottom: 0px;
	padding-bottom: 0;
	margin: 0;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

.appLabelCol {
	border-bottom: 1px solid #CCCCCC;
}

.appLabel {
	font-size: 23px;
	color: black;
}

.apptable thead {
	border-bottom: 1px solid #CCCCCC;
}

.apptable .m_datatableboundarycolumn,.apptable .m_datatablediv {
	height: auto;
}

.apptable th {
	font-family: InterState;
	font-size: 15px !important;
	font-weight: normal;
	background-color: white !important;
	line-height: 40px;
}

.apptable  tr {
	line-height: 10px;
}

.apptable td {
	text-align: left;
	font-size: 11px;
}

.calenderComp {
	padding: 0px;
}

.calenderComp .calender {
	width: 100%;
}

.calendargroup {
	border-bottom: 1px solid #cccccc;
	padding-top: 17px;
}

.calenderimg {
	width: 20%;
	height: 40px;
}

.calendarappointments {
	width: 5%;
	padding: 1px;
	padding-top: 5px;
	font-weight: bold;
}

.calendarspan {
	width: 75%;
	padding-left: 0px;
	white-space: normal;
	font-weight: bold;
	padding-right: 0px;
}

.calendarspan .rwd_labelcol {
	width: 100%;
	padding: 0px
}

.calendarlabelspan {
	padding-left: 4px;
}

.calendarlabelspan {
	padding-left: 4px;
}

.calendarlabel {
	font-weight: bold;
	color: DimGray;
	padding-top: 4px;
}

.apptable  table.tablesorter thead tr .header {
	background-position: 70px;
}

table.tablesorter tbody tr.even td {
	background-color: #fff;
	padding-top: 1.3%;
	padding-bottom: 0;
}

table.tablesorter tbody tr.odd td {
	background-color: #FFF;
	padding-top: 1.3%;
	padding-bottom: 0;
}

.tableSourceTextSpan {
	vertical-align: middle;
}

.appointmentContainer .rwd_labelcol {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2%;
	width: 100%;
}

.calender .clndr-grid .days .day.event,.calender .clndr-grid .days .empty.event
	{
	padding-bottom: 10px;
	background-image: url('../images/appt.png');
	background-repeat: no-repeat;
	background-position-y: 3px !important;
	border-bottom: 1px solid #CCCCCC;
	background-size: inherit;
}

.calender .clndr-grid .days .today {
	background-color: #BBBBBB;
}

.calender .clndr-grid .days .past {
	background-color: #EEEEEE;
}

.calender .clndr-grid .days .past.active {
	background-color: Gray;
}

.calender .clndr-grid .days .active {
	color: black;
}

.appDateSection {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2%;
}

.appDatelabel {
	width: 16%;
	padding: 0px;
}

.appDatelabel .rwd_labelcol {
	width: 100%;
	white-space: nowrap;
	padding-right: 0px;
	padding-left: 0px;
}

.appDateValue {
	color: gray;
	border-bottom: 1px solid #CCCCCC;
	height: 29px;
	font-weight: bold;
	width: 82%;
	padding-right: 0px;
}

.appDateGroup {
	padding-left: 4.3%;
}

.diaryTimeColumnHeader {
	width: 35%;
}

.diaryToBeScehdulesCustomerNameColumnHeader {
	width: 80%;
}

/* --------------------------------------------------------                     
		##  Diary Screen END
-----------------------------------------------------------  */

/* -------------------------------------------------------------------------
		## Customer Info Screen START
------------------------------------------------------------------------- */
.customerinfopagediv {
	padding: 0px;
	margin: 0px;
	width: 100%;
	overflow: hidden;
	min-height:617px;
}

.customerPreviousButton,.customerModifyButton {
	color: #ffffff;
	background-color: #0076C0;
	border: 1px solid #0076C0;
	font-size: 14px;
	font-family: "Arial", sans-serif !important;
	padding: 0px 20px;
	height: 36px;
}

.customerPreviousButton:hover,.customerModifyButton:hover {
	color: #0076C0;
	background-color: #ffffff;
	border: 1px solid #0076C0;
	font-size: 14px;
	font-family: "Arial", sans-serif !important;
}

.cardImageComponent {
	width:inherit;
}

.productNameComp {
	width: 40%;
	font-size: 10px;
	padding-left: 1%;
	padding-top:1%;
}

.customerinfoHeading {
	background: white;
	text-align: left;
	margin: 15px 0px 10px 0;
	padding-bottom: 1%;
}

.customerinfoHeading .m_pagesectiontableheadingspan {
	font-size: 22px;
	color: gray;
	font-weight: normal;
	font-family: Interstate;
}

.customerinfoHeading .m_pagesectiontableheadercolumn {
	text-align: left;
	background: white;
}

.customerbuttonsection .m_buttonpositionrightnocenter {
	float: right;
}

.customerbuttonsection {
	padding-top: 2%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 1%;
}

.customerinfoPgsectionRow {
	border-top: 1px solid #CCCCCC;
	background: #FCFCFC;
	border-bottom: 1px solid #CCCCCC
}

.customerInfoPageSection {
	padding-top: 8%;
	padding-left: 4%;
	padding-right: 4%;
}

.customerGroupHeading {
	font-size: 22px;
	color: gray;
	font-weight: normal;
	font-family: Interstate;
	margin-left: 3%;
}

.productGroupElemcol {
	width: 33%;
	margin-left: 2%;
}

.cardImageContainer {
	width: 50%;
	padding-right: 0px;
}


.contactInfoContainer {
	width: 60%;
}

.contactInfoContainer .m_componentlabel,.contactInfoContainer .m_span {
	color: black;
}

.contactInfoLabel {
	width: 40%;
	padding-right: 0px;
}

.customerEventsContainer {
	border-bottom: 1px solid #CCCCCC;
	margin-left: 4%;
	width: 93%;
}

.customerUpcomings {
	height: 15em;
}

.customerEventsContainer .m_pagesectiontableelemcol {
	padding: 0px;
}

.historyLink {
	font-weight: bold;
	color: #428bca;
}

.contactHistoryContainer .m_span {
	font-weight: normal;
	font-family: Interstate;
}

.contactHistoryContainer .m_span,.contactHistoryContainer .m_componentlabel
	{
	font-weight: normal;
	font-family: Interstate;
	font-size: 13px;
	white-space: nowrap;
	color: black
}

.contactHistoryGroup {
	width: 50%;
	padding-left: 2px;
	padding-bottom: 3%;
}

.contactHistoryGroup .m_grouptablerow {
	height: 20px;
}

.contactedBy {
	/* width: 30%; */
	width:auto;
	padding: 0px;
}

.contactedBy .rwd_labelcol {
	/* width: 60%; */
	width:auto;
	padding-right: 5px;
}

.contactedBy .rwd_compdiv {
	/* width: 40% !important; */
	width:auto !important;
}

.responseCode {
  width: auto;
  padding: 0px;
  padding-left: 5px;
  font-weight: normal;
}

.followUpDate {
	width: auto;
  padding-left: 5px;
  padding-right: 0px;
}

.followUpDate .rwd_labelcol {
	  width: auto;
  padding: 0px;
  padding-right: 5px;
}

.followUpDate .rwd_compdiv {
	width:auto !important;
}

.followUpTime {
  width: auto;
  padding-left: 0px;
}

.followUpTime .rwd_labelcol {
	padding: 0px;
	width:auto;
	padding-right: 5px;
	padding-left: 5px;
}

.followUpTime .rwd_compdiv {
	width:auto !important;
}

.comment {
	width:auto;
	padding: 0px;
}
.comment .rwd_labelcol {
	width: auto !important;
  padding-right: 0px;
}
.comment .rwd_compdiv {
	width:auto !important;
}
.productId {
	width:auto;
	padding: 0px;
}

.productId .rwd_labelcol {
	  width: auto;
  padding-right: 0px;
}

.productId .rwd_compdiv {
	width:auto !important;
}

.campaginId {
	padding: 0px;
	width:auto;
}

.campaginId .rwd_labelcol {
	  width: auto;
  padding-left: 10px;
  padding-right: 0px;
}

.campaginId .rwd_compdiv {
	width:auto !important;
}
.dummySpan .rwd_compdiv {
	border: 1px solid #CCCCCC;
	height: 70px;
	text-align: center;
}

.dummySpan {
	width: 40%;
}

.customerComment{
	font-style: italic;
}
/* -------------------------------------------------------------------------
		## Customer Info Screen END
------------------------------------------------------------------------- */
/* -----------------------------------------------------------------
	   ##  New Account screen CSS Starts
-------------------------------------------------------------------- */
.errorgroup-initial-width {
    width: auto;
    padding: 5px;
}

.errorMessageGroup_errorLink div a div {
	text-decoration:underline;
}

.cl-new-acc-pagediv {
    margin: 0;
    width: 100%;
    padding-top: 0px;
    /* border: 1px solid #D2CCCC; */
    padding: 0;
    box-shadow: 0 0 4px #aaa;
    background: none;
}

.cl-new-acc-review-label {
	padding-left: 0px;
    /* background: transparent url("../images/icon-f-alert.png") no-repeat left top;
    background-size: :;px 20px; */
    padding-bottom: 0px;
    margin-top: 0px;
}

/*------------------ For New Account Screen Navigation CSS starts -- NEW UX CHANGES ---------------------*/
   
.cl-new-acc-navbar-container {
	width: 75%;
	padding: 10px 15px;
	/* background: #fff; */
}

.cl-nav-step-elemcol {
	padding: 5px 0px;
}

.cl-nav-step-label-col {
	position: relative;
	top: 5px;
}

.cl-nav-step-active-compcol {
	background: url("../images/icon-nav-active-step.png") no-repeat center left;
    height: 26px;
    width: 100%;
}

.cl-nav-step-visited-compcol {
	background: url("../images/icon-nav-visited-step.png") no-repeat center left;
    height: 20px;
    width: 100%;
}


.cl-nav-step-active-component,
.cl-nav-step-visited-component {
	padding-top: 10px;
    margin-left: 23px;
    border-bottom: 3px solid #666665;
    box-sizing: content-box;
    display: block;
}


.cl-nav-step-visited-component {
    margin-left: 13px;border-bottom: 3px solid #056dae;
}

.cl-nav-step-inactive-compcol {
	background: url("../images/icon-nav-deactive-step.png") no-repeat center left;
    height: 20px;
    width: 100%;
}

.cl-nav-step-label-visited-col label{
	color:#056dae !important;
}

.cl-nav-step-label-active-col label{
	color:#056dae !important;
}

.cl-nav-step-label-col label{
	color:#666665 !important;
}

.cl-nav-step-inactive-component {
	padding-top: 10px;
    margin-left: 13px;
    border-bottom: 3px solid #666665;
    box-sizing: content-box;
    display: block;
}

.cl-new-acc-actions-container {
	width: 25%;
	float: right;
	/* background: #fff; */
	padding-bottom: 12px;
}

.cl-new-acc-save-label-container {
	text-align: right;
}

.cl-new-acc-save-label {
	padding-left: 40px;
	background: transparent url("../images/icon-save2.png") no-repeat left center;
	background-size: 35px;
	min-height: 35px;
	line-height: 35px;
	cursor:pointer
}

/*For InActive Input Boxes For Save Dialog*/
.cl-inactive-inputs
{
	background: #fff !important;
    border: 0 !important;
    padding: 0 0 0 15px !important;
    height: inherit !important;
    margin: 0 !important;
    cursor: default !important;
}

/*------------------ For New Account Screen Navigation CSS ends---------------------*/

/*------------------ For New Account Screen Product Cart CSS starts---------------------*/
 /*.cl-new-acc-navbar-container-main {
 	background:#fff;
 }*/
 
 .cl-acc-screen-prod-bg-main {
 	width:100%;
 	margin:0;
 } 
 
.cl-acc-screen-prod-background-1 {
	background: #056dae;
	padding: 15px 0 0;
    min-height: 87px;
	/* 
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	z-index:0;
	margin-bottom:2%; */ /* For Overlapping Of Error Page Section */
}

.cl-background-lightgrey {
	background-color: #F2F2F2;
}

.cl-new-acc-prod-header-elemcol {
	width: 70%;
}

.cl-product-image-elemcol {
	position: relative;
    top: 25px;
    width:22%;
}

.cl-product-image-comp {
	height: 125px;
	border-radius: 10px;
}

.cl-product-image-label-elemcol {
	position: relative;
}


.cl-product-image-label-nav {
	position: relative;
	width:78%;
}

.cl-product-image-label-elemcol span,
.cl-product-image-label-nav span {
    font-size: 24px;
    padding-left: 0;
	font-weight: normal;
	color: #FFF;
	text-shadow: 0px 2px 4px #666;
	float:left !important;
}
	
.cl-new-acc-prod-header-showdetail-elemcol {
	width: 30%;
}

.cl-product-header-keyfacts-labelcol {
	text-align: center;
}

.cl-acc-prod-show-details-label {
	font-weight: bold;
	color: #0066CC;
	cursor: pointer;
	padding-right: 30px;
}

.cl-expand-down-arrow {
	background: transparent url("../images/dowr-arro.png") no-repeat right center;
	background-size: 20px 20px;
}

.cl-prescreening-heading-sub-text-container {
	width: 100%;
	display: none;
}    
.cl-expand-up-arrow {
	background: transparent url("../images/up-arrow.png") no-repeat right
		center;
	background-size: 20px 20px;
}


/*------------------ For New Account Screen Product Cart CSS ends---------------------*/

/*------------------ For New Account Screen Button Section CSS ends---------------------*/
.cl-btn-pgcontainer .m_pagesectioncolumn{
	/* width:435px; */
	margin:auto!important;
	text-align: right;
}
.cl-btn-pgcontainer .m_pagesectioncolumn .elemcol {
	width:auto;
	float: none;
    display: inline-block;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
}

/*------------------ For New Account Screen Button Section CSS ends---------------------*/

/*------------------ For New Account Screen Processing Container CSS ends---------------------*/
.interim-page-labelcol {
	width: 100%;
    text-align: center;
}

.interim-page-labelcol img {
	width: 100%;
}
/*------------------ For New Account Screen Processing Container CSS ends---------------------*/

/* ---------------------------------------------------------------                    
		##  Document Screen START
------------------------------------------------------------------   */

.documentPageDiv {
    background-color: #FFF;
    padding: 10% 10% 10% 10%;
}
.document1GroupElemCol {
    border: 1px solid;
    padding-bottom: 3%;
    border-color: #CCC;
}
.imagePlaceholderGroupElemcol {
    padding-bottom: 2%;
}
.imagePlaceHolderGroupUpload {
    padding-top: 2%;
    padding-bottom: 3%;
    margin-bottom: 5%;
    border-bottom: 1px solid #BEBEBE;
}
.imagePlaceHolderGroupCompCol {
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: white;
}
.documentImage1CompCol {
    text-align: center !important;
}
.imagePlaceHolderGroupLabelCol {
    font-size: 18px;
    font-weight: bold;
    color: #7D7373;
}
.rightHalfVgElemcol {
    padding-top: 2%;
    padding-left: 30px;
}
.documentTypeComp {
    width: 80% !important;
}
.documentTypeCompLabel {
    font-size: 16px;
    color: #837E7E;
}
.recaptureElemcol {
    padding-left: 15%;
}
.imagePlaceholderGroupElemcol img {
    max-height: 70px;
}
.CameraNotAvailableElemcol .rwd_labelcol {
    padding-left: 35%
}
.CameraNotAvailableElemcol .m_componentlabel {
    color: red;
    font-weight: bold;
}
.PreviewRecaptureIconGroupComp img {
    width: 25px !important;
    height: 20px !important;
}
.PreviewRecaptureIconGroupComp {
    padding-top: 5%;
}
.previwIconImageComp {
    width: 30% !important;
    padding-left: 5%;
}
.previewIconTwoElemcol {
    width: 50%;
    padding-left: 35% !important;
}
.documentButton {
    width: 80px !important;
}
.documentTypeLabelCol {
    padding-left: 0px;
    width: 100%;
}
.prefixLabelElemcol {
    width: auto;
    padding-right: 1%;
}
.prefixLabelCol {
    width: auto;
    padding-left: 0%;
    padding-right: 0%;
}
.suffixLabelCol,
.suffixLabelElemcol {
    padding-left: 0%;
    width: auto;
}
.cl-common-label-left-field-container-33 {
    width: 300px;
    clear: none !important;
    margin-right: 20px;
}
.cl-document-msg-container {
    margin: 0px 0px 0px 15px;
}
.cl-document-msg-outer {
    padding: 30px 0px 0px 10px;
    width: 100%;
}
.cl-document-msg-outer > .rwd_labelcol {
    margin-bottom: 0px;
}
.cl-document-msg-text-outer {
    padding: 10px 0px 0px 10px;
    width: 100%;
}
.cl-document-msg-btt > .m_grouptablerow {
    padding-top: 0px !important;
}
.prefix-title-label label {
    font-weight: bold;
    font-size: 16px;
    color: #666;
}

.documentImage1CompCol img {
    max-width: 165px;
}
.cl-add-remove-btn-elemcol {
    width: auto;
    float: right;
    padding-left: 0;
}

.previewImageOnDialogComp {
    text-align: center;
}
.previewImageOnDialogComp img {
    width: 300px;
    height: 200px;
}
/* Remarkable CSS For Document */


.cl-document-imageGroup-component{
	width:60%;
	padding-right:0%;
}

/* Set The Width For Document Select Box */
.cl-document-select-component
{
	width:60%;
}

/* To Bold The Document Already Captured*/
.cl-docCapturedLabel
{
	font-weight:bold;
	font-size:large;
}

/* Set The Width For Document Reccapture Component */
.cl-document-recapture-component{
	width:40%;
}

/*** The Centre Image Look And Feel For Image Captured And Image Not Captured*/
.cl-doc-link-image-captured img{
	width:100%;
	height:160px;
}

.cl-doc-link-image-not-captured img{
	width: 60%;
    display: inline-block;
    height: 130px;
}

.cl-doc-link-image-float-none {
	float:none !important;
	display: block;
}

.documentImageBorder {
	border: 1px solid #ccc;
	/* Commented As Part Of RWD Changes
	padding-top: 2%;
	padding-bottom: 2%; */
	background: #f0f0f0;
	height:200px;
}



/* ---------------------------------------------------------------                    
		##  Document Screen END
------------------------------------------------------------------   */
/* -----------------------------------------------------------------
	   ##  New Account screen CSS Ends
-------------------------------------------------------------------- */

.resendOTPLinkDisabled { 
	color: #d0d0d0 !important;
	font-weight: bold;
	font-size: 14px;
}

.resendOTPLink { 
	color: #0076C0 !important;
	font-weight: bold;
	font-size: 14px;
}
	
.resendOTPLink img{ 
	width:6px;
}
	
.resendOTPLink:hover, .resendOTPLink:focus, .resendOTPLink:active { 
	text-decoration: underline; 
}
	
	/*For ACLI Screens*/
	.cl-text-LeftKeys {
		text-align:right;
	}
	
	/*For ACLI Screens*/
	.cl-text-RightValue {
		text-align:left;
	}

/* -----------------------------------------------------------------
	   ##  Media Queries starts
-------------------------------------------------------------------- */
/*------------------ For Extra small devics (xs)---------------------*/

@media (max-width: 767px) {
	
	
	/*For ACLI Screens*/
	.cl-text-LeftKeys {
		text-align:center;
	}
	
	/*For ACLI Screens*/
	.cl-text-RightValues {
		text-align:center;
	}
	
	
	
	/*---------------Body Background Color Change ---------------*/
	body {background:#fff !important}
   
    /*------------------ For OTP Screen CSS---------------------*/
    
    .cl-otp-pagesection-pgcontainer .m_pagesectioncolumn {
        width: 90% !important;
        margin: auto !important;
    }
    
    .cl-otp-pagesection-pgcontainer .m_buttonpositioncenterexpandcell {
    	width: 93%;
    }
    
    .cl-otp-pagesection-pgcontainer .m_buttonsectionspan {
    	padding: 10px 0px 10px 17px;
    }
    
    .cl-otp-screen-pagediv {
    	border: 0px !important;
	    box-shadow: none !important;
	    width: 100% !important
    }
    
    .cl-otp-screen-pagediv .cl-drop-container {
    	background: #fff !important;
	    padding: 0 !important;
	    border: 0px !important;
    }
    /*------------------ For OTP Screen CSS ends---------------------*/
    
    .cl-welcomecontainer .xs-left > .elemcol > .rwd_labelcol+.rwd_compdiv {
        float: left;
        margin-left: 10px;
        width: auto;
    }
    .cl-welcomecontainer .xs-left > .elemcol > .rwd_compdiv > .m_span {
        float: right;
    }
    
    .cl-welcomecontainer {
	    margin: 0 !important;
	    width: 100% !important;
	    border: 0 !important;
	    box-shadow: none !important;
	    background: #fff !important;
	}
    
     /*------------------ For Home Screen CSS starts---------------------*/
    .cl-home-new-elemcol {
	 	text-align:left;
	}
	.cl-home-new-comp .m_linktextdiv, .cl-home-products-comp .m_linktextdiv {
    font-size: 20px;
	}
	 /*------------------ For Home Screen CSS ends---------------------*/
    /*------------------ For Product Screen CSS starts---------------------*/
	.cl-ps-details-pgcontainer {
		max-height: none;
	}
	.cl-ps-image-text-group-elemcol {
		width: 100% !important;
	}
	.cl-ps-title-desc-group-elemcol {
		width: 100% !important;
	}
	.cl-ps-details-pgcontainer .m_buttonsectionspan {
		position: relative;
		top: -0.5em;
		left: 0;
	}
	/*------------------ For Product Screen CSS ends---------------------*/
	
	/*------------------ For Prospect List Screen CSS ends---------------------*/
	.cl-addProspectButtonFloat {
		float: right !important;
	}
	/*------------------ For Prospect List Screen CSS ends---------------------*/
	
    /*------------------ For New Account Screen CSS starts---------------------*/
    
	.cl-nav-step-label-col,
	.cl-nav-step-label-active-col,
	.cl-nav-step-label-visited-col {
		position: absolute;
		left: 20px;
	}
	
	.cl-nav-step-active-compcol {
		background: url("../images/icon-nav-active-step.png") no-repeat center center;
	    height: 26px;
	    width: 26px !important;
	}

	.cl-nav-step-active-component,
	.cl-nav-step-visited-component {
		padding-top: 24px;
	    margin-left: 13px;
	    border-bottom: 30px solid #056dae;
	    box-sizing: content-box;
	    display: block;
	    width: 2px;
	}
	

	.cl-nav-step-visited-component {
		padding-top: 17px
	}
	
	.cl-nav-step-visited-compcol {
    	background: url(../images/icon-nav-visited-step.png) no-repeat 7px center;
   	 	height: 20px;
    	width: 20px !important;
	}

	.cl-nav-step-inactive-compcol {
		background: url("../images/icon-nav-deactive-step.png") no-repeat 7px center;
	    height: 20px;
	    width: 20px !important;
	}

	.cl-nav-step-inactive-component {
		padding-top: 14px;
	    margin-left: 13px;
	    border-bottom: 30px solid #666665;
	    box-sizing: content-box;
	    display: block;
	    width: 2px;
	}
	
	.cl-product-image-elemcol {
		position: relative;
	    top: 10px;
	}    
    

    .PreviewRecaptureIconGroupComp {
        padding-left: 20% !important;
    }
    .previewIconTwoElemcol {
        padding-left: 10% !important;
    }
    .previewImageOnDialogComp {
        padding-top: 15% !important;
    }
    .previewImageOnDialogComp img {
        width: 200px !important;
        height: 150px !important;
    }
    
    /* For Document Screen Remarkable CSS */
    .cl-document-imageGroup-component
	{
		width:100%;
	}
	
	/*-----------Diary Screen-------------*/
	.appointmentContainer, 
	.calendercontainer {
		width: 100%;
	}
	
	/*---------------- Header Resize on Mobile -----------------*/
	.cl-header-logo-container {
	    width: 37px;
	    height: 23px;
	    margin: 15px 0 0 20px !important;
	    padding: 0px;
	}
	
	.cl-header-logout-elemcol {
    	margin: 12px 0px 0 0;
	}
	
	#bannercontainer {
		height:58px;
		width:100%;
	}
	
	#headercontainer {
		width:100%;
	}
	
	.cl-offers-page {
		width: 100% !important;
		padding: 0px !important;
		margin: 0 !important;
	}

	
	
	#contentcontainerdsaemea_offers_shared_pagesection_mdviewOffersPageSection_elemrow {
		width: 1002px;
	}
	
	.productTableComp table.tablesorter {
		width:100% !important;
	}
	
	.productTableComp .m_datatablebodyrow {
		float: none !important;
    	clear: right !important;
        width: 300px !important;
	}
	
	.offertab .ui-tabs-anchor .m_tabheadingspan {
	    font-size: 12px !important;
	}
	.cl-otp-screen-pagediv {
    	margin: 30px 0px 0px 0px;
	}
	
	/*-------------------Save Button on Top-Right of Banner-------------*/
	
	.cl-new-acc-save-label-container {
    	margin-top: 6px;
	}
	
	.cl-new-acc-save-label {
		padding-left: 27px;
		background-size: 22px;
	    min-height: 22px;
	    line-height: 22px;
	}
	
	/*---------- blue icon postion in Review Message --------*/
	.cl-new-acc-review-label{
		background-position:left 4px;
	}
	
	
	/*--------------------- PreScreening Screen ------------------*/
	.cl-btn-pgcontainer .m_pagesectioncolumn, 
	.cl-btn-pgcontainer .m_pagesectioncolumn .elemcol,
	.cl-btn-pgcontainer .m_pagesectioncolumn .elemcol .m_pagebutton 
	{
		width: 100%;
	}
	
	.cl-btn-pgcontainer .m_pagesectioncolumn .elemcol .m_pagebutton 
	{
		margin: 0px 5px 0px 0px;
	}
    
    .cl-product-image-label-elemcol span,
    .cl-product-image-label-nav span {
    	font-size: 22px;
    	padding-left: 0px; 
    }
    
    /*--------------------STICKY NAVIGATION-----------------------*/
    .sticky-head {position:fixed;background:rgba(255, 255, 255, 0.9);border-bottom: 1px solid #D2CCCC;z-index:999;top:0px;left:0px;}
    
	.sticky-head .cl-nav-step-active-component{
		border:0px
	}
	
	.sticky-head .cl-nav-step-elemcol.cl-no-show {
		display: none;
	}
	
	.sticky-head .cl-nav-step-elemcol.cl-show {
		display: block;
		}
	
	
	/*--------------------Card Dispaly-----------------------*/
    .cl-CCOfferProducts img.ccCardImg {
		margin-left: 0 !important;
	    margin: 18px 0px !important;
	   	width: 136px !important;
	}
	
	.cl-UAE-HBK-Base-Container .cl-CCOfferProducts img.ccCardImg {
		margin-left: 0 !important;
	    margin-top: 18px!important;
	   	width: 148px !important;
	}
	
	.cl-CCOfferProducts .row {
		font-size: 12px;
		margin-top: 4% !important;
		text-align: center;
	}
	
	.cl-UAE-HBK-Base-Container .cl-CCOfferProducts .row {
		font-size: 16px;
	}
	.cl-CCOfferProducts h3 {
	    font-size: 11px;
	    font-weight:bold;
	}
	
	.cl-padding-zero-left {
		padding-left:0px;
	}
	
	/*--------------- Main Container -------------------*/
	.cl-drop-container {
	    width:100% !important;
	    background: #fff !important;
	    padding: 0 !important;
	    border: 0px solid #D2CCCC !important;
	    box-shadow: 0 0 0 #fff !important;
	}
	
	.errorgroup {
	    width: 100% !important;
	}
	
	.cl-new-acc-pagediv {
		background: #fff !important;
	}
	
	/*--------------------- Tab Panel - prdduct palte--------------------------------*/
	.cl-ps-initialdetails-pgcontainer, .m_tabpanel {
		width: 100%  !important;
	}
	
	.ui-tabs .ui-tabs-panel {
		    padding: 0 !important;
	}
	
	.productImageComp {
    	padding: 1% 1% 1% !important;
	}
	
	/*nav bar and banner width*/ 
	.cl-acc-screen-prod-bg-main, .cl-new-acc-navbar-container-main ,.cl-MarketingBanner-container,.cl-prodBanner-container{
		width: auto;
	}
	
	.cl-product-info-Container
	{
		width:100%;
	}
    
    /*------------------ For New Account Screen CSS ends---------------------*/
    
    /*---------------------CSS for Customer List -------------------*/
    .customer-list-screen-page {
    	width: inherit;
    }
    
     .customer-list-screen-page.m_pagediv {
     	width: inherit;
     	padding: inherit;
     }
     
     .cl-search-box-container {
     	width:70% !important;
     }
     
     .cl-search-box-container .rwd_labelcol label {
     	font-size:13px;
     }
     
     .dropdown-container-tool {
     	max-width:32% !important;
     }
     
     .cl-applicationId-label{text-align:left!important}
     
     .documentImageBorder > .m_grouptable.row{
		width: 70% !important;
	    margin: auto !important;
	    margin-top: 5% !important;
	}
	
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-title{
		font-size:16px;font-weight:bold;
	}
	
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable #contentcontainer_validatecustomerOTPpageSecdsaemea_otp_dialog_mdvalidatecustomerOTPpageSeclblHeaderValidateOTP_elemcol{
		font-size:13px;
		padding-top:0px;
		margin-top:0px;
		padding-bottom:0px;
	}
	
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable #contentcontainer_validatecustomerOTPpageSecdsaemea_otp_dialog_mdvalidatecustomerOTPpageSeclineComp_elemcol{
		padding-top: 0px;
   		padding-bottom: 0px;
    	margin: 0px;
	}
	
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable #validatecustomerOTPpageSec{
		margin-top: 0px;
    	padding-top: 0;
	}
	
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-titlebar,
	[aria-describedby="saveDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-titlebar{
		padding: 10px 25px 0px;
	}
	
	[aria-describedby="saveDialogContainer"].ui-dialog .ui-dialog-content,
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog .ui-dialog-content{
		padding: .5em 0.3em 2.3em;
	}
	
	#contentcontainer_saveDialogContainerdsaemea_manual_save_dialog_screen_mdNonEditableSaveFeildsSection_pgseccontainer {
		width: 120%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#contentcontainer_saveDialogContainerdsaemea_manual_save_dialog_screen_mdNonEditableSaveFeildsSection_pgseccontainer .xs-left > .elemcol > .rwd_labelcol+.rwd_compdiv {
    	width: 100%;
	}

	#contentcontainer_saveDialogContainerdsaemea_manual_save_dialog_screen_mdNonEditableSaveFeildsSection_pgseccontainer .m_input:disabled {
		padding-left: 0px !important
	}

	#contentcontainer_saveDialogContainerdsaemea_manual_save_dialog_screen_mdNonEditableSaveFeildsSection_pgseccontainer .cl-phoneNumber .m_input:disabled {
    	background: url(../images/country_code_plus_white.png) 0px center no-repeat #fff !important;
    	padding-left: 12px !important;
	}
	
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content,
	[aria-describedby="saveDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content {
    	max-height: 340px !important;
    	height: auto !important;
    	-webkit-overflow-scrolling: touch;
	}
	
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .m_buttonsectionspan {
    	padding: 0px 0px;
	}
	
	#contentcontainerdsaemea_new_account_screen_RU_mdIdDetailsPageSection_1idtype_elemcol{
		height:auto !important;
	}
     
    [aria-describedby="DialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
    	overflow-y:scroll;

    }
}
/*------------------ For small devices (sm)---------------------*/

@media (min-width: 768px) and (max-width: 992px) {
	
	
	/*For ACLI Screens*/
	.cl-text-LeftKeys {
		text-align:center;
	}
	
	/*For ACLI Screens*/
	.cl-text-RightValues {
		text-align:center;
	}
  
    .cl-welcomecontainer .sm-left > .elemcol > .rwd_labelcol+.rwd_compdiv {
        float: left;
        margin-left: 10px;
        width: auto;
    }
    .cl-welcomecontainer .sm-left > .elemcol > .rwd_compdiv > .m_span {
        float: right;
    }
	
	.cl-otp-screen-pagediv {
	    width: 60% !important;
    }
    
    .cl-ps-initialdetails-pgcontainer, .m_tabpanel {
    	width: 100% !important;
    }
    
    .cl-welcomecontainer, .cl-drop-container {
        width: 100% !important;
        border: 0px solid #D2CCCC !important;
        box-shadow: none !important;
    }
    
    body{
    	background:#fff;
    }
    
	#bannercontainer {
		width:100%;
	}
	
	.cl-offers-page {
		width: 100% !important;
		padding: 0px !important;
		margin: 0 !important;
	}   
    
    .productImageComp {
    	padding: 1% 2% 1% !important;
    }
	/*------------------ For Product Screen CSS starts---------------------*/
    .cl-ps-details-pgcontainer .m_buttonsectionspan {
		position: relative;
		top: -3.5em;
		left: -1.5em;
	}
	/*------------------ For Product Screen CSS ends---------------------*/
    /*------------------ For New Account Screen CSS starts---------------------*/
    
	.cl-nav-step-label-col,
	.cl-nav-step-label-active-col,
	.cl-nav-step-label-visited-col {
		position: absolute;
		left: 20px;
	}
	
	.cl-nav-step-active-compcol {
		background: url("../images/icon-nav-active-step.png") no-repeat center center;
	    height: 26px;
		width: 26px !important;

	}

		
	.cl-nav-step-active-component,
	.cl-nav-step-visited-component {
		padding-top: 24px;
		margin-left: 13px;
		border-bottom: 30px solid #056dae;
		box-sizing: content-box;
		display: block;
		width: 2px;
	}
	
	.cl-nav-step-visited-component {
		padding-top: 17px
	}
	
	.cl-nav-step-visited-compcol {
		background: url(../images/icon-nav-visited-step.png) no-repeat 7px center;
		height: 20px;
		width: 20px !important;
	}
	

	.cl-nav-step-inactive-compcol {
		background: url("../images/icon-nav-deactive-step.png") no-repeat 7px center;
		height: 20px;
		width: 20px !important;

	}

	.cl-nav-step-inactive-component {
		padding-top: 14px;
	    margin-left: 13px;
	    border-bottom: 30px solid #666665;
	    box-sizing: content-box;
	    display: block;
	    width: 2px;
	}
	
	.cl-product-image-elemcol {
		position: relative;
	    top: 10px;
	}
	    
    /*.documentImage1CompCol {
        text-align: inherit !important;
    }*/
    .previewIconTwoElemcol {
        padding-left: 4% !important;
        width: 40% !important;
    }
    .previewIconImageElemcol {
        width: 15% !important;
    }
    .retakeIconElemcol {
        padding-left: 30% !important;
    }
    
    /*-- Error Width in Head ---*/
    .errorgroup {
    	width:100% !important;
    }
    
    
	
	/*nav bar and banner width*/ 
	.cl-acc-screen-prod-bg-main, .cl-new-acc-navbar-container-main ,.cl-MarketingBanner-container,.cl-prodBanner-container{
		width: auto;
	}
    /*------------------ For New Account Screen CSS ends---------------------*/
    
    /*---------------------CSS for Customer List -------------------*/
    .customer-list-screen-page {
    	width: inherit;
    }
    
     .customer-list-screen-page.m_pagediv {
     	width: inherit;
     	padding: inherit;
     	margin-top:12%;
     }
}



/*------------------ For medium devices (md)---------------------*/

@media ( min-width: 992px) and (max-width: 1199px) {
    /*------------------ For Aegnt Screen CSS starts---------------------*/
    
    body {
    	background: #fff;
    }
    
    .cl-welcomecontainer, .cl-drop-container{
        width: 100% !important;
        border: 0px solid #D2CCCC !important;
        box-shadow: none !important;
    }
    
    .cl-ps-initialdetails-pgcontainer, .m_tabpanel {
      width: 100%;
    }
    
	.cl-welcomecontainer .md-left>.elemcol>.rwd_labelcol+.rwd_compdiv {
		float: left;
		margin-left: 10px;
		width: auto;
	}
	.cl-welcomecontainer .md-left>.elemcol>.rwd_compdiv>.m_span {
		float: right;
	}
	

    /*------------------For Aegnt Screen CSS ends-------------------*/
    /*------------------ For Product Screen CSS starts---------------------*/
    
	.cardstablebody .m_datatablebodycolumn,.cardstablebody .m_datatablebodyrow
		{
		width: 225px;
		float: left;
		margin-left: 5.8%;
		padding-bottom: 2%;
		padding-top: 4%;
	}
	.cl-ps-details-pgcontainer .m_buttonsectionspan {
		position: relative;
		top: -5.5em;
		left: -2.5em;
	}
	/*------------------ For Product Screen CSS ends---------------------*/
    /*------------------ For New Account Screen CSS starts---------------------*/
    
    .previewIconTwoElemcol {
        padding-left: 4% !important;
        width: 33% !important;
    }
    .previwIconImageComp {
        width: 22% !important;
    }
    .previewIconImageElemcol {
        width: 30% !important;
        padding-left: 12% !important;
    }
    .previewImageOnDialogComp {
        padding-left: 22% !important;
    }
    
    .cl-product-image-label-elemcol{
		position: relative; 
	}
	
	
    .cl-product-image-label-nav {
		position: relative;
	    /* top: 75px; */
	    width:78%;
	}
	
	.cl-product-image-elemcol {
	    width:22%;	
	}   
    /*------------------ For New Account Screen CSS ends---------------------*/
    
    /*For Save dialog*/
	#saveDialogContainer .lg-left > .elemcol > .rwd_labelcol+.rwd_compdiv
	{
		float:right;
		margin-left:0px;
		width:50%;
	}	
	
	 /*-- Error Width in Head ---*/
    .errorgroup {
    	width:100% !important;
    }
    
    
	
	/*nav bar and banner width*/ 
	.cl-acc-screen-prod-bg-main, .cl-new-acc-navbar-container-main ,.cl-MarketingBanner-container,.cl-prodBanner-container{
		width: auto;
	}
	
	/*---------------------CSS for Customer List -------------------*/
    .customer-list-screen-page {
    	width: inherit;
    }
    
     .customer-list-screen-page.m_pagediv {
     	width: inherit;
     	padding: inherit;
     	margin-top:10%;
     }

     .cl-nonEditabel-Section {
		border-right: 1px solid #888 !important;
	    width: 65% !important;
	    padding-right: 30% !important;
	
	}
	
	/*Loan container width on IPA*/
	#contentcontainerdsaemea_new_account_screen_PL_mdIPAOutcomeContainer_pgseccontainer {
		padding-left: 15px;
    	padding-right: 22px;
	}
	
	#contentcontainerdsaemea_new_account_screen_PL_mdCrossSellProductFieldsSectionForPIL_pgseccontainer #contentcontainerdsaemea_new_account_screen_PL_mdLoanSimulationSection_container {
		padding-left: 3% !important;
    	padding-right: 3% !important;
	}
}



/* @media (min-device-width:993px) and (max-device-width:1024px){
    
     .cl-otp-screen-pagediv {width: 40% !important}
} */
/*------------------ ##For large devics (lg)---------------------*/

@media ( min-width: 1200px) {
    /*------------------ For Aegnt Screen CSS starts---------------------*/
    
    .cl-welcomecontainer {
       /*  width: 1002px !important; */
    }
    
    .cl-welcomecontainer .lg-left > .elemcol > .rwd_labelcol+.rwd_compdiv {
        float: left;
        margin-left: 10px;
        width: auto;
    }
    .cl-welcomecontainer .lg-left > .elemcol > .rwd_compdiv > .m_span {
        float: right;
    }
    
    /*------------------For Aegnt Screen CSS ends-------------------*/
    
    .cl-product-image-label-elemcol,
    .cl-product-image-label-nav {
		position: relative;
	    top: 0;
	}
	
	/*For Save dialog*/
	#saveDialogContainer .lg-left > .elemcol > .rwd_labelcol+.rwd_compdiv
	{
		float:right;
		margin-left:0px;
		width:50%;
	}
	
	#myCarousel {
		width: 1002px;
    	margin: 0 auto;
	}
	
	.cl-nonEditabel-Section {
		border-right: 1px solid #888;
	    width: 64%;
	    padding-right: 20%;
	
	}
	/*Fix for UAT Defect 7615*/
	#contentcontainerdsaemea_customer_list_mdincompleteAppTablePagesectioncustomerList_clone.tablesorter.scrollableFixedHeaderTable,
	#contentcontainerdsaemea_customer_list_mdcompleteAppTablePagesectioncustomerList_clone.tablesorter.scrollableFixedHeaderTable   {
		position: fixed !important;	
	}
    
}
/*------------------ ##For Internet Explorer (IE11)---------------------*/

@media screen and (-ms-high-contrast: active),
( -ms-high-contrast: none) {}
/* -----------------------------------------------------------------
	   ##  Media Queries Ends
-------------------------------------------------------------------- */
/**
Author: AK09125
Class Added: For Phone Group Screen
Date: 09/05/2016
*/
/* *** For Phone Group Page Section *****/
.cl-countryCode
{
	width: 25%;
	padding-right: 0px;	
}

.cl-countryCode input
{
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.cl-AreaCode 
{
	width: 25%;
	padding-right: 0px;
}

.cl-AreaCode input
{
	border-radius:0px;
	padding-right: 0px;
	border-left: 1px solid rgba(153, 153, 153, 0.7);
}

/** To Be Used To Display With Area Code */
.cl-phoneNumber-width50
{
	width : 50%
}

/** To Be Used To Display Without Area Code */
.cl-phoneNumber-width75
{
	width : 75%
}

.cl-phoneNumber
{
    padding-right:0px;
}

.cl-phoneNumber input
{
	border-bottom-left-radius:0px;
    border-top-left-radius:0px;
    border-left: 1px solid rgba(153, 153, 153, 0.7);
}

.cl-phoneNumberBorderOverride input 
{
	border-radius: 6px;
}

/**
Author: AK09125
Class Added: For Product Information
Date: 09/05/2016
*/

/*------------------ For Product Information Screen CSS starts---------------------*/

.cl-prod-intermidate-screen-pagediv {
     margin: 0;
    padding: 0;
    width: 100%;
}

.cl-information-screen-bg {
    background: #F2F2F2 url(../images/information_screen_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 125%;
     /*z-index:1;*/
    text-align: center;
    height: 300px;
}

.cl-intermidate-screen-product-image {
     margin: 10px 0 0 0;
}

.cl-intermidate-screen-citi-rewards{
    background: #fff;
    color: #333;
    padding-top: 28px;
    padding: 30px 15% 0px 15%;
}

.cl-intermidate-screen-citi-rewards .m_formattedTextLabel {
	font-size: 14px; 
	margin:0; 
	padding:0
}


.cl-card-animation-perspective{
	perspective: 1200px;
}

@keyframes cardRotate {
  0% {transform:rotateY(20deg);}
  100% {transform:rotateY(-20deg);}
}

.cl-card-animation{
    animation-name: cardRotate;
    transform: rotateY(180deg);
    animation-duration: 4s;
    transform-style: preserve-3d;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}


/*----------------- For Product Information Screen - KEY FACTS ---------------------*/
.sectionSummary {
    padding: 9px 0 0;
}

.sectionSummary li {
    list-style-type: none;
    background: url(../images/check-mark.svg) no-repeat 0 7px;
    margin: 0px;
    padding: 0 0 8px 20px;
    font-size: 12px;
    text-align: left;
}

@media (min-width: 980px) {
	.sectionSummary ul li {
    	width: 50%;
	}
}

@media (min-width: 600px) {
	.sectionSummary ul li {
    	width: 100%;
 	}
}

.sectionSummary ul li {
    color: #333;
    padding: 0 0 8px 20px;
    position: relative;
    float: left;
}

.sectionSummary ul li:before {
    height: 12px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 4px;
    background: #333;
    border-radius: 50%;
}

.sectionSummary ul li:before {
    content: '';
}

/*------------------ For Cards IPA Screen CSS starts---------------------*/
.cl-cardOffers-Table table
{
	/* min-width:1000px; */
}

.cl-cardOffers-Table table.tablesorter {
    border: 1px solid #CCCCCC;
    width: 100%;
}

.cl-cardOffers-Table table.tablesorter thead tr th{
    padding: 20px 15px;
    text-align: left;
    font-size: 18px !important;
    background: linear-gradient(to bottom, #fefefe 0%,#f8f8f8 47%,#efefef 100%);
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #CCCCCC !important;
}

.cl-cardOffers-Table .m_cloneTable {
	display:none;
}

.radioCardOffersTd {
	width: auto;
    padding: 0px;
}


.cl-cardOffers-Table table.tablesorter tbody tr.even td, .cl-cardOffers-Table table.tablesorter tbody tr td {
	background-color: #fff;
	padding-top:0.7%;
	padding-bottom: 0;
	border-bottom:1px solid #ccc;
	text-align:left;
	font-size:15px;
}

.cl-cardOffers-Table table.tablesorter tbody tr.odd td {
	background-color: #fff;
	padding-top:0.7%;
	padding-bottom: 0;
	border-bottom:1px solid #ccc;
	text-align:left;
	font-size:15px;
}



.cl-cardOffers-Table table.tablesorter tbody tr td br{display:none}


/* .cl-CCOfferProducts {
	width:60%;
	margin:0 auto;	
} */


.cl-cardOffers-Table table.tablesorter tbody tr td .m_span  {
    display: inline-block;
    padding-top: 2%;
    padding-left: 3%;
}


.cl-CCOfferProducts {
    margin-right: -4px;
    margin-left: 7px;
    margin-top: -8px;
    margin-bottom: 10px;
}

.cl-CCOfferProducts td {
    border-bottom: 0px solid #ccc !important;
}

.cl-CCOfferProducts .row {
    margin: 1% 0 0 0;
    border: 1px solid #D2CCCC;
    padding: 3% 1%  1% 1%;
    box-shadow: 0 0 4px #aaa;
    background: #fff;
    cursor: pointer;
}

.cl-CCOfferProducts h3 {color: #056DAE}

.cl-CCOfferProducts img.ccCardImg {width:180px}

tr#addedRowToDisplayCardOffers td {
    background: #F1F1F1;
}

.cl-cardOffers-Table .m_horizontalradio [type="radio"], 
.cl-CCOfferProducts [type="radio"] {
	width: 1px !important;
	height:1px !important;
}


/* Standard syntax For Current Offer Selected*/
@keyframes creditCardOfferSelected {
    from {background-color: white; border-top: 1px solid #EBF8E4;border-bottom: 1px solid #EBF8E4;}
    to {background-color:  #EBF8E4 !important}
}

.cl-card-selected
{
    border-top: 1px solid #EBF8E4;
    border-bottom: 1px solid #EBF8E4;
    background-color: #EBF8E4 !important;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: creditCardOfferSelected;
    animation-duration: 2s;
}



/******************************* CSS For Slider Widget For Loan Simulation ************************************************/

/* To Disable The Loan Screen When Application Has Updated Slider Value*/
.cl-loan-screenDisabled
{
	height: 100vh;
	position: absolute;
	background: rgba(109, 109, 109, 0.18);
	width: 100%;
	top: 0;
	z-index: 9999;
}

/* Padding Right And Left As Loan Slider May Move Out */
.cl-loanSimulation-arrow-padding
{
	padding-right : 80px;
	padding-left : 20px;
	width : 100%;
}

/* Slider Background Color, Margin-Top :- Height Of Slider(10px) + Bottom Visible Arrow(30px) + Arrow Visible Top(50 px)  = Height Of Arrow(90px)*/ 
.cl-loanSimulationSlider 
{
	background:#ccc !important;
	height: 2px;
	margin-top:50px;
	margin-bottom:30px;
	border: 0px !important;
}

/* For The Section Displaying The Current Selected Value Background*/
.cl-loanSimulationSlider .arrow
{
	font-family : Interstate;
	font-weight : normal;
	bottom: 32px;
	border-radius: 18px;
	height: 31px;
	background: #0176BE;
	width : 100px;
}
/* For Removing The Arrow Displayed */
.cl-loanSimulationSlider .arrow :after
{
	content : none;
}

/* For Section Displaying The Value Selected Content*/

/* For Removing The Slider Icon Visible */
.cl-loanSimulationSlider a.ui-slider-handle 
{
	cursor: pointer;
	background: url(../images/range-slider.svg) center center no-repeat !important;
    height: 24px !important;
    width: 24px !important;
    border: 0px !important;
    margin-top: -7px !important;
}

.cl-loanSimulationSlider a.ui-slider-handle:active,
.cl-loanSimulationSlider a.ui-slider-handle:hover
{
    background: url(../images/range-slider-focus-white.svg) center center no-repeat !important;
    border: 0px !important;
}

.cl-loanSimulationSlider .arrow :after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #0176BE;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}

.cl-loanSimulationSlider .ui-slider-range {
    background:#0176BE!important;
    border-radius: 0px !important;
}

/*--------------Installment Amount---------------*/
.cl-m-input-installment-amt {
    background: #fff !important;
    border: 0px solid #0176BE !important;
    color: #333;
    font-weight: bold;
    font-size: 36px !important;
    line-height:40px;
    height:40px;
    text-align:center;
    cursor: default !important;
    padding:0px;
    
}
.cl-m-input-installment {
	text-align:center;	
}
.cl-m-input-installment label:before  {
    content: " ";
    color: white;
    margin-right: 0;
}

.cl-m-input-installment-amt-err {
    background: #D60000 !important;
    border: 1px solid #D60000;
}

/*--------Insurance Message And Loan APR Message-----------*/
.cl-loan-messages
{
	color: #333;
   	font-weight: normal;
   	padding: 0 0 8px 0;
   	text-align: center
}

.cl-loan-messages-big
{
	color: #333;
   	font-weight: normal;
   	padding: 0 0 8px 0;
   	text-align: left;
   	font-size:16px;
}

.cl-max-loan-amount-max-Tenor-Message
{
	float: left !important;
    font-size: 18px;
}

.cl-loanSimulationSlider .benchmark :after {
    width: 1px;
    height: 1px;
    border: 0px;
    background: #D5D5D5;
}

.cl-appBenchmark {
	top:-30px !important;
}

/*Loan/Credit Card Offers Buttons */
.cl-loan-CardOffers-Buttons 
{
	width:auto;
	float:right;
}

.cl-submit-offline-Buttons 
{
	float:right;
}

/* For Loan Pricing Negotiation Pricing Check Base Color Code*/
.cl-negotiation-green 
{
	background: green !important;
}

.cl-negotiation-red 
{
	background: red !important;
}

.cl-negotiation-amber 
{
	background: orange !important;
}

.cl-negotiation-white 
{
	background: white !important;
}

/*CSS For Loan top Up */
.cl-message-loanTopUp-loan li
{
	color: #333; 
	padding-bottom:5px; 
	font-size:12px
}
ul.cl-message-loanTopUp-loan{
	margin-left:16px;
}
.cl-message-loanTopUp-loan li:before{ 
  content:'\2713';
  display:inline-block;
  font-weight:bold;
  color:green;
  padding:0 6px 0 0;
}



/*----For online ICON + TEXT in Section Header (Grey Bar)-----*/

.header_icons .cl-icons-component
{
	padding-top: 15px;
    display: inline-block;
}

/*------------------------------------------------------------------------
---------------------------CSS3 Animation Across Pages :: START ----------
-------------------------------------------------------------------------*/

/*----------------------- All Screen Animation-----------------------------------------*/
.cl-drop-container
{
    position: relative;
   /*  animation-name: dropLogin;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1.5s; */
    margin: 0 auto;
    width: 1002px;
    background: #fff;
    padding: 1% 0;
   /*  border: 1px solid #D2CCCC;
    box-shadow: 0 0 4px #aaa; */
}

@keyframes dropLogin {
    0% {
        transform: translateY(-80px);
        opacity:0;
    }
    100% {
        transform: translateY(0);
        opacity:1;
    }
}

.cl-otp-screen-pagediv .cl-drop-container {
    animation-name: inherit;
    animation-iteration-count: 0;
    animation-timing-function: inherit;
    animation-duration: 0s;
}

/*----------------------- OTP Error Animation-----------------------------------------*/
.cl-otp-pagesection-pgcontainer .m_input
{
	position:relative;
}

.cl-otp-pagesection-pgcontainer .m_errorcomponentset:not(.m_radiogroup)
{
	animation:invalid .5s;
	-webkit-animation:invalid .5s;
	
}

@keyframes invalid
{
	0%   {left:8px;}
	10%  {left:-8px;}
	30%  {left:8px;}
	60%  {left:-8px;}
	100% {left:0px;}
}

/*------------ Animation to Show Error message ---------------------*/
.m_errorspanset {
    animation: fadein 2s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

/*------------------------------------------------------------------------
---------------------------CSS3 Animation Across Pages :: END ----------
-------------------------------------------------------------------------*/



/* -----------------------------------------------------------------
		## CSS Clases for LOP/ALOP Starts
-------------------------------------------------------------------- */

.cl-page-container{
	border: 1px solid;
	padding: 0;
	width: 75%;
    margin-left: auto;
    margin-right: auto;
    background: #C0C0C8;
    margin-top: 0;
}
.border-0{border: 0px;}
.border-1{border: 1px solid;}
.background-none{background: none;}

.field-seperator {
	border-top: 1px solid rgb(170, 170, 170);
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}
.cl-width-25{width: 25% !important;}
.cl-width-33{width: 33.33% !important;}
.cl-width-50{width: 50% !important;}
.cl-width-66{width: 66.66% !important;}
.cl-width-75{width: 75%;}
.cl-width-100{width: 100%;}
.cl-width-auto{width: auto !important;}


.margin-0{margin: 0;}
.margin-top-0{margin-top: 0;}
.margin-left-auto{margin-left: auto;}
.margin-right-auto{margin-right: auto;}
.margin-bottom-15{margin-bottom: 15px !important;}

.page-background{background: #C0C0C8;}

.padding-0{padding: 0;}
.padding-bottom-0{padding-bottom: 0;}
.padding-top-0{padding-top: 0;}

.font-weight-bold{font-weight: bold;}

.font-size-12{font-size: 12px;}

.cl-primary-color{color : #333;}

.float-right{float: right !important;}
.float-left{float: left !important;}


.cl-dsare-btn {
	color: #ffffff;
	background-color: #0076C0;
	border: 1px solid #0076C0;
	font-size: 14px !important;
	font-family: "Arial", sans-serif !important;
	padding: 0px 20px;
	margin-bottom: 10px;
	margin-top:0px;
	height: 43px;
}

.cl-dsare-btn:hover {
	color: #0076C0;
	background-color: #ffffff;
	border: 1px solid #0076C0;
	font-size: 14px;
	font-family: "Arial", sans-serif !important;
}

@media (min-width: 1200px){
	.lop-alop-pg .cl-label-comp-container{
   	 	width: 30% !important;
 	}
 	.lop-alop-pg .cl-slider-comp-container{
 		width: 50% !important;
 	}
}

.customer-checkbox label {
	font-family: 'ArialMT', 'Arial';
	font-size: 18px;
	color: #666666;
	padding-left: 50px;
	line-height: 30px;
	background: url('../images/u146.png') no-repeat top left;
	cursor: pointer;
	font-weight: normal;
	width: 100%
}

.customer-checkbox label.cb-checked {
	background-image: url('../images/u43.png'), url('../images/u146.png');
	background-repeat: no-repeat;
	background-position: 5px 5px, top left;
	background-size: 20px, auto;
}

.cl-slider-component ~ input{
	display: block !important;
	border: 0;
}

.cl-LopAlopPageSection
{
	width:60%;
	margin:0 auto;
}
/* -----------------------------------------------------------------
		## CSS Clases for LOP/ALOP Starts
-------------------------------------------------------------------- */


/*--------------------------------------------------------------------
		## Sticky Header ##
---------------------------------------------------------------------*/
.sticky-head {
	position:fixed;
	background:rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid #D2CCCC;
	z-index:999;
	top:0px;
	left:0px;
}

/*--------------------------------------------------------------------
		## CSS For Error Page ##
---------------------------------------------------------------------*/
.cl-error-screen 
{  
	float: none;
	margin: 0 auto;
}


/*--------------------------------------------------------------------
		## CSS For Company Drop Down ##
---------------------------------------------------------------------*/

.cl-company-search-container .m_pagebutton{ margin:0px}
.cl-company-search-container .m_grouptablerow{padding-bottom:0px}
.cl-company-search-box {width:70%}
.cl-company-btn-box {width:30%}
.cl-company-btn-box button {height:49px}


/*--------------------------------------------------------------------
		## CSS For Cross sell ##
---------------------------------------------------------------------*/
.section-border-light-gray{
	border: 1px solid #E8E8E8;
}
.gray-background{
	background: #F0F0F0;
}
.cl-offer-product-details-text{
	width: initial !important;
    padding-right: 35px;
    color: #0066CC;
    font-weight: bold;
    cursor: pointer;
}

.cl-up-arrow{
	background:transparent url("../images/up-arrow.png") no-repeat right center;
	background-size: 16px 16px;	
}

.cl-down-arrow{
	background:transparent url("../images/down-arrow.png") no-repeat right center;
	background-size: 16px 16px;
}
/*------------------------------------------------- HTML5 Boilerplate accessible hidden styles --------------------------------*/
.m_horizontalradio [type="radio"],
.m_verticalradio [type="radio"]{      
    /* border: 0;
    clip: rect(0 0 0 0);
    height: 1px;*
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity:0; */
}

/* One radio button per line */
.m_horizontalradio label, 
.cl-CCOfferProducts label,
.m_verticalradio label {
  /* display: inline-block;
  cursor: pointer;
  line-height: 1.5; */
}

.m_horizontalradio  [type="radio"] + span, 
.cl-CCOfferProducts  [type="radio"] + span,
.m_verticalradio [type="radio"] + span{
  /* display: block;
  font-size: 14px;
  font-weight: normal; */
}

/* the basic, unchecked style */
.m_horizontalradio  [type="radio"] + span:before, 
.cl-CCOfferProducts  [type="radio"] + span:before,
.m_verticalradio [type="radio"] + span:before{
  /* content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.25em solid #fff;
  box-shadow: 0 0 0 0.1em #666;
  margin-right: 0.75em;
  transition: 0.5s ease all; */
}

/* the checked style using the :checked pseudo class */
.m_horizontalradio [type="radio"]:checked + span:before, 
.cl-CCOfferProducts [type="radio"]:checked + span:before,
.m_verticalradio [type="radio"]:checked + span:before{
  /* background: #056DAE;
  box-shadow: 0 0 0 0.1em #056DAE; */
}

/*---- Label Show hide on focus---------------*/
.inActiveInputElement label {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, 
  opacity 0.5s linear;
}

.activeInputElement label {
  visibility: visible;
  opacity: 1;
}


.cl-custom-checkbox label.crosssellOfferSubmited:before {
    content: "\2713";
    display: inline-block;
    border: 0;
    height: 20px;
    width: 20px;
    position: relative;
    margin: 0;
    top: 0;
}

.cl-welcomecontainer .cl-drop-container {
    margin: 0;
    box-shadow: none;
    border: 0px;
    width: 100%;
    padding: 0;
}

.ConfirmationContainer {

}

[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable, 
[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
[aria-describedby="PL_DSPDFDisplayDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
	/* top: 5% !important; */
    width: 95% !important;
    /* left: 15% !important; */
}

[aria-describedby="customerTypeDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .lg-left > .elemcol > .rwd_labelcol+.rwd_compdiv{
    width: inherit !important;
}

[aria-describedby="pdfPreviewDialog"] .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix,[aria-describedby="pdfPreviewDialog"] .m_pagediv,
[aria-describedby="DS_pdfPreviewDialog"] .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix,[aria-describedby="DS_pdfPreviewDialog"] .m_pagediv,
[aria-describedby="PL_DSPDFDisplayDialog"] .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix,[aria-describedby="DS_pdfPreviewDialog"] .m_pagediv,
[aria-describedby="TC_pdfPreviewDialog"] .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix,[aria-describedby="pdfPreviewDialog"] .m_pagediv{
	margin: 2% 0% 0% 0% !important;
	padding: 0 !important;
}

[aria-describedby="pdfSignatureDialog"] .ui-dialog-title,
[aria-describedby="primaryCustomerSignature"] .ui-dialog-title
{
	height : 0px !important;
}

.space-bottom-25 {
	padding-bottom:25px !important;
}

/*Email Lower Case*/
.m_input.cl-email-lower-case {
	text-transform: none !important;
}

/*Section Header CSS*/
.cl-section-header{
	font-weight: normal;
    font-size: 25px;
    color: #333333;
    margin-bottom: 3%;
}

/************************************************ TODO: tool link *********************************/
.dropdown-tool {
    position: inherit;
    margin: 1% 0px 0;
    padding-right: 3%;
}     	

.dropdown-container-tool {
    display: none !important;
    position: absolute;
    max-width:13%;
    box-shadow: none;
    padding: 0;
    z-index: 99;
    right: 1%;
    overflow: hidden;
    border-right: 1px solid #ccc;
}

.dropdown-toggle-tool label {
	font-weight:bold;
	color:#fff;
}
.dropdown-tool:active .dropdown-container-tool,
.dropdown-tool:focus .dropdown-container-tool,
.dropdown-tool:hover .dropdown-container-tool
 {
    display: block !important;
}

.dropdown-tool:focus .dropdown-container-tool:active,
.dropdown-tool:focus .dropdown-container-tool:focus {
	 display: none !important;
}

.dropdown-container-tool ul li {
	background:none !important;
	border:1px solid #ccc;
	background:#fff !important;
	color:#000;
}

.dropdown-container-tool ul li:first-child {
	border-bottom:0px;
}

.dropdown-container-tool ul li:first-child  a{
	border-top:0px;
}

.dropdown-container-tool ul li a span{
	color:#000;
	text-decoration:none !important;
	font-weight:normal;
}

.dropdown-container-tool ul li a span:hover{
	text-decoration:none !important;
}

.dropdown-container-tool ul li:active,  
.dropdown-container-tool ul li:focus{
	background:#F8F8F8 !important;

}
.dropdown-toggle-tool  {
	font-size: 1.1em;
	text-align: right;
	padding-right: 20px;
	background: url(../images/arrow-down.png) no-repeat right 4px;
}

.dropdown-container-tool .ml-menu {
	margin-bottom:0px;
}

.pdf-holder-container {
	height: 60vh;
    overflow-y: auto;
    text-align:center;
    background:#525659;
}

.pdf-download-btn{
	display:none;
}

.hidePDFObjectTag {
	display:none;
}


#pdfPreviewDialog {
    height: 98vh !important;
}

#TC_pdfPreviewDialog {
    height: 98vh !important;
}

#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_offline_screen_mdpdfPreviewOfflineDialogContainerpdfPreviewComponent_compdiv > object
{
	height : 65vh !important;
}

/* For IE PDF Display Is Handled By Canvas Solution */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
	/* object.m_pdf {
		display:none;
	} */
	
	.hidePDFObjectTag {
		display:none;
	}
	
	.pdf-holder-container {
	    border-bottom: 8px solid #525659;
    	border-top: 8px solid #525659;
	}
	
	.pdf-download-btn{
		display:inline-block;
	}
}

/* iPad [portrait + landscape] PDF Display Is Handled By Canvas Solution */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* object.m_pdf {
		display:none;
	} */ 
	
	.hidePDFObjectTag {
		display:none;
	}
	
	
	.pdf-holder-container {
	    border-bottom: 8px solid #525659;
    	border-top: 8px solid #525659;
	}
	
	
     
     /*Produt palate - UX */
     /*  .cl-WelcomeText-container {
	    padding: 1% 0% 7% !important;
	} */
	
	.productTableComp .m_datatablebodyrow {
		margin: 0 4px 15px 4px !important;
	}	
	
	/*.cl-Carousel-container {
		padding: 0 !important;
    	margin: 0px !important;
	}
	
	.carousel-caption {
		top: 17px !important;
		padding: 15px !important;
	}
	
	.offertab .ui-tabs-panel {
		padding: 1em 0 !important;
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.productTableComp .m_datatablebodyrow {
		width: 235px !important;
	} */
}

/* iPhone [portrait + landscape] PDF Display Is Handled By Canvas Solution */
@media only screen and (max-device-width: 480px) {
	/* object.m_pdf {
		display:none;
	} */

	.hidePDFObjectTag {
		display:none;
	}
	
	.pdf-holder-container {
	    border-bottom: 8px solid #525659;
    	border-top: 8px solid #525659;
	}
	
	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
	[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
		[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
	    top: 0% !important;
	    width: 100% !important;
	    left: 0% !important;
	}
	
	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .dialogHeight,
	[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .dialogHeight,
	[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .dialogHeight{
	    overflow-y: auto;
    	height: 284px;
	}
		
	#DS_pdfPreviewDialog.ui-dialog-content.ui-widget-content { max-height: 460px!important;}
	
	
	/*Fix for mobile device Save & confimation Page*/
	.cl-head-mast .cl-confirmation-head h1{
		font-size:16px;
		font-weight:bold;
	}
	.cl-head-mast .cl-confirmation-head h2{
		font-size:14px;
		font-weight:bold;
	}
	.row.cl-head-mast {
		height:200px
	}
	.cl-confirmation-head {
		margin: 4em 0 3em 0;
	}
	
	/*Fix for OTP screen height*/
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-title,
	[aria-describedby="saveDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-title  {  
		font-size: 16px;
	    font-weight: bold;
	}
	
	[aria-describedby="validatecustomerOTPpageSec"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content,
	[aria-describedby="saveDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content { 
	    max-height: 570px !important;
	}
	
	.cl-process-container h2 {
		font-size:16px;
		font-weight: bold;
	}
	
	.process-text{
		font-siz:14px;
	}
}


@media (max-width: 568px) {
	.ui-dialog .ui-dialog-content {
	    width: auto;
	    min-height: 0px;
	    max-height: none;
	    height: auto !important;
	    overflow-y: scroll;
	    max-height: 80vh !important;
	    max-width: 568px !important;
    	overflow-x: auto;
	}
	
	[aria-describedby="pdfSignatureDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .signatureWrapper,
	[aria-describedby="primaryCustomerSignature"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .signatureWrapper {
    	width: 480px;
	}
	
	.cl-Bureau-Home-Address h3 {
	color: #056DAE;
	font-size: 16px;
	}
	
	.cl-Bureau-Address-LabelContainer {
	  padding-left: 3em;
	  color: #333;
	  font-size: 1.0em;
	  font-weight:normal;
	  line-height: 2em !important;
	}
	
}

@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) 
and (orientation : landscape) {
   [aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .cl-height-mobile,
   [aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .cl-height-mobile,
   [aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .cl-height-mobile{
	    overflow-y: auto;
    	height: 180px;
	}
}

/* iPad Fix for checkbox issue */
input[type=checkbox].m_checkbox {
    height: auto !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0 !important;
}

/* iPad Fix for PDF Bug */
@media ( min-width : 992px) and (max-width: 1199px) {
	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
	[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
	[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable  {
		width: 95% !important;
		
	}
}

@media ( min-width : 765px) and (max-width: 1199px) and (orientation: portrait){
	#pdfPreviewDialog {
	    height: 75vh !important;
		}
		
	#TC_pdfPreviewDialog {
    	height: 75vh !important;
	}
	
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_screen_mdpdfPreviewDialogContainerpdfPreviewComponent_compdiv,#PDFHolder,
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_offline_screen_mdpdfPreviewOfflineDialogContainerpdfPreviewComponent_compdiv,
	#contentcontainer_TC_pdfPreviewDialogdsaemea_TC_pdf_preview_dialogTCDialogContainerpdfPreviewComponent_compdiv{
		height :55vh !important;
	}
	
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_screen_mdpdfPreviewDialogContainerpdfPreviewComponent_compdiv > object,
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_offline_screen_mdpdfPreviewOfflineDialogContainerpdfPreviewComponent_compdiv > object,
	#contentcontainer_TC_pdfPreviewDialogdsaemea_TC_pdf_preview_dialogTCDialogContainerpdfPreviewComponent_compdiv > object
	{
		height : 55vh !important;
	}
}

@media ( min-width : 992px) and (max-width: 1366px) and (orientation: landscape){
	
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_screen_mdpdfPreviewDialogContainerpdfPreviewComponent_compdiv,#PDFHolder,
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_offline_screen_mdpdfPreviewOfflineDialogContainerpdfPreviewComponent_compdiv,
	#contentcontainer_TC_pdfPreviewDialogdsaemea_TC_pdf_preview_dialogTCDialogContainerpdfPreviewComponent_compdiv{
		height : 65vh !important;
	}
	
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_screen_mdpdfPreviewDialogContainerpdfPreviewComponent_compdiv > object,
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_offline_screen_mdpdfPreviewOfflineDialogContainerpdfPreviewComponent_compdiv > object,
	#contentcontainer_TC_pdfPreviewDialogdsaemea_TC_pdf_preview_dialogTCDialogContainerpdfPreviewComponent_compdiv > object
	{
		height : 65vh !important;
	}
}

	
[aria-describedby="pdfSignatureDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
[aria-describedby="primaryCustomerSignature"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
	width: 950px !important;
}

[aria-describedby="pdfSignatureDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .signatureWrapper,
[aria-describedby="primaryCustomerSignature"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .signatureWrapper { 
	width:820px
}


.tooltip-toggle {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
    margin: 0 8px;
    background: url(../images/question-stroke.svg) right center no-repeat;
}

.tooltip-toggle:hover,  .tooltip-toggle:active{
	background: url(../images/question-fill.svg) right center no-repeat;
}


.cl-Select-moreInfoReq, .cl-datePicker-moreInfoReq, .cl-Select-moreInfoReq ~ .vsb-main.m_select{width:85% !important}

.cl-down-arrow-image span{
	padding: 0px 20px 0px 10px;
	background: url(../images/arrow-up.png) no-repeat;
	background-position: right;
	background-size: 10px;
}

.cl-down-arrow-image.headerSortDown span{
	background: url(../images/arrow-up.png) no-repeat !important;
	background-position: right !important;
	background-size: 10px !important;
}

.cl-down-arrow-image.headerSortUp span{
	background: url(../images/arrow-down.png) no-repeat !important;
	background-position: right !important;
	background-size: 10px !important;
}

.ac_container.activeInputElement, .ac_container{
	width:100% !important;
	padding: 0;
    margin: 0px;
    height: 49px;
}

/*Calnedar arrow Icon */
.ui-datepicker-header .ui-icon {
	background-image: url(../../../../lib/jquery-ui-1.10.3/themes/base/images/ui-icons_222222_256x240.png) !important;
}

/****************************************************************************************
*****************************************************************************************
*********************** Image Carousel **************************************************
*****************************************************************************************
****************************************************************************************/


.cl-WelcomeText-container {
	margin-top: 0;
    padding: 0% 10% 4%;
}

.cl-Carousel-container {
	margin: 0 auto;
    float: none;
}

.cl-WelcomeText-container h1{
	margin-top: 0;
}

.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
	  margin: auto;
	}
.carousel-indicators {
    top: -25px;
}

.carousel-indicators li {
    margin: 0 8px 0 0 !important;
    border: 1px solid #3f3f3f !important;
}

.carousel-indicators li.active {
	background: grey;
	border: 1px solid #3f3f3f;
	height: 10px;
	width: 10px;
}

.carousel-caption {
	right: 20%;
    left: 20%;
    background: rgba(255, 255, 255, 0.85);
    margin: 0;
    padding: 25px;
    width: 47%;
    top: 70px;
    left: 15px;
    border: 0px solid #fff;
    text-align: left;
    color: #3c3a3a;
    text-shadow: 0 0 rgba(0,0,0,.6);
}
	
/*********************** CSS For Tabs Panel ****************************/
table.tablesorter tbody tr.odd td {
    background-color: #FFF;
    padding: 0; /*Change from padding-top:1.3%*/
    padding-bottom: 0;
}

table.tablesorter tbody tr.even td {
    background-color: #FFF;
    padding: 0; /*Change from padding-top:1.3%*/
    padding-bottom: 0;
}



div table.tablesorter {
    background-color: #CDCDCD;
    margin: 0px 0pt 15px;
    text-align: center;
    table-layout: fixed;
    width: 900px;
}

div table.tablesorter tbody{
    background-color: #fff;
}

.productTableComp .m_datatablebodyrow {
    border: 1px solid #ccc;
    width: 290px;
    overflow: hidden;
    float: left;
    margin: 0 5px 15px;
    height: 440px;
}

.productTitleAndDescComp {
    text-align: left;
    padding-top: 15px;
    width: 100%;
}

.productImageComp {
    padding: 25px 0 !important;
    width: 290px;
    background: url(../images/crousel-image-1.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.productDescComp ul {
	padding: 25px 0;
    width: 248px;
}

.productDescComp ul li {
    list-style-type: none;
    background: url(../images/check-mark.svg) no-repeat 0 7px;
    margin: 0px;
    padding: 0 0 5px 20px;
    font-size: 12px;
}

table.tablesorter tbody tr td .m_pagebutton {
	float: right
}

.offertab .ui-tabs-nav {
	width: 70%;
    margin: 0 auto;
    border: 1px solid rgba(255, 0, 0, 0);
    border-radius:5px;
}

.offertab .ui-tabs-nav .ui-state-default a {
    color: #0076c0;
}

.offertab .ui-state-default.ui-state-active a {
    color: #ffffff;
    font-weight: bold;
}

.offertab .ui-tabs-nav .ui-state-default {
    height: 50px;
    display: flex;
    margin: 0px;
    border-radius: 0px;
    white-space: normal;
    font-size: 1.2em;
    font-weight: bold;
    background: #ededed;
    text-decoration: none;
    border: 0px;
}

.offertab .ui-tabs-nav li.ui-state-default:first-child {
    border: 1px solid #fff;
    border-right: 0px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 0px;
}

.offertab .ui-tabs-nav li.ui-state-default:last-child {
    border: 1px solid #fff;
    border-right: 0px;  
	border-bottom-right-radius: 8px; 
	border-top-right-radius: 8px;
}

.offertab .ui-tabs-nav .ui-state-active {
    color: #ffffff;
    background-color: #0076c0;
    box-shadow: none;
    border: 0px;
}

.m_tabpanel {
    border: 0px solid #D2CCCC;
    box-shadow: none;
    background: #fff;
   /*  width:1002px;
    margin: 0 auto; */
    border: 0px;
    border-radius: 0px;
}

.productTitleComp .m_linktextdiv {
	font-size: 13px;
    font-weight: bold;
    white-space: normal !important;
    color: #4c4c4c;
}

.m_tabpanel .productDescComp {
	
	height:175px;
    width: 275px;
	overflow-y: auto; 
    margin-bottom: 10px;
}

.m_tabpanel .m_grouptablerow {padding-right: 10px;}

body{background:#fff;}

/******************************************** Radio Button Changes ********************************/
 [type="radio"]{      
    /* border: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity:0; */
}

/* One radio button per line */
.m_horizontalradio label, 
.cl-CCOfferProducts label,
.m_verticalradio label {
  /* display: inline-block;
  cursor: pointer;
  line-height: 1.5; */
}

.m_horizontalradio  [type="radio"] + span, 
.cl-CCOfferProducts  [type="radio"] + span,
.m_verticalradio [type="radio"] + span{
  /* display: block;
  font-size: 14px;
  font-weight: normal; */
}

/* the basic, unchecked style */
.m_horizontalradio  [type="radio"] + span:before, 
.cl-CCOfferProducts  [type="radio"] + span:before,
.m_verticalradio [type="radio"] + span:before{
  /* content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.25em solid #fff;
  box-shadow: 0 0 0 0.1em #666;
  margin-right: 0.75em;
  transition: 0.5s ease all; */
}

/* the checked style using the :checked pseudo class */
.m_horizontalradio [type="radio"]:checked + span:before, 
.cl-CCOfferProducts [type="radio"]:checked + span:before,
.m_verticalradio [type="radio"]:checked + span:before{
  /* background: #056DAE;
  box-shadow: 0 0 0 0.1em #056DAE; */
}

/**NEW RADIO - Like Button Design*********************************************************/
.m_horizontalradio [type="radio"] + span, 
.cl-CCOfferProducts [type="radio"] + span,
.m_verticalradio [type="radio"] + span {
    float:left; 
    padding: 2px 10px;
    min-width:50px;
    margin:4px;
    background-color: transparent;
    border-radius: 8px;
    border:1px solid #333;
    overflow:auto;
    pointer-events: none;   
}

.m_horizontalradio label span, 
.cl-CCOfferProducts label span,
.m_verticalradio label span{
    text-align:center;
    font-size: 12px;
    padding:2px 10px;
    display:block;
}

.m_horizontalradio  [type="radio"], 
.cl-CCOfferProducts  [type="radio"],
.m_verticalradio [type="radio"] {
     border: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity:0; 
}

.m_horizontalradio [type="radio"]:checked + span, 
.cl-CCOfferProducts [type="radio"]:checked + span,
.m_verticalradio [type="radio"]:checked + span {
    color: #0077be;
    border: 1px solid #0077be;
    pointer-events: none;
}

.m_radiolabel {
    vertical-align: top;
    line-height: 22px;
    display: inline-block;
}


/**** Space Fix between two component - RWD_Metastle - Overwrite *************************/

/************** Radio Button If need Circle Design ****************************/

.cl-cardOffers-Table .m_horizontalradio [type="radio"] + span,
input[type=radio].cl-offers-radio.m_radio + br + span {
    pointer-events: inherit;   
}

.cl-cardOffers-Table .m_horizontalradio [type="radio"],
.cl-cardOffers-Table .m_verticalradio [type="radio"],
input[type=radio].cl-offers-radio.m_radio{      
   border: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 20px;
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
    opacity:0;
}

/* One radio button per line */
.cl-cardOffers-Table .m_horizontalradio label, 
.cl-cardOffers-Table .cl-CCOfferProducts label,
.cl-cardOffers-Table .m_verticalradio label {
  display: inline-block;
  cursor: pointer;
  line-height: 1.5;
}

.cl-cardOffers-Table .m_horizontalradio  [type="radio"] + span, 
.cl-cardOffers-Table .cl-CCOfferProducts  [type="radio"] + span,
.cl-Bureau-Home-Address [type="radio"] + span,
.cl-cardOffers-Table .m_verticalradio [type="radio"] + span,
input[type=radio].cl-offers-radio.m_radio + br + span{
  display: block;
  font-size: 14px;
  font-weight: normal;
}

/* the basic, unchecked style */
.cl-cardOffers-Table .m_horizontalradio  [type="radio"] + span:before, 
.cl-cardOffers-Table .cl-CCOfferProducts  [type="radio"] + span:before,
.cl-Bureau-Home-Address [type="radio"] + span:before,
.cl-cardOffers-Table .m_verticalradio [type="radio"] + span:before,
input[type=radio].cl-offers-radio.m_radio + br + span:before{
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.25em solid #fff;
  box-shadow: 0 0 0 0.1em #666;
  margin-right: 0.75em;
  transition: 0.5s ease all;
}

/* the checked style using the :checked pseudo class */
.cl-cardOffers-Table .m_horizontalradio [type="radio"]:checked + span:before, 
.cl-cardOffers-Table .cl-CCOfferProducts [type="radio"]:checked + span:before,
.cl-cardOffers-Table .m_verticalradio [type="radio"]:checked + span:before,
.cl-Bureau-Home-Address [type="radio"]:checked + span:before,
input[type=radio].cl-offers-radio.m_radio:checked + br + span:before{
   background: #056DAE;
  box-shadow: 0 0 0 0.1em #056DAE;
}

.cl-cardOffers-Table .m_horizontalradio [type="radio"] + span, 
.cl-cardOffers-Table .cl-CCOfferProducts [type="radio"] + span, 
.cl-Bureau-Home-Address [type="radio"] + span,
.cl-cardOffers-Table .m_verticalradio [type="radio"] + span,
input[type=radio].cl-offers-radio.m_radio + br + span {
	border:0px !important;
}

/**********************************************************************************/

.m_pagesectiontableelemcol {
   /*  padding-top: 0;
    padding-bottom: 5px; */
}
/**** Button Alignment in PopUp - RWD_Metastle - Overwrite *************************/
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .m_buttonpositioncenterexpandcell {
	text-align: right;
}

/*** Button Display as Link Class *******************/
.cl-cancel-button {
    background:none!important;
    border:none; 
    padding:0!important;
    color:#1c81bb;
    font-weight: normal;
    margin-right: 15px;
    text-decoration:underline;
    cursor:pointer;
}


.cl-applicationId-label {
    float: right;
    text-align: right;
    font-size: 1em;
    padding-top: 15px;
    color: #fff;
    text-shadow: 0px 2px 4px #666;
}

/************ Heading for Prodcut Info Screen ***********************/
.cl-product-name-head {
	background: rgba(255, 255, 255, 0.89);
    padding: 15px 40px;
    font-size: 2.5em;
    display: inline-block;
    width: auto !important;
    margin: 2em 0 3em 0;
}

/*** BOOTSTRAP TAB  ****************/
.nav-tabs {
    border-bottom: 0px solid #ddd;
    margin: 10px auto 10px;
    width: 55%;
}

.nav-tabs>li{
    width: 50%;
}

.cl-prod-info-tabs .col-lg-8 {
	text-align:center;
}

.cl-prod-info-tabs .col-lg-8 h3 {
	padding-bottom: 15px;
    margin-top: 0;
}

.cl-prod-info-tabs .col-lg-8,
.cl-prod-info-tabs .col-lg-5 {
	float: none;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 8px;
    background: rgba(204, 204, 204, 0.41);
    color: #0076c0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #0076c0;
    border: 1px solid #0076c0;
}

.nav-tabs>li:first-child>a {
    border: 1px solid #fff;
    border-right: 0px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;    
    margin-right: 0px;
}

.nav-tabs>li:last-child>a {
    border: 1px solid #fff;
    border-right: 0px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 0px;
}

.tab-content {
    width: 55%;
    margin: 25px auto 15px;
}

.tab-content li {
    list-style-type: none;
    background: url(../images/check-mark.svg) no-repeat 0 7px;
    margin: 0px;
    padding: 0 0 8px 20px;
    font-size: 12px;
    text-align: left;
}

.tab-content ul {
	margin-left: 0 !important;
    padding: 0 12px 0 12px;
}
.cl-prod-info-tabs {
    width: 1002px !important;
    margin: 0 auto;
    float: none;
}

.cl-prod-intermidate-screen-pagediv .cardInfo {
	padding:0 18%;
}

/************ Home Screen Header Change ******************/
.header-controls .cl-icons-component,
.header-controls .cl-header-link, 
.header-controls .cl-header-tools-link  {
	color: #fff !important;
}

.cl-page-center {
	margin:0 auto;
	width:1002px;
	float:none;
	text-align:center;
}

.cl-link-button,
.cl-prod-intermidate-screen-pagediv .m_buttonsectionspan button{
    background:none!important;
    border:none; 
    padding:0!important;
    color:#069;
    text-decoration:underline;
    cursor:pointer;
}

.cl-link-button:hover,
.cl-prod-intermidate-screen-pagediv .m_buttonsectionspan button:hover,
.cl-save-Button-link {
    
    text-decoration:none;
}

.cl-next-button {
    background: url(../images/arrow-btn-next-white.svg) right 10px center no-repeat #106dac !important;
    padding: 0 50px;
    font-weight: bold;
}

.cl-close-button{
	padding: 0 50px;
    font-weight: bold;
    background-color:  #FFFFFF !important;
    color: #0076C0 !important;
}

.cl-save-Button-link {
    background: url(../images/arrow-btn-next-blue-sm.svg) right 10px center no-repeat #fff !important;
    border: none;
    padding: 0 25px 0 15px !important;
    color: #069;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

.cl-decline-Button-link,
.cl-cancel-Button-link {
    background: #fff !important;
    border: none;
    padding: 0 15px 0 15px !important;
    color: #9E9E9E;
    text-decoration: underline;
    cursor: pointer;
    font-weight: normal;
}

.cl-cancel-Link .m_linktextdiv
{
    color: #388fdc;
    font-weight: bold;
    text-decoration : underline;
    margin-left: 240%;
    margin-top: 5%;
}

.cl-confirmation-head {
    background: rgba(255, 255, 255, 0.89);
    padding: 15px 40px;
    font-size: 0.7em;
    display: inline-block;
    width: auto !important;
    margin: 7em 0 3em 0;
}

.cl-confirmation-cont ul {padding: 5px 0 20px 0;}

.cl-confirmation-cont li {
    list-style-type: none;
    background: url(../images/check-mark.svg) no-repeat 0 7px;
    margin: 0px;
    padding: 0 0 8px 20px;
    font-size: 12px;
    text-align: left;
}

.cl-confirmation-cont h4{margin:20px 0; font-weight:bold;}


/* .cl-banner-mast-bg {
    background:url(../images/information_screen_bg.png) top center no-repeat;
    background-size: 100% 53%;
} */

.cl-head-mast{
	background:#fff url(../images/information_screen_bg.png) top center no-repeat;
    background-size: 100% 100%;
    text-align: center;
    height: 300px;
}

.cl-process-container{
    float: none;
    position: relative;
    margin: 0;
    width: 100%;
    top: -55px;
    padding: 35px 0 0 0;
    background: #fff;
}

/*************** Existing Screen Cutomer **************************/
/*[aria-describedby="customerTypeDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .m_radiogroup {
	margin-left: 5px;
}*/

.cl-next-button-no-arrow { 
	background: #106dac !important;
    padding: 0 50px;
    font-weight: bold;
}

.cl-space-top-none {
	padding-top:0;
}

/***************** Product Palate Diff Image **********************/
.productTableComp tr.m_datatablebodyrow:nth-child(1) .productImageComp{
	background-image:url(../images/promo1_453x270.png);
}
.productTableComp tr.m_datatablebodyrow:nth-child(2) .productImageComp
{
    background-image:url(../images/promo2_453x270.png);
}
.productTableComp tr.m_datatablebodyrow:nth-child(3) .productImageComp{
	background-image:url(../images/promo3_453x270.png);
}
.productTableComp tr.m_datatablebodyrow:nth-child(4) .productImageComp
{
    background-image:url(../images/promo4_453x270.png);
}
.productTableComp tr.m_datatablebodyrow:nth-child(5) .productImageComp{
	background-image:url(../images/promo5_453x270.png);
}

#contentcontainerdsaemea_product_screen_mdBaseOffersForLoanscardstable_tbody .productTableComp tr.m_datatablebodyrow:nth-child(1) .productImageComp{
	background-image:url(../images/promo6_453x270.png);
}
#contentcontainerdsaemea_product_screen_mdBaseOffersForLoanscardstable_tbody .productTableComp tr.m_datatablebodyrow:nth-child(1) .productImageComp{
	background-image:url(../images/promo7_453x270.png);
}
#contentcontainerdsaemea_product_screen_mdBaseOffersForLoanscardstable_tbody .productTableComp tr.m_datatablebodyrow:nth-child(1) .productImageComp{
	background-image:url(../images/promo8_453x270.png);
}

.cl-btn-ceneter div {
	text-align:center;
}


/*Active Elment fix Phone Control*/
.cl-countryCode.inActiveInputElement,
.cl-AreaCode.inActiveInputElement,
.cl-phoneNumber.inActiveInputElement,
.cl-countryCode.activeInputElement,
.cl-AreaCode.activeInputElement,
.cl-phoneNumber.activeInputElement {
	height:inherit;
}

/* CSSS For Arrows To Be Visible On IE*/
select.ui-datepicker-month::-ms-expand,
select.ui-datepicker-year::-ms-expand {
    display: inline-block;

}

/*Preview Dialog*/
.cl-componet-container{
	height: auto;
    padding-top: 0;
    padding-bottom: 0;
}

#previewDialogContainer{
    height: 526px !important;
}

.cl-slider-ru-no-display {
	display:none !important;
}

.sliderHideonClick{
	height:1px;
	overflow:hidden;
	visibility:hidden;
	background:#fff;
}

/*Load more button*/
.cl-load-more-container{
	text-align: right !important;
}
.cl-load-more-Button-link {
    background: #fff !important;
    border: none;
    padding: 0 15px 0 15px !important;
    color: #0076C0;
    cursor: pointer;
    font-weight: bold;
    font-style: italic;
}

/***** OfferS Page ********************************************************************************/
.cl-offers-page {
	margin: 0 auto;
	width:1002px;
}

.cl-offers-page table.tablesorter {
	width:100%;
}

.cl-offers-page .cl-customer-list-div-container .m_datatableheader tr {
	border:none;
}

.cl-offers-page .cl-customer-list-div-container {

	border:1px solid #d2cccc !important;
}

input[type=radio].cl-offers-radio.m_radio {
	margin-top: 15px;
    margin-left: -11px;
    z-index:9;
}

.cl-offers-page .customerlisttextstyleforTD:first-child {
    padding-top: 2px !important;
}

.cl-customer-list-div-container table.tablesorter tbody tr.even td {
    background-color: #F0F0F6 !important;
}
.cl-customer-search-list-container table.tablesorter tbody tr.even td {
    background-color: #fff !important;
}
/*FileUplaod Fix*/
.m_fileupload {
    display: block !important;
    visibility: hidden;
    cursor:pointer;
}

/*Fix for Checkbox - Focus Issue*/
.cl-custom-checkbox-focus {
	text-decoration: underline;
}

.cl-custom-checkbox-focus:before {
	background:rgba(140, 210, 254, 0.25);
	border:1px solid #0177bc !important;
}

.cl-custom-checkbox .chkboxVisibility {
	height: auto;
}

.cl-custom-checkbox input[type=checkbox].m_checkbox {
    position: absolute;
}
.cl-custom-checkbox input[type=checkbox].m_checkbox:focus{
	outline: 1px solid #5b9cc5 !important;
}

/*Consent Wrap Class*/
.cl-consent-wrap-container{
	height: 150px;
    overflow-y: scroll;
    padding: 15px;
    background-color: #eee;
    font-size: 15px !important;
    margin-bottom: 3%;
}
/*Consent Wrap Class -End*/

/*Fix Big Size iPhone+ - pop up pdf -- Portrait View*/
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content,
	[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content,
	[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content {
		max-height: 650px !important;
	}
	
	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable object,
	[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable object,
	[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable object{
		height: 500px !important;
	}
	
	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .dialogHeight,
	[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .dialogHeight,
	[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .dialogHeight {
	    height: initial !important;
	}
}

/*Fix Big Size Android - pop up pdf -- Portrait View*/
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) { 
	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content,
	[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content,
	[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-content {
		max-height: 550px !important;
	}
	
	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable object,
	[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable object,
	[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable object{
		height: 400px !important;
	}
	
	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .dialogHeight,
	[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .dialogHeight,
	[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .dialogHeight {
	    height: initial !important;
	}
}
/*Fixed preview dialog size issue in IE*/
[aria-describedby="previewDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
		width: 75% !important;
}

[aria-describedby="DS_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
		width: 95%;
}

.documentImageBorder > .m_grouptable.row{
	width: 70%;
    margin: auto;
    margin-top: 10%;
}

/*Fix for defect id - 5684 - Doc Upload*/
.cl-PaddingZeroDocCaptured {
        padding-bottom: 0px;
}


/*Fix for defect id - 5503 - DS Offers*/
#contentcontainerdsaemea_offers_shared_pagesection_mdviewOffersPageSectionoffersList table.tablesorter tbody tr td:first-child,
#contentcontainerdsaemea_offers_shared_pagesection_mdviewOffersPageSectionoffersList .cl-tabel-header.m_datatableheadercolumn:first-child{
	width:40px
}

#contentcontainerdsaemea_offers_shared_pagesection_mdviewOffersPageSectionoffersList tbody tr td:first-child > div{
	width: 25px;
    float: right;
}

#contentcontainerdsaemea_offers_shared_pagesection_mdviewOffersPageSectionoffersList input[type=radio].cl-offers-radio.m_radio {
	margin-top:-5px;
}

/* Datepicker breaking  after Reussian Char fix for Defect - 6108*/
.ui-datepicker .ui-datepicker-buttonpane button {
	    padding: .2em .2em .3em .2em;
}

/*Phone control - country code add "+" sign*/
[id^="contentcontainerdsaemea_new_account_screen_RU_"] .cl-countryCode input.m_input:disabled {
	background: url("../images/country_code_plus.png") 8px center no-repeat #e6e6e6;
	padding-left:19px;
}
/*Save Window - country code add "+" sign*/
.phone-country-plus-sign .cl-countryCode input.m_input:disabled {
	background: url(../images/country_code_plus_white.png) 13px center no-repeat #fff !important;
    padding-left: 24px !important;
}

.phone-country-plus-sign .phoneNumberComp:disabled {
	background: url(../images/country_code_plus_white.png) 13px center no-repeat #fff !important;
    padding-left: 24px !important;
}


/*Search Screen Complete & Incomplete Application*/
#contentcontainerdsaemea_customer_list_md {
	margin:5% auto;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#contentcontainerdsaemea_customer_list_mdcustomerListTabBtnContainer_elemrow,
#contentcontainerdsaemea_customer_list_mdcontainerPagesection_pgseccontainer
{	
	width:1002px;
	margin:0 auto;
}

#contentcontainerdsaemea_customer_list_mdincompleteAppTablePagesection_container,
#contentcontainerdsaemea_customer_list_mdcompleteAppTablePagesection_container {
	width:100%;
}

#contentcontainerdsaemea_customer_list_md .customerlistsearchtext,
#contentcontainerdsaemea_customer_list_mdsearchCustomerForIncompleteApp_container,
#contentcontainerdsaemea_customer_list_mdsearchCustomerForCompleteApp_container  {
	display:none;
}

.add-custom-colon::after{
	content: ":";
}

#contentcontainerdsaemea_new_account_screen_RU_mdLoanSimulationSectionIPAloanTenor.m_select option:first-child,
#contentcontainerdsaemea_new_account_screen_RU_mdLoanSimulationSectionIPAincomeProofType.m_select option:first-child {
	color: #333 !important;
    background: #eee !important;
}

/*Web-UI-Popover arrow issue fix*/
.webui-popover.top>.arrow, 
.webui-popover.bottom>.arrow, 
.webui-popover.top-left>.arrow,
.webui-popover.top-right>.arrow,
.webui-popover.bottom-left>.arrow,
.webui-popover.bottom-right>.arrow,
.webui-popover.top>.arrow:after, 
.webui-popover.bottom>.arrow:after, 
.webui-popover.top-left>.arrow:after,
.webui-popover.top-right>.arrow:after,
.webui-popover.bottom-left>.arrow:after,
.webui-popover.bottom-right>.arrow:after
{
	background: transparent;
}

.webui-popover.top-left>.arrow,
.webui-popover.bottom-left>.arrow {
	left: 94% !important;
}

.webui-popover.top-right>.arrow,
.webui-popover.bottom-right>.arrow {
	left: 6% !important;
}


#contentcontainerdsaemea_confirmation_screen_mdConfirmScreenButtonPageSectioncontinue[disabled]{
	background : #999;
}

#contentcontainer_pdfPreviewDialogdsaemea_reoffer_pdf_dialogReofferDialogContainernext[disabled]{
	background : #999;
}

#contentcontainer_pdfPreviewDialogdsaemea_reoffer_pdf_dialogReofferDialogContainernext[enabled]{
	background: url(../images/arrow-btn-next-white.svg) right 10px center no-repeat #106dac !important;
    padding: 0 50px;
    font-weight: bold;
}

#contentcontainerdsaemea_ACLI_Screen_md {
	margin-top: 6%;
}

#contentcontainerdsaemea_ACLI_Screen_mdCreditLimitPageSectionloanAmountSlider {
	width: 50%;
    margin-left: 28%;
}

.cl-cancel-btn{
    background: #fff !important;
    border: none;
    padding: 0 15px 0 15px !important;
    color: #0076C0;
    text-decoration: underline;
    cursor: pointer;
    font-weight: normal;   
}

.cl-decline-btn{
       background-color: #9E9E9E;
}

.cl-EID-Diabled-button ,.cl-DS-Accept-Button-Disabled, .cl-Button-Disabled{
        background-color:grey !important;
}

[aria-describedby="EidDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable.ui-resizable-disabled.ui-state-disabled
{
	width:95%!important;
}

.cl-DS-Offer-Padding{
	padding-top:8%;
}

.cl-button-CourierProcess {
	background: #fff !important;
    border: none;
    padding: 0 25px 0 15px !important;
    color: #069;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    line-height: 20px;
}

.cl-align-Buttons-Center
{
	text-align:center
}

.cl-margin-Padding-zero {
	margin : 0% !important; 
	padding : 0% !important;
	width : 100% !important;
}

[id^=biometrid-camera] > div > canvas {
	opacity:0.5;
	left:-1%;
}


@media only screen and (max-device-width: 480px) and (orientation:portrait){
	[aria-describedby="pdfPreviewDialog"] .ui-dialog-title{
		display:none;
	}
	[aria-describedby="TC_pdfPreviewDialog"] .ui-dialog-title{
		display:none;
	}
	
	#pdfPreviewDialog, #PL_DSPDFDisplayDialog, #RefuseToSignDialogContainer{
		max-height: none !important;
		height: 100vh !important;
		padding : 0px;
	}	
	#TC_pdfPreviewDialog{
		max-height: 90vh !important;
	}
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_screen_mdpdfPreviewDialogContainerpdfPreviewComponent_compdiv,#PDFHolder,
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_offline_screen_mdpdfPreviewOfflineDialogContainerpdfPreviewComponent_compdiv,
	{
		height : 80vh !important;
	}
	
	#contentcontainer_TC_pdfPreviewDialogdsaemea_TC_pdf_preview_dialogTCDialogContainerpdfPreviewComponent_compdiv{
		height : 80vh !important;
	}
	
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_screen_mdpdfPreviewDialogContainerpdfPreviewComponent_compdiv > object,
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_offline_screen_mdpdfPreviewOfflineDialogContainerpdfPreviewComponent_compdiv > object,
	#contentcontainer_TC_pdfPreviewDialogdsaemea_TC_pdf_preview_dialogTCDialogContainerpdfPreviewComponent_compdiv > object
	{
		height : 80vh !important;
	}
	
	[aria-describedby="PL_DSPDFDisplayDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
		width:100% !important;
	}

	#contentcontainer_PL_DSPDFDisplayDialogdsaemea_DS_Flow_PDF_Display_PL_mdDSPDFDialogContainerDSPDFDisplayComponent_compdiv,
	#contentcontainer_PL_DSPDFDisplayDialogdsaemea_DS_Flow_PDF_Display_PL_mdDSPDFDialogContainerDSPDFDisplayComponent_compdiv > .pdf-holder-container,
	#contentcontainer_PL_DSPDFDisplayDialogdsaemea_DS_Flow_PDF_Display_PL_mdDSPDFDialogContainerDSPDFDisplayComponent_compdiv >  object{
        height: 78vh !important;
        border-bottom: 4px solid #525659;
    	border-top: 2px solid #525659;
    }
    
    .activeInputElement, .inActiveInputElement {
		height: auto !important;
	}
	
	#Product_Name{
		margin-left: 0 !important;
    	margin-top: 40% !important;
	}
	
	#Product_Desc{
		margin-top: 0 !important;
	}
}

@media only screen and (max-device-width: 820px) and (orientation:landscape){
	[aria-describedby="pdfPreviewDialog"] .ui-dialog-title{
		display:none;
	}
	
	[aria-describedby="TC_pdfPreviewDialog"] .ui-dialog-title{
		display:none;
	}

	[aria-describedby="pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
	[aria-describedby="PL_DSPDFDisplayDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
	[aria-describedby="RefuseToSignDialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,
	[aria-describedby="TC_pdfPreviewDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable,{
		width:100% !important;
	}
	
	#pdfPreviewDialog, #PL_DSPDFDisplayDialog, #RefuseToSignDialogContainer,#TC_pdfPreviewDialog{
		max-height: none !important;
		height: 100vh !important;
		padding:0px;
	}	
	
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_screen_mdpdfPreviewDialogContainerpdfPreviewComponent_compdiv,#PDFHolder,
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_offline_screen_mdpdfPreviewOfflineDialogContainerpdfPreviewComponent_compdiv,
	#contentcontainer_TC_pdfPreviewDialogdsaemea_TC_pdf_preview_dialogTCDialogContainerpdfPreviewComponent_compdiv{
		height : 62vh !important;
	}
	
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_screen_mdpdfPreviewDialogContainerpdfPreviewComponent_compdiv > object
	#contentcontainer_pdfPreviewDialogdsaemea_pdf_preview_dialog_offline_screen_mdpdfPreviewOfflineDialogContainerpdfPreviewComponent_compdiv > object,
	#contentcontainer_TC_pdfPreviewDialogdsaemea_TC_pdf_preview_dialogTCDialogContainerpdfPreviewComponent_compdiv > object{
		height : 62vh !important;
	}
		
	#contentcontainer_PL_DSPDFDisplayDialogdsaemea_DS_Flow_PDF_Display_PL_mdDSPDFDialogContainerDSPDFDisplayComponent_compdiv,
	#contentcontainer_PL_DSPDFDisplayDialogdsaemea_DS_Flow_PDF_Display_PL_mdDSPDFDialogContainerDSPDFDisplayComponent_compdiv > .pdf-holder-container,
	#contentcontainer_PL_DSPDFDisplayDialogdsaemea_DS_Flow_PDF_Display_PL_mdDSPDFDialogContainerDSPDFDisplayComponent_compdiv >  object{
        height: 58vh !important;
        border-bottom: 4px solid #525659;
    	border-top: 2px solid #525659;
    }
    
    #contentcontainer_PL_DSPDFDisplayDialogdsaemea_DS_Flow_PDF_Display_PL_md{
	    width: 100%;
		padding: 0;
		margin: 0;
    }
    .activeInputElement, .inActiveInputElement {
		height: auto !important;
	}
	#Product_Name{
		margin-top: 0 !important;
	}
}

#LoaderScreen, #Zoom_LandScape_Error {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
}

#Zoom_Selfie_Camera_Loader{
    width:100%;
    left:0;right:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
}
@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#LoaderScreen::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

@media screen and (orientation:landscape){
	.cl-img-fullScreenPreview
	{
		height: 70vh;
	    width: 85%;
	}
	
	.cl-img-container
	{
		text-align: center;
	}
}

@media screen and (orientation:portrait){
	.cl-img-fullScreenPreview
	{
    	width: 100%;
    	background-repeat: no-repeat;
    	background-size: cover;
	}
	.cl-img-container
	{
		width: 130vw;
	}
	
	
	.cl-height-component{
		height: 77vh;
	}
	
	.cl-Body-LabelFullScreen{
		transform: rotateZ(90deg);
	}	
}

.cl-FullScreen-Button
{
	color: #056dae;
	font-size: 14px;
	background: url('../images/fullscreen.png');
	background-repeat: no-repeat;
	width: 45%;
    float: left;
    text-align: left;
    margin-right: 0;
    padding-left: 28px;
    padding-top: 0px;
    background-size: 23px;
    margin-left: 5%;
    padding-bottom: 10px;
}

.cl-Retake-KYC-Button 
{
	color: #056dae;
	font-size: 14px;
	background: url(../images/retake.png);
	background-repeat: no-repeat;
	width: 45%;
    float: left;
    margin-left: 5%;
    text-align: left;
    padding-left: 28px;
    padding-top: 0px;
    background-size: 21px;
    padding-bottom: 10px;
}

.cl-IDCapturedDoc 
{
	width:100%;
	border:0.5em solid grey;
	border-radius: 3em;
}

.cl-text-align-center-imp{
	text-align: center !important;
}

.cl-button-to-text{
	background: #fff !important;
    border: none;
    padding: 0 25px 0 15px !important;
    color: #069;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    line-height: 20px;
    width:100%;
}

.cl-button-to-text:hover{
    border: none;
}

.cl-App-Footer 
{
	background-color: #333;
    border-color: #dce0e9;
    border-width: 1px;
    border-style: dotted none none none;	
}

.cl-App-Footer_pageDiv
{
	width:100%;
	padding:0%;
	margin:0%;
}

.cl-EKYC-Retrigger-Disabled
{
	color: #708090 !important;
}

.cl-highlight-embossName{
	border: 2px solid #0e7a25;
}

.cl-avoka-default-style .m_select, .cl-avoka-default-style .chosen-container{
	text-transform:none !important;
}

.cl-avoka-default-style input{
	font-size: 13px;
}

.cl-Biometrid-Page
{
	width: 100%;
	padding:0%;
	margin:0%
}

#contentcontainerdsaemea_biometrid_selfie_screen_mdBiometridSelfieCaptureSectionInfoMessage_elemcol
{
	padding:0%;
}

.cl-Progress-Bar-Sticky
{
  position: fixed;
  top: 0;
  max-width:1002px;
  width:100%;
  z-index :1;
  background:white;
}

.cl-remove-bg{
	background: none !important;	
}
.cl-remove-bg span, .cl-remove-bg div{
	color: #000 !important;
    text-shadow: none !important;
}

.vsb-menu .multi li::before{
	content: "" !important;
	display: inline-block !important;
	border: 1px solid #333 !important;
	height: 20px !important;
	width: 20px !important;
	position: relative !important;
	margin: 0 10px 0 0 !important;
	left: 4px !important;
	border-radius: 6px !important;
}

.vsb-menu .multi li.active::after{
	content: "" !important;
	display: inline-block !important;
	border: 1px solid #056DAE;
	height: 20px !important;
	width: 20px !important;
	position: relative;
	margin: 0 10px 0 -30px !important;
	left: 4px;
	background-color: #056DAE;
	background-image: url(../images/checkmark_icon-white.svg);
	border-radius: 6px;
	background-repeat: no-repeat;
	background-position: center;
	border-bottom: 0 !important;
	border-right: 0 !important;
	transform: none !important;
}

.vsb-menu{
	top: 17px !important;
    left: -10px !important;
    max-height: 150px;
    padding-bottom: 3px;
    width: calc(100% + 52px);
}

.vsb-menu ul.multi {
    max-height: 140px!important;
}

.vsb-menu .multi li{
	padding: 0.5em 0px 0.5em 0px !important;
    background-color: #eee !important;
}

.vsb-main li:hover {
	background: linear-gradient(#e8e8e8, #ccc) !important;
}

.cl-EID-ExpiryNear
{
	border : 1px solid #0e7a25;
}

[aria-describedby="pdfPreviewDialog"]>.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle
{
	display: none;
}

[aria-describedby="TC_pdfPreviewDialog"]>.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle
{
	display: none;
}
#pdfPreviewDialog.ui-dialog-content.ui-widget-content
{
	padding: 0em 2em !important;
}
#TC_pdfPreviewDialog.ui-dialog-content.ui-widget-content
{
	padding: 0em 2em !important;
}
.cl-remove-select-bg > option:first-child {
    background: inherit !important;
    color: #333 !important;
}

.cl-header-pl
{
	background: #163C6A !important;
	height: 100%;
}


/** For Customer Address From Bureau Popup**/
.cl-Customer-Address-Align
{
	text-align:left;
}

.cl-Bureau_Address-Holder tr
{
    padding: 20px 15px;
    text-align: left;
    font-size: 18px !important;
    background: linear-gradient(to bottom, #fefefe 0%,#f8f8f8 47%,#efefef 100%);
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #CCCCCC !important;
}


.cl-Bureau_Address-Holder tbody tr td .m_span  
{
    display: inline-block;
    padding-top: 2%;
    padding-left: 3%;
}


.cl-Bureau-Home-Address
{
    margin-right: -4px;
    margin-left: 7px;
    margin-top: -8px;
    margin-bottom: 10px;
}

.cl-Bureau-Home-Address td {
    border-bottom: 0px solid #ccc !important;
}

.cl-Bureau-Home-Address .row {
    margin: 1% 0 0 0;
    border: 1px solid #D2CCCC;
    padding: 1% 1%  1% 1%;
    box-shadow: 0 0 4px #aaa;
    background: #fff;
    cursor: pointer;
}

.cl-Bureau-Home-Address h3 {
	color: #056DAE;
	}

.cl-Bureau-Home-Address input[type='radio'] {display:none;}

/**CSS For Log Recorder In Header **/
.cl-LogRecordHeader
{
	width:auto;
	margin: 15px 20px 0 0;
}


/**CSS ForBureau Address Consent Checkbox On Popup **/

.cl-Bureau-Address-Consent-Error
{
	color:red;
}

/*Label Error Container */
.cl-Bureau-Address-LabelContainer-Error
{
	color:red !important;
}

/* The container */
.cl-Bureau-Address-LabelContainer {
  padding-left: 3em;
  color: #333;
  font-size: 1.0em;
  font-weight:normal;
  line-height:3em;
}

/* Hide the browser's default checkbox */
.cl-Bureau-Address-LabelContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.cl-Bureau-Address-CheckMark {
    position: absolute;
    top: 10px;
    left: 20px;
    height: 20px;
    width: 20px;
    border: 1px solid;
    border-radius: 6px;
}

/* When the checkbox is checked, add a blue background */
.cl-Bureau-Address-LabelContainer input:checked ~ .cl-Bureau-Address-CheckMark {
  background-color: #056dae;
  background-image: url(../images/checkmark_icon-white.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* Create the cl-Bureau-Address-CheckMark/indicator (hidden when not checked) */
.cl-Bureau-Address-CheckMark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the cl-Bureau-Address-CheckMark when checked */
.cl-Bureau-Address-LabelContainer input:checked ~ .cl-Bureau-Address-CheckMark:after {
  display: block;
}




.refuseDialogHeight
{
	height: 50vh;
}


.RU-AMLN-CONTAINER .m_input{
    border-radius: 0 !important;
    border: 1px solid #fff;
    background: none;
    border-color: #eee;
    border-width: 0 0 1px 0;
    font-size: 16px;
}

.RU-AMLN-CONTAINER .activeInputElement .m_input{
    font-weight: bold;
}

.RU-AMLN-CONTAINER .m_input:focus, .RU-AMLN-CONTAINER .m_select:focus{
    border-color:#056dae !important;
	box-shadow:0px 1px 0px -1px #056dae;
}

.RU-AMLN-CONTAINER .m_select{
    border-radius: 0 !important;
    background: url(../images/arrow-dropdown-down.svg) right 10px center no-repeat !important;
    border: 1px solid #fff;
    background: none;
    font-weight: bold;
    border-color: #eee;
    border-width: 0 0 1px 0;
}

.cl-customer-tooltip ~ .ui-tooltip, .cl-customer-tooltip ~ .arrow:after {
    background: #e6e6e6 !important;
  	border: 0px solid white !important;;
  }
  
.cl-customer-tooltip ~ .ui-tooltip {
	 padding: 10px 20px !important;
	 color: black !important;
	 border-radius: 0px !important;
	 font: normal 16px "Helvetica Neue", Sans-Serif;
 }
 
 .cl-customer-tooltip ~ .ui-tooltip.ui-widget-content:before {
    border-color: rgba(51,51,51,0) !important;
    border-top-color: #e6e6e6 !important;
    border-width: 11px !important;
    margin-left: -11px !important;
}

.cl-customer-tooltip ~ .ui-tooltip.ui-widget-content:after{
	border-color: rgba(51,51,51,0) !important;
    border-top-color: #e6e6e6 !important;
	border-width: 5px !important;
    margin-left: -5px !important;
}

.cl-customer-tooltip ~ .ui-tooltip.ui-widget-content{
	font-size: 0.9em;
}

.RU-AMLN-CONTAINER .m_horizontalradio [type="radio"] + span {
    float: left;
    padding: 4px 12px;
    min-width: 100px;
    margin: 0px 2px !important;
    background-color: transparent;
    border-radius: 3px;
    overflow: auto;
    color: #333;
    font-weight: 100;
    border-color: #eee;
    border-width: 1px;
    border: 1px solid #000;
    font-size: 14px;
}
    
.RU-AMLN-CONTAINER .m_horizontalradio [type="radio"]:checked + span{
    color: #ffffff !important;
    border: 1px solid #999 !important;
    background: #002D72 !important;
}

.cl-GosusLugi-btn{
	color: #ffffff !important;
    border: 1px solid #999 !important;
    background: #002D72 !important;
}

.RU-AMLN-CONTAINER .m_horizontalradio, .RU-AMLN-CONTAINER .m_horizontalradio label{
	margin-bottom: 0;
    padding-bottom: 0;
}

.RU-AMLN-CONTAINER .date-input-height{
	height: auto !important;
}

.RU-AMLN-CONTAINER .m_horizontalradio [type="radio"]:hover + span{
	color:#000;
	border:1px solid #000;
	box-shadow: 1px 1px #888888;
	cursor:pointer !important;
}

.RU-AMLN-CONTAINER .m_errorcomponentset:not(.m_radiogroup), .RU-AMLN-CONTAINER .m_errorcomponentset:focus:not(.m_radiogroup) {
    border: 1px solid #D60000 !important;;
    border-width: 0 0 1px 0 !important;;
}

.cl-otp-grp-component{
	margin: auto;
    width: 60%;
}

.cl-otp-grp-component .m_input{
	border-radius: 0 !important;
    background: none;
    text-align: center;
    font-size: 2em;
    border-color: #eee;
    border-width: 0 0 2px 0;
}

.cl-otp-grp-component.m_errorcomponentset:not(.m_radiogroup){
	border: 0 !important;
}

.cl-custom-comp-width .m_linktextdiv{
	width : 100% !important;
	text-align: center;
}

.RU-AMLN-CONTAINER .cl-header-text-display{
	margin-top: 5%;
}

.RU-AMLN-CONTAINER .cl-countryCode{
	width: 11%;
}

.RU-AMLN-CONTAINER .cl-error-shared-section{
	margin-top: 40px;
}

@media only screen and (max-device-width: 480px) {
	.cl-otp-grp-component{
		margin: auto;
	    width: auto;
	}
	
	.cl-uae-hbk-styles .ui-dialog .ui-dialog-content{
		padding: 0.5em 1em 2.3em;
	}
	
	.uae-content-dialog{
		max-height: 63vh !important;
		overflow: auto;
	}
	
	.cl-UAE-HBK-Base-Container .cl-loan-CardOffers-Buttons{
		float: none;
	}
	
	.cl-UAE-HBK-Base-Container .cl-loan-CardOffers-Buttons button{
		width: 100% !important;
	}

	.cl-header-text-display{
		margin-top: 25% !important;
	}
	
	.RU-AMLN-CONTAINER .cl-countryCode{
		width: 14%;
	}
	
	[aria-describedby="DialogContainer"].ui-dialog .ui-dialog-content {
	    width: auto;
	    min-height: 0;
	    max-height: none;
	    height: auto!important;
	    overflow-y: scroll;
	    max-height: 80vh!important;
	    max-width: 46vh !important;
	    overflow-x: auto;
	}
	
	.cl-uae-hbk-styles [aria-describedby="DialogContainer"].ui-dialog .ui-dialog-content {
	    max-width: 100% !important;
	}
	
	.RU-AMLN-CONTAINER .cl-error-shared-section{
		margin-top: 70px;
	}
}

.RU-AMLN-CONTAINER .cl-countryCode input.m_input:disabled{
	background-color: white;
	background: none;
}

.RU-AMLN-CONTAINER .cl-AreaCode{
	width: 15%;
}

.RU-AMLN-CONTAINER .cl-phoneNumber{
	width: 74%;
}

.cl-top-75{
	top:75px !important;
}

.cl-plus-minus-button, .cl-plus-minus-button:visited{
	background-color: #FFF !important;
	border: 1px solid #0076C0 !important;
	color: #0076C0 !important;
}

.cl-plus-minus-button:hover{
	background-color: #002D72 !important;
    border: 1px solid #0076C0 !important;
    color: #FFF !important;
}

.RU-AMLN-CONTAINER .cl-custom-radio-btn-label{
	font-size: 1.5em;
}

.RU-AMLN-CONTAINER .cl-btn-pgcontainer .m_pagesectioncolumn .elemcol {
    float: none;
    display: inline-block;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
    text-align: center;
}

.RU-AMLN-CONTAINER .cl-next-button {
    background: #056DAE !important;
    padding: 0 70px;
}

	
.RU-AMLN-CONTAINER .cl-save-Button-link {
	background: none !important;
}

.RU-AMLN-CONTAINER .cl-margin-buttom-2{
	margin-bottom: 2%;
}

.cl-height-initial{
	height:initial !important;
}

.kyc-alignment{
	display:flex;
	flex-direction: column;
	min-height: 72vh;
	justify-content: space-between;
	align-items: center;
	font-size: 16px !important;
}

.kyc-error-alignment{
	display: flex;
    flex-direction: column;
    min-height: 65vh;
    justify-content: space-between;
    align-items: center;
    font-size: 16px !important;
}

.e-kyc-Button{
	line-height: 20px;
    width: 80%;
    border-radius: 24px!important;
}

@media only screen and (max-width: 1024px) {
	#BiometricContainer{
     	display:none;
     }
     
     #GususLugiContainer{
     	text-align: center;
     	width: 100%;
     }
     
     #GususLugiImageContainer{
     	float: none !important;
     }
     
     #GususLugiTextContainer{
     	width: 100% !important;
     }
} 

@media only screen and (width: 1366px) and (height: 1024px){
	#BiometricContainer{
     	display:none;
     }
     
     #GususLugiContainer{
     	text-align: center;
     	width: 100%;
     }
     
     #GususLugiImageContainer{
     	float: none !important;
     }
     
     #GususLugiTextContainer{
     	width: 100% !important;
     }
} 

@media only screen and (width: 1280px) and (height: 1024px) {
	#BiometricContainer{
     	display:none;
     }
     
     #GususLugiContainer{
     	text-align: center;
     	width: 100%;
     }
     
     #GususLugiImageContainer{
     	float: none !important;
     }
     
     #GususLugiTextContainer{
     	width: 100% !important;
     }
}

.static-pdf-holder-container{
	height:100%;
	overflow-y: auto;
    text-align: center;
    background: #525659;
}

.static-pdf-holder-container canvas{
	width: 80% !important;
}

.cl-assesment-summery li {
    list-style-type: none;
    position: relative;
    padding-left: 15px;
}

.cl-assesment-summery li:before {
    content: "\00BB";
    font-size: 19px;
    position: absolute;
    top: -5px;
	left: -10px;
}

.cl-custom-checkbox label.cb-checkbox-disabled:before{
	background-color: #eee;
    border: 1px solid #b6b6b6;
}

.cl-uae-pass-button{
	background: none !important;
    color: #0076C0 !important;
    padding: 0 15px;
}

[aria-describedby="UAEPASSDialog"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-dialog-titlebar{
	display: none;
}

.cl-ueapass-button {
    background: url(../images/UAEPASS_Logo_Btn_Active.png) left 10px center no-repeat #000!important;
    padding: 0px 25px 0 55px;
    border-radius: 20px;
    width: initial !important;
}

.cl-doc-link-button{
	width: 98%;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #0076c0;
    font-weight: bold;
    border: 1px solid #0076c0;
    border-radius: 5px;
}

.product-description{
	margin-top: 90px;
    overflow: hidden;
    max-height: 120px;
    position: relative;
    margin-bottom: 70px;
}

.product-description-expand{
	margin-top: 90px;
    overflow: hidden;
    max-height: 999px;
    position: relative;
}

.viewMore-box-link{
	position: absolute;
    left: 0;
    width: 100%;
    text-align: left;
    margin: 0;
    top: 85%;
    padding-left: 40px;
    background-image: linear-gradient(to bottom, transparent, white);
    font-size: 14px;
    font-weight: bold;
}

.closeProductDesc-link{
	padding-left: 25px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 25px;
}

#laibilityListContainer div {
	padding: 10px 0 2px 0;
}

#laibilityListContainer div p{
	margin-bottom: 10px;
}

.cl-remove-Button-link{
    background: #fff !important;
    border: none;
    padding: 0 15px 0 15px !important;
    color: blue;
    font-size: 14px; 
    cursor: pointer;
    font-weight: bold;
}

.cl-UAE-HBK-Base-Container .cl-cardOffers-Table table.tablesorter {
    width: 100%;
    border: 0px white;
}

.cl-UAE-HBK-Base-Container .cl-cardOffers-Table table.tablesorter thead tr th{
    padding: 10px 10px;
    text-align: left;
    font-size: 18px !important;
    background: #fff !important;
    border: 0px !important;
}

.cl-UAE-HBK-Base-Container .cl-cardOffers-Table table.tablesorter tbody tr.even td, .cl-cardOffers-Table table.tablesorter tbody tr td {
	background-color: #fff;
	padding-bottom: 0;
	text-align: left;
	font-size: 15px;
}

.cl-UAE-HBK-Base-Container  .cl-cardOffers-Table table.tablesorter tbody tr.odd td {
	border-bottom: none;
}

.cl-UAE-HBK-Base-Container .cl-cardOffers-Table table.tablesorter tbody tr td .m_span  {
    display: inline-block;
    padding: 0px 10px;
}


.cl-UAE-HBK-Base-Container .cl-CCOfferProducts .row {
    margin: 1% 0 0 0;
    padding: 2% 1% 2% 1%;
    background: #fff;
    cursor: pointer;
    border-radius: 7px;
    border: 2px solid #adadad;
    box-shadow: none;
    width: 100%;
}

.cl-UAE-HBK-Base-Container .cl-CCOfferProducts h3 {
	color: black;
	padding-left: 4%;
}

.cl-UAE-HBK-Base-Container .cl-CCOfferProducts img.ccCardImg {width: 143px;}


.cl-UAE-HBK-Base-Container .cl-card-selected
{
    border-top: 1px solid #EBF8E4;
    border-bottom: 1px solid #EBF8E4;
    background-color: #d0eafb4a !important;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: creditCardOfferSelected;
    animation-duration: 2s;
    border: 2px solid #6e96b1;
    box-shadow: 4px 4px #6e96b152;
}

.cl-UAE-HBK-Base-Container tr#addedRowToDisplayCardOffers td {
    background: none;
    border: 0px white;
}

.cl-UAE-HBK-Base-Container .cl-btn-pgcontainer .m_pagesectioncolumn .elemcol{
	width: auto;
    float: none;
    display: block;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
}

.cl-UAE-HBK-Base-Container .cl-next-button, .cl-UAE-HBK-Base-Container .cl-print-button-uaepass {
    padding: 0 140px;
    font-weight: bold;
    background: #106dac!important;
    width: initial !important;
}

.cl-UAE-HBK-Base-Container .cl-save-Button-link {
    background: #fff !important;
    border: none;
    padding: 0 2em 0 2em !important;
    color: #069;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

.cl-UAE-HBK-Base-Container .cl-btn-pgcontainer .m_pagesectioncolumn {
    width: 435px;
    margin: auto!important;
    text-align: center;
}

@media (max-width: 767px) {
	.cl-UAE-HBK-Base-Container .cl-btn-pgcontainer .m_pagesectioncolumn {
	    width: auto;
	}
	
	.cl-uae-hbk-styles [aria-describedby="DialogContainer"].ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
		width: 100% !important;
	}
}

.cl-UAE-HBK-Base-Container .cl-btn-pgcontainer .m_pagesectioncolumn .m_compdiv{
	    margin: 10px 0px;
}

.cl-UAE-HBK-Base-Container .m_horizontalradio [type="radio"]:checked + span{
	color: #fff;
    border: 1px solid #002d71;
    pointer-events: none;
    background-color: #002d71;
}

.cl-UAE-HBK-Base-Container .m_horizontalradio [type="radio"] + span {
	float:left;
    padding: 2px 10px;
    min-width: 136px;
    margin:4px;
    background-color: transparent;
    border-radius: 8px;
    border:1px solid #333;
    overflow:auto;
    pointer-events: none;
}

.cl-UAE-HBK-Base-Container .m_radiolabel {
    vertical-align: top;
    line-height: 35px;
    display: inline-block;
}

.cl-UAE-HBK-Base-Container .m_pagesectiontableheadingspan{
	font-weight: bold;
    font-size: 20px;
    color: #333333;
}

.cl-otp-group-component{
	margin: auto;
    width: 60%;
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    padding: 0 30px;
    border-width: 0 1px 1px 1px;
}

.cl-otp-group-component .m_input{
	border-radius: 0 !important;
	background: none;
	text-align: center;
	font-size: 2em;
	border-color: #000;
	border-width: 0 0 2px 0;
	padding: 0;
}

.cl-otp-group-component.m_errorcomponentset:not(.m_radiogroup){
	border: 0 !important;
}

.cl-otp-group-label{
	width: 60%;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 10px 10px 0 0;
    border-width: 1px 1px 0 1px;
    padding-top: 2%;
    font-size: 14px;
    text-align: center;
}

.cl-otp-submit-button{
	height: 45px;
    padding: 0 100px;
}

.cl-otp-button-section-uae{
	text-align: center !important;
}

.cl-UAE-HBK-Base-Container .cl-company-search-box {
    width: 100%;
    padding: 0;
    height: auto;
}

.cl-UAE-HBK-Base-Container .docLabelContainer{
	width: 50%;
	text-align: center;
}

.cl-UAE-HBK-Base-Container .cl-document-select-component
{
	width:60%;
	padding: 0;
}
	
@media only screen and (max-device-width: 480px) and (orientation: portrait){
	.cl-UAE-HBK-Base-Container .cl-company-search-box{
		width: 100%;
	    padding: 0;
	}
	
	.cl-UAE-HBK-Base-Container .docLabelContainer{
		width: 100%;
		text-align: center;
	}
	
	.cl-UAE-HBK-Base-Container .cl-document-select-component
	{
		width:100%;
		padding: 0;
	}
	
	
	.cl-otp-group-component{
	    width: 80%;
	}
	
	.cl-otp-group-label{
		width: 80%;
	}
	
	.cl-otp-submit-button {
	    height: 45px;
	    padding:0 15px !important;
	}
	
	.cl-uae-hbk-styles .cl-otp-group-component .m_grouptablerow{
		padding-right:7px !important;
	}
	
	#contentcontainer_UAEPASSDialogdsaemea_UAE_PASS_dialogUAEPASSContainerEmiratedId_elemcol {
		width: auto !important;
		margin: 0 !important;
	}
	
	#UAEPASSDialog .m_buttonsectioncolumn{
		margin: 3vh 0 0;
	}
	
	#UAEPASSDialog .m_buttonsectioncolumn button{
	    width: 100% !important;
	    margin: 0 !important;
	}
	
	#contentcontainer_saveDialogContainerdsaemea_manual_save_dialog_screen_mdNonEditableSaveFeildsSection_pgseccontainer{
		width: 100% !important;
	}
}

.cl-UAE-HBK-Base-Container .cl-Button-Disabled{
	background-color: grey !important;
}

.uae-content-dialog{
	max-height: 77vh;
	overflow: auto;
}

.cl-UAE-HBK-Base-Container .cl-loan-CardOffers-Buttons{
	float: none;
	text-align: center;
}

.cl-UAE-HBK-Base-Container .cl-loan-CardOffers-Buttons button{
		width: 30%;
}

.cl-UAE-HBK-Base-Container .m_pagesectiontableheader{
	margin: 20px 0;
}

.cl-UAE-HBK-Base-Container .cl-applicationId-label{
	padding-top:0;
	float: none;
	text-align: left;
}

.cl-UAE-HBK-Base-Container .cl-product-image-label-elemcol{
	padding-bottom:0;
}

.cl-uae-hbk-styles .cl-otp-group-component.m_errorcomponentset:not(.m_radiogroup){
	border: 1px solid #ccc !important;
    border-radius: 0 0 10px 10px;
    border-width: 0 1px 1px 1px !important;
}

.cl-UAE-HBK-Base-Container{
	overflow-x:hidden;
}

#contentcontainer_UAEPASSDialogdsaemea_UAE_PASS_dialogUAEPASSContainerEmiratedId_elemcol {
	width: 60%;
    margin: 0 20%;
}

#UAEPASSDialog .m_buttonsectioncolumn{
	margin: 3vh 0 0;
}

#UAEPASSDialog .m_buttonsectioncolumn button{
	margin: 1% 21%;
    width: 58%;
}

#UAEPASSDialog .m_buttonsectioncolumn .cl-close-button{
	margin: 2% 20% 0;
}


.cl-docType-label-container{
	width: 50%;
}

.cl-docType-container{
	width: 51%;
}

.cl-doc-link-button-container{
	width:50%;
	padding-right: 0;
}

.cl-doc-link-button-container .m_compdiv{
	width: 99%;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #0076c0;
    font-weight: bold;
    border: 1px solid #0076c0;
    border-radius: 5px;
}

.cl-upload-img-container{
	width: 51%;
}

@media only screen and (max-device-width: 480px) and (orientation: portrait){
	.cl-docType-label-container, .cl-docType-container, .cl-upload-img-container{
		width: 100% !important;
	}
	
	.cl-doc-link-button-container{
		width:100%;
		padding-right: 10px;
	}
}

#uaepassCustomContainer{
	position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgb(32,33,36,0.5);
}
[aria-describedby="cookieDialogContainer"] .ui-dialog-titlebar{
	display:none;
}

.cl-checkbox-algin-right label:before{
	float: right !important;
}

.cl-max-height-100{
	max-height: 100vh !important;
}

.cl-checkbox-disabled label:before{
	background-color: #d3d3d3 !important;
	border-color: #d3d3d3 !important;
}