@import url('root.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,600'); /* For Fonts @added by iO*/
@import url('/sei/static/fonts/fa.min.css'); /* For Icons @added by iO*/

#banner #logo { background: url("../images/soprano/apac_soprano_logo.png") no-repeat scroll right top rgba(0, 0, 0, 0); display: block; float: left; height: 80px; padding-bottom: 4px; padding-left: 10px; width: 154px; }

#tabArea {
	background-color: #31659C;
}

#tabs span {
	/*background-color:#31659C !important;/*00309C url(../images/roll-9-30.png) repeat scroll 0 0;*/
	background: #31659C url("../images/3DTableTop2t-30.png") repeat scroll 0 0;
}

#tabs span.sms,#tabs span.mms,#tabs span.email,#tabs span.home,#tabs span.reports,#tabs span.reminder,#tabs span.sei,#tabs span.staffMatch,#tabs span.mobileVouchers,#tabs span.campaignManager,#tabs span.cgp,#tabs span.inbound,#tabs span.voice,#tabs span.authenticator,#tabs span.radar,#tabs span.cipher
	{
	background-color: #639A00;
}

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

.shortcutShade {
	background: #639A00 repeat-x;
}

.contentHeader .sectionTitle,#rightPanel .titleBar, #pageHolder .titleBar {
	background-color: #639A00;
}

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

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

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

/* overwrite color in jqx.base.css */
.jqx-widget-header-soprano {background-color: #31659C}


/* APAC for Style @11212016 @iO */
/* Content */
.contentx {background:#fff; height:660px; width:685px; padding-top:0; padding-left:0; margin-top:-14px; margin-right:0;}
.contentx h2, .contentx h3 {font-size:42px; font-weight:600; line-height:1.15; color:#444; margin-bottom:18px; font-family: "Raleway";}
.contentx h2 span, .contentx h3 span {color:#00a2ff;}

.contentx a.btn-req { background:#ffba4d; color:#fff; border:2px solid #ffba4d; font-size:12px; line-height:24px; text-transform:uppercase; font-weight:400; padding:8px 22px; display:inline-block; margin-top:30px; border-radius:4px; text-decoration:none; transition:all 300ms; font-family: "Montserrat"; margin-left:3px;}
.contentx a.btn-req:hover {color:#fff; background:#cc7e00; border-color:#cc7e00;}

.contentx ul {margin:50px 0 0; padding:0; list-style-type:none; }
.contentx ul li {background: url(/static/images/soprano/arrow.png) no-repeat 0 4px; font-size:18px; line-height:24px; padding-left:18px; padding-bottom:10px; font-weight:400; font-family: "Raleway"; color:#296284;}

/* SSS */
.sss {height: 0; margin: 0;  padding: 0; position: relative; display: block; overflow: hidden;}
.ssslide {width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden;}
.ssslide img {max-width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block;}
.sssnext, .sssprev {width:44px; height:70px; margin: 0; position: absolute; top:285px; background-position:0 0; background-repeat:no-repeat; transition:opacity 350ms;} .sssprev:hover, .sssnext:hover {cursor: pointer; opacity:0.7;} .sssprev:active, .sssnext:active {opacity:1;}
.sssprev {left:0;} .sssnext {right:0;}
.contentx .items {margin-bottom:10px; background-color:#fff; background-repeat:no-repeat; background-position:0 0; background-size:685px auto;}
.contentx .items .indent {padding:40px 15px 30px 30px; min-height:595px; box-sizing:content-box;}
.contentx .items.slide1 {background-image:url(../images/soprano/slide-1.jpg);}
.contentx .items.slide2 {background-image:url(../images/soprano/slide-2.jpg);}
.contentx .items.slide3 {background-image:url(../images/soprano/slide-3.jpg);}
.contentx .items.slide4 {background-image:url(../images/soprano/slide-4.jpg);}
.contentx .items.slide5 {background-image:url(../images/soprano/slide-5.jpg);}
.contentx .items.slide6.cl {background-image:url(../images/soprano/slide-6-cl.png);}
.contentx .items.slide6.co {background-image:url(../images/soprano/slide-6-co.png);}
.contentx .items.slide6.br {background-image:url(../images/soprano/slide-6-br.png);}
.contentx .items.slide6.us {background-image:url(../images/soprano/slide-6-us.jpg);}
.contentx .items.slide6.es {background-image:url(../images/soprano/slide-6-es.png);}
.contentx .items .listed { position:absolute; top:390px; width:100%; letter-spacing:-0.5px;}
.contentx .items .listed ul{margin-top:0;} .contentx .items .listed h4 {padding-left:16px;}
.contentx .items.slide3 .listed ul li,
.contentx .items.slide4 .listed ul li {color:#fff; background-image:url(../images/soprano/arrow-w.png);}
.contentx .items h2, .contentx .items h3 {display:block; font-size:40px; line-height:46px; color:#444; font-weight:600;}
.contentx .items h3 {font-size:30px; line-height:40px; color:#00a2ff; font-weight:500;} .contentx .items h2 {letter-spacing:-0.04em;}
.contentx .items a.btn-req {margin-top:6px;} .contentx .items.slide5 h2 {font-size:34px;}

/* Features */
.featurex {margin:40px 0 15px; padding:0; overflow: hidden; font-family: 'Raleway'; font-weight:400; color:#222222; text-align:center;}
.featurex .cols {float: left; padding:0 12px; box-sizing:border-box; margin-bottom:25px;}
.featurex .cols.col-x3 {width:33.333333%;} .featurex .cols.col-x2 {width:50%;} .featurex .cols.first {clear:left;}
.featurex h3 {font-size:17px; line-height:1.2; margin:0 0 3px; color:#ffba4d; display:block; font-family: 'Montserrat';font-weight:400; text-transform:uppercase;}
.featurex h4 {font-size:14px; line-height:18px; margin:0 0 3px; color:#666; display:block; font-family: 'Montserrat';font-weight:400; text-transform:uppercase;}
.featurex h4 .fa {font-size:40px; line-height:40px; height:40px; margin-bottom:6px; color:#aaaaaa;}
.featurex p {font-size:13px; line-height:17px; color:#666; margin:0; font-family: 'Raleway'; font-weight:400;}
.featurex img::selection { background:none; } .featurex img::-moz-selection { background:none;}

/* Sidebar */
.sidebarx {width:285px; padding:0; margin:-20px 15px 0 15px;}
.sidebarx h3, .sidebarx h4 { font-size:18px; line-height:24px; color:#444444; font-weight:700; font-family: "Montserrat"; padding:0 0 10px; display:block; text-transform:uppercase;}
.sidebarx p {font-size:16px; line-height:18px; margin-top:10px;} .sidebarx img {max-width:100%; height:auto;}
.sidebarx a {color:#00a2ff; text-decoration:none;} .sidebarx a:hover {color:#296284; text-decoration:none;}

.sidebarx ul {list-style:none; margin:0 0 25px; padding:0;} .sidebarx ul:last-child {margin-bottom:0;}
.sidebarx ul li {font-size:16px; line-height:1.1; font-weight:400; font-family: "Raleway"; margin-bottom:10px;}
.sidebarx ul li a {color:#00a2ff; text-decoration:none; display:block;} .sidebarx ul li:hover a {color:#296284;}
.sidebarx ul li em {font-style:normal; font-weight:400; font-size:18px; line-height:.9;}
.sidebarx-soprano {position:absolute; bottom:45px; right:40px;} .sidebarx-soprano img {max-width:148px; height:auto;}

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

body#loginBody #banner { height:112px; background:#00a2ff; box-shadow:none; padding-bottom:0;}
body#loginBody #loginBanner {height:112px; background:#444; padding-top:25px;} body#loginBody #bodywrap > div > table #loginBanner {padding-top:30px;}
body#loginBody #banner #logo {padding:0; height:110px; width:200px; margin-left:20px; margin-top:1px; background-image:url(../images/soprano/logo.png);background-position:0 0; background-size:auto 110px;}

body#loginBody #login {background:#fff; box-sizing:border-box; margin:10px 0 28px !important; border-radius:8px; padding:0 15px 5px !important; top:0 !important; border:1px solid #b7b7b7 !important;} body#loginBody #bodywrap > div > table #login {margin:-4px 0 28px !important;}

body#loginBody #login #loginTitle { color:#00a2ff; font-weight:400; font-family: "Montserrat"; font-size:18px; line-height:24px;}
body#loginBody #forgotPass, body#loginBody #actions img.forgot, body#loginBody #login:before {display:none;}
body#loginBody #login fieldset#inputs, body#loginBody #login fieldset#actions, body#loginBody #login fieldset {border:0 none; padding:0;}
body#loginBody #login #inputs input, #ResetPassInputs #resetPassEmail, #ResetPassInputs #captchaText {box-sizing:border-box; color:#333; margin: 0 0 12px; width:288px !important; padding:7px 8px 7px 28px; border:1px solid #b7b7b7; border-radius:0; background-color:#fff; box-shadow:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;} body#loginBody #login #forgotRing {display:none !important;}
body#loginBody #login #inputs input:hover, body#loginBody #login #inputs input:focus {border-color:#ababab; color:#000;}
body#loginBody #loginSubmit { background:#444444; color:#fff; text-shadow:none; padding:4px 20px 6px; float:left; margin-left:4px; font-size:12px; font-weight:400; font-family: "Montserrat"; margin:0 0 12px 0 !important; border:0 none; cursor:pointer; height:30px; width:auto; box-shadow:none; border-radius:4px;transition:all 300ms; text-transform:uppercase;} body#loginBody #loginSubmit:hover { background:#00a2ff; color:#fff;}
body#loginBody #loginSubmit[readonly], body#loginBody #loginSubmit[readonly]:hover, body#loginBody #loginSubmit[readonly]:active {background:#c7c7c7; color:#30791c;}

body#loginBody #captcha {position:static !important;} body#loginBody #loginTile {position:static !important; margin-bottom:10px;}

body#loginBody #actions { margin:0;}
body#loginBody #actions #forgotTxt { color:#00a2ff !important; margin:0 !important; font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:11.5px; padding-top:0; float:right;}
body#loginBody #actions #forgotTxt:hover {text-decoration:underline !important;}
body#loginBody #bodywrap > div> table #login #loginTitle {text-indent:inherit; margin-left:0 !important;}

body#loginBody #footer {background:#fff; border-top:2px solid #808080; height:auto; margin:-110px auto 0; padding: 0; text-shadow: none; width:1015px;}
body#loginBody #footer #legal {background:#fff; color: #333; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:35px 10px;}
body#loginBody #footer #legal a { font-size:14px; color:#659ec7;} body#loginBody #footer #legal a:hover {text-decoration:underline;}
#bodycontent>table>tbody>tr:first-child>td, #bodywrap>div>table>tbody>tr:first-child>td{padding:0 !important; }
#bodycontent>table>tbody>tr:nth-child(2)>td>div:first-child, #bodywrap>div>table>tbody>tr:nth-child(2)>td>div:first-child {margin-left:0 !important; position:relative;} #bodywrap>div>table>tbody>tr:nth-child(2)>td:first-child {width:564px !important;}