@charset "utf-8";

@font-face{
font-family:"HelveticaNeueW01-45Ligh";
src:url("../fonts/HelveticaNeueW01-45Ligh.woff");
}
/* ------------------ Deafult Reset CSS Start--------------------------- */
h1,h2,h3,h4,h4,h5,h6,span,p,ul,li,dl,dt,dd,img,a,div{ margin:0px; padding:0px; border:none; outline:none;}
a,a:hover{ text-decoration:none;}
a.text-under{ text-decoration:underline;}
a.text-under:hover{ text-decoration:underline; }
p{ line-height:22px;}

h1{font-family:"HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif; font-size:40px; font-weight:normal; margin-bottom:20px; -webkit-font-smoothing: antialiased;}
h2{font-family:"HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif; font-size:40px; font-weight:normal; margin-bottom:10px; -webkit-font-smoothing: antialiased;}
h3{font-family:"HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; margin-bottom:10px; -webkit-font-smoothing: antialiased;}

.qa-desktop{ display:block;}
.qa-ipad{ display:none;}

.white-color{ color:#ffffff;}
.blue-color{color:#06038d;}
.sky-blue-color{color:#009edf;}
.gray-color{color:#53565a;}

.font-size-extra-small{ font-size:11px;}
.font-size-small{ font-size:14px;}
.font-size-regular{ font-size:16px;}
.font-size-big{ font-size:18px;}
.font-size-extra-big{ font-size:20px!important;}
.font-size-large{ font-size:24px;}
.font-size-extra-large{ font-size:28px;}

.show{ display:block!important;}
.hide{ display:none!important;}
.disableClick{ pointer-events: none; opacity: 0.3;}

.full-table{ display:table;}
.left-container-home{ width:45%; height:auto; float:left; padding:0px; margin:0 5% 0 0;}
.right-container-home{ width:45%; height:auto; float:left; padding:0px; margin:0 0 0 5%;}
.left-container-inner{ width:45%; height:auto; float:left; padding:0px; margin:0 5% 0 0;}
.right-container-inner{ width:45%; height:auto; float:left; padding:0px; margin:0 0 0 5%;}
.left-container{ width:45%; height:auto; float:left; padding:0px; margin:0 5% 0 0;}
.right-container{ width:45%; height:auto; float:left; padding:0px; margin:0 0 0 5%;}
.check-box{width:25px;height:auto;color:#514fb0; }
.visibility{opacity: 0.5;}
.fleft{ float:left;}
.fright{ float:right;}
.cboth{ clear:both;}
.cleft{ clear:left;}
.cright{ clear:right;}
.topMargin-regular{ margin-top:10px!important;}
.topMargin{ margin-top:15px!important;}
.topMargin-big{ margin-top:25px!important;}
.bottomMargin-regular{ margin-bottom:10px!important;}
.bottomMargin{ margin-bottom:15px!important;}
.bottomMargin-big{ margin-bottom:25px!important;}
.topPadding-regular{ padding-top:10px!important;}
.topPadding{ padding-top:15px!important;}
.topPadding-big{ padding-top:25px!important;}
.bottomPadding{ padding-bottom:15px!important;}
.bottomPadding-big{ padding-bottom:25px!important;}
.border-top{ border-top:#e6e5f4 solid 1px; padding-top:15px;}
.border-top-dark{ border-top:#d3d3d3 solid 1px; padding-top:15px;}
.border-bottom{ border-bottom:#e6e5f4 solid 1px; padding-bottom:15px;}
.no-padding-top{ padding-top:0px!important;}
.no-padding-bottom{ padding-bottom:0px!important;}
.no-padding-left{ padding-left:0px!important;}
.no-padding-right{ padding-right:0px!important;}
.no-margin-top{ margin-top:0px!important;}
.no-margin-bottom{ margin-bottom:0px!important;}
.no-margin-left{ margin-left:0px!important;}
.no-margin-right{ margin-right:0px!important;}
.blue-border-line{ width:100%; height:4px; float:left; background:#06038d; margin:30px 0px; }
.blue-border-line-tablet{ display:none;}
.border-bottom-line{ display:none;}

.line-space-normal{ line-height:24px;}
.line-space-regualar{ line-height:26px;}
.line-space-big{ line-height:28px;}
.line-space-extra-big{ line-height:30px;}

.icon-mobile{ width:16px; height:16px; margin: 0 10px; padding: 0 4px; background:url(../images/icon-mobile.png) no-repeat left top;}
.icon-resend{ width:16px; height:16px; margin: 0 10px; padding: 0 6px; background:url(../images/icon-resend.png) no-repeat left top;}
.icon-arrow-right{ width:16px; height:16px; margin: 0 10px; padding: 0 4px; background:url(../images/icon-arrow-right.png) no-repeat right 5px;}
.icon-arrow-left{ width:16px; height:16px; margin: 0 10px; padding: 0 4px; background:url(../images/icon-arrow-left.png) no-repeat left 5px;}
.icon-arrow-success{ width:16px; height:11px; margin: 0 10px; padding: 0 7px; background:url(../images/icon-arrow-success.png) no-repeat left 5px;}
.icon-arrow-failure{ width:16px; height:11px; margin: 0 10px; padding: 0 7px; background:url(../images/icon-arrow-failure.png) no-repeat left 0;}
.icon-confirmation{ width:17px; height:17px; float:left; margin: 3px 0 0 0; padding: 0 5px; background:url(../images/icon-confirmation.png) no-repeat left 0;}
.icon-loader{ width:26px; height:26px; margin: 0; padding: 2px 10px 5px; background:url(../images/loader.gif) no-repeat left 0;}

p.body-text{ width:100%; height:auto; font-size:18px; font-weight:lighter; color:#53565a; line-height:26px; margin:0 0 20px 0;}
p.body-text a{ color:#06038d; text-decoration:underline;}
p.body-text a:hover{ color:#06038d; text-decoration:underline;}

p.body-text a.text-normal{ color:#53565a; text-decoration:underline;}
p.body-text a.text-normal:hover{ color:#53565a; text-decoration:underline;}

ul{ width:100%; height:auto;}
ul li{ width:96%; height:auto; margin:0 0 25px 15px; list-style:disc; color:#53565a; padding:0px;}

.image-holder{ width:auto; height:auto; padding:0px; margin:0px; text-align:center;}

div.fixed-grid-container::-webkit-scrollbar { width:15px;}
div.fixed-grid-container::-webkit-scrollbar-track { background-color: #060271;}
div.fixed-grid-container::-webkit-scrollbar-thumb { background: #ffffff;}

body{ color:#53565a; margin:0px; padding:0px; font-weight:normal; font-size:16px; font-family:"HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif; background:#ffffff; height:100%; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
html{ color:#53565a; margin:0px; padding:0px; font-weight:normal; font-size:16px; font-family:"HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif; height:100%; }

.check-box-container{ width:100%; height:auto;}
.check-box-container .check-box{ width:5%; height:auto; float:left; padding-top:2px;}
label.checkbox input[type="checkbox"] {display:none;}
label.checkbox span { display:inline-block; width:26px; height:26px; background:url(../images/check-box-bg.png) no-repeat left top;}
label.checkbox :checked + span { background:url(../images/check-box-checked-bg.png) no-repeat left top; width:26px; height:26px;}
.check-box-container .text-box{ width:95%; height:auto; float:left; color:#FFFFFF; padding:4px 0 0 0; font-size:16px;}

.wrapper {width:100%; height:auto;}
.container{ width:1055px; height:auto; margin:0px auto; display:table;}
/* ------------------ Deafult Reset CSS Ends -------------------- */
/****************************************************************************************/
/* ------------------ Header CSS Start -------------------- */
header{width:100%; height: auto;}
.logo{ width:auto; height:auto; float:left; margin:13px 0px;}
.contact{ width:auto; height:auto; float:right; margin:25px 0px 0px 0px; font-size:18px!important; color:#53565a; -webkit-font-smoothing: antialiased; font-family:"HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif;}
.contact a{ color:#53565a; text-decoration:none;}
.contact a:hover{ color:#06038d; text-decoration:none;}
.company-info{ width:100%; height:auto; background:#06038d; padding:12px 0px;}
.company-info p{ width:auto; height:auto; font:normal 14px Arial, Helvetica, sans-serif; color:#ffffff;}
.company-info p span{ font-weight:bold;}
/* ------------------ Header CSS Ends -------------------- */
/****************************************************************************************/
/* ------------------ Body Content CSS Start -------------------- */
.content-wrapper{width:100%; height:auto;}
.page-content{width:100%; min-height:585px;}
.landingpage-bg{ background:url(../images/landing-page-bg-desktop.jpg) no-repeat center top;}
.success-page-bg{ background:url(../images/success-page-bg-desktop.jpg) no-repeat center top;}

.welcome-box{width:60%; height:auto; padding:3%; margin:25px 0px; background:#009fdf; opacity: 0.8;}
.welcome-box p{ font-size:20px; line-height:28px; font-family:"HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif; font-weight:normal;}
.gray-box{ width:94%; height:auto; display:table; padding:3%; margin:0px 0px 25px; background:#f3f2f1;}
.blue-box{ width:94%; height:auto; display:table; padding:3%; margin:0px 0px 25px; background:#06038e;}
.blue-light-box{ width:96%; height:auto; display:table; padding:3% 2%; margin:0px 0px 10px; background:#3935a4;}

.verification{ width:92%; height:auto; background:#3835a4; color:#FFFFFF; margin:10px 0px 0px; padding:2% 4%; display:table;}
.verification .text-container{ width:42%; height:auto; float:left; padding:0 7% 0 0; margin:0px;}
.verification .code-container{ width:46%; height:auto; float:left; padding:1% 2%; margin:0px; border:#FFFFFF solid 1px;}
.code-container .content-box{ width:52%; height:auto; float:left; padding:0 3% 0 0;}
.code-container .content-box input{ width:91%; height:auto; padding:4%; background:#ffffff; border:#b7b7b7 solid 2px; color:#53565a; font-size:14px;}
.code-container .button-box{ width:45%; height:auto; float:left; padding:0;}
.code-container .button-box a{ width:96%; height:auto; display: table; padding: 5% 2%; text-align:center; background:#009fe0; color:#FFFFFF;}
.code-container .button-box a:hover{ background:#0291cc;}
.code-container .button-box a.sussess{ width:96%; height:auto; display: table; padding: 5% 2%; text-align:center; background:#e5f3da; border:#7ac141 solid 2px;}
.code-container .button-box a.failure{ width:96%; height:auto; display: table; padding: 5% 2%; text-align:center; background:#f8f2f2; border:#f00101 solid 2px;}

.verification-disable{ width:92%; height:auto; background:#e4e4e4; color:#FFFFFF; margin:10px 0px 0px; padding:2% 4%; display:table; pointer-events: none}
.verification-disable .text-container{ width:42%; height:auto; float:left; padding:0 7% 0 0; margin:0px;}
.verification-disable .code-container{ width:46%; height:auto; float:left; padding:1% 2%; margin:0px; border:#eaeaea solid 1px;}
.verification-disable .code-container .content-box{ width:52%; height:auto; float:left; padding:0 3% 0 0;}
.verification-disable .code-container .content-box input{ width:91%; height:auto; padding:4%; background:#e9e9e9; border:#dbdbdb solid 2px; color:#ffffff; font-size:14px;}
.verification-disable .code-container .button-box{ width:45%; height:auto; float:left; padding:0;}
.verification-disable .code-container .button-box a{ width:96%; height:auto; display: table; padding: 5% 2%; text-align:center; background:#dddddf; color:#FFFFFF;}
.verification-disable .code-container .button-box a:hover{ background:#dddddf;}

.contact-box-outer{ width:100%; height:100%; display: none; position:fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0, 0, 0, .4); z-index:999;}
.contact-box{width:480px; height:auto; margin:75px auto; background:#FFFFFF; padding:40px; box-shadow: 0 0 15px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6); -o-box-shadow: 0 0 15px rgba(0,0,0,0.6);}
.contact-box .address {width:100%; height:auto; padding:0 0 15px 30px; background:url(../images/icon-address.png) no-repeat left top;}
.contact-box .phone{width:100%; height:auto; padding:0 0 15px 30px; background:url(../images/icon-call.png) no-repeat left top;}
.contact-box .mail{width:100%; height:auto; padding:0 0 0px 30px; background:url(../images/icon-mail.png) no-repeat left 5px;}
.contact-box .mail a{ text-decoration:underline; color:#06038d;}
.contact-box .mail a:hover{ text-decoration:underline; color:#06038d;}

.pre-contract-info-popbox{ width:370px; height:auto; text-align:center; margin: 260px auto auto 250px; display:none; position:absolute; top:0; bottom:0;}
.pre-contract-info-popbox .pointer-image{ width:100%; height:18px; padding:0px; margin:0px;}
.pre-contract-info-popbox .info-container{ width:330px; height:auto; padding:20px 20px; margin:0px; background:#06038d; font-size:16px; color:#FFFFFF;}
.pre-contract-info-popbox .info-container ul{ width:100%; height:auto; text-align:center!important;}
.pre-contract-info-popbox .info-container ul li{ width:auto; height:auto; padding:0px; margin:10px 0px 0px 0px; color:#FFFFFF; list-style:none!important;}
.pre-contract-info-popbox .info-container ul li span{ width:auto; height:auto; padding:0px; margin:0 5px 0 0;}

.button-container{ width:100%; height:auto; border-top:#e6e5f4 solid 1px; padding:30px 0; display:table;}
.global-button-left{ width:auto; height:auto; background:#06038d; color:#FFFFFF; padding:10px 30px 10px 15px} 
.global-button-right{ width:auto; height:auto; background:#06038d; color:#FFFFFF; padding:10px 15px 10px 30px}
.global-button-left:hover,.global-button-right:hover{background:#009fdf; color:#FFFFFF;}
.button-disable .global-button-right{ width:auto; height:auto; background:#eaeaea; color:#FFFFFF; padding:10px 15px 10px 30px;  pointer-events:none;}

.image-pagination{ width:100%; height:auto; background:#f7f7f7; padding:10px 0px; margin:0px 0px 30px;}
.dotted-image{ background:url(../images/dotted-image.png) repeat-x left 35px;}
.icon-container{ width:auto; height:auto; float:left; margin:0px 114px 0px 0px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.icon-container{margin:0px 113px 0px 0px!important;}
::i-block-chrome,.icon-container{margin:0px 113px 0px 0px!important;}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.icon-container{margin:0px 113px 0px 0px;} }
.icon-container img{ border:#f7f7f7 solid 10px;}
.icon-container div{ width:100%!important; height:auto; text-align:center; font-size:11px; color:#d4d4d4; text-transform:uppercase;}
.icon-container div.active{color:#06038e!important; padding: 0px !important; height: auto !important;}
.icon-container-last{ width:auto; height:auto; float:right; margin:0px 0px 0px 8px; text-align:center;}
.icon-container-last img{ border:#f7f7f7 solid 10px;}
.icon-container-last div{ width:100%; height:auto; text-align:center; font-size:11px; color:#d4d4d4; text-transform:uppercase;}
.icon-container-last div.active{color:#06038e!important;}

.information-container{ width:96%; height:auto; background:#FFFFFF; border:#9bc5c8 solid 2px; text-align:center; padding:0 2% 8% 2%; margin:10px 0 0 0; color:#9bc5c8; font-size:16px; font-weight:normal;}
.information-container > img{border: 5px solid #fff; margin:-18px 0 20px 0;}

.gray-grid-container{ width:92%; height:auto; margin:0 4%;}
.gray-grid-container .grid-row{ width:96%; height:auto; display:table; padding:1% 2%; font-size:18px; color:#53565a;}
.gray-grid-container .grid-row span{ width:auto; height:auto; float:right;}
.gray-grid-container .odd-row{ background:#d2d2d2;}
.gray-grid-container .even-row{ background:#f3f2f1;}

.blue-grid-container{ width:100%; height:auto;}
.blue-grid-container .grid-row{ width:96%; height:auto; display:table; padding:1% 2%; font-size:18px; color:#ffffff;}
.blue-grid-container .grid-row span{ width:auto; height:auto; float:right;}
.blue-grid-container .odd-row{ background:#050380;}
.blue-grid-container .even-row{ background:#06038e;}

.data-grid{ width:100%; height:auto; float:left; padding:0px; margin:0px;}
.success-steps-cl{ width:26%; min-height:225px;  float:left; padding:5% 3% 0; margin:0 2% 0 0; background:#3935a4; text-align:center; line-height:22px;}
.success-steps-cl .left-holder{ width:100%; height:auto; float:left; padding:0px; margin:0px;}
.success-steps-cl .right-holder{ width:100%; height:auto; float:left; padding:0px; margin:0px;}

.success-steps-pl{ width:26%; min-height:245px;  float:left; padding:5% 3% 0; margin:0 2% 0 0; background:#3935a4; text-align:center; line-height:22px;}
.success-steps-pl .left-holder{ width:100%; height:auto; float:left; padding:0px; margin:0px;}
.success-steps-pl .right-holder{ width:100%; height:auto; float:left; padding:0px; margin:0px;}

.left-box-text{ width:65%; height:auto; float:left; font-size:24px; color:#FFFFFF;}
.right-box-amount{ width:35%; height:auto; float:left;  font-size:40px; color:#FFFFFF; padding:5px 0 0 0; text-align:right;}

.fixed-grid-container{ width:98%; height:210px; padding-right:2%; overflow-y:scroll;}
.secci-racca{ width:100%; height:2760px;}
/* ------------------ Body Content CSS Ends -------------------- */
/****************************************************************************************/
/* ------------------ Footer CSS Start -------------------- */
footer{width:100%; height:auto; margin-bottom:15px;}
.copyright{float:left; font:normal 14px Arial, Helvetica, sans-serif; color:#53565a;}
.logos{float:right;}
.logos a{ margin:0 0 0 20px;}
/* ------------------ Footer CSS Ends -------------------- */
/****************************************************************************************/
@media all and (max-width: 1024px) and (min-width: 1000px) {
.icon-container{ margin:0px 97px 0px 0px!important;}
.no-space{ margin:0px 0px 0px 6px!important;}
.pre-contract-info-popbox{ width:370px; height:auto; text-align:center; margin: 260px auto auto 220px; display:none; position:absolute; top:0; bottom:0;}
.secci-racca{ width:100%; height:2520px;}
}
@media all and (max-width: 999px) and (min-width: 770px) {
.pre-contract-info-popbox{ width:370px; height:auto; text-align:center; margin: 260px auto auto 220px; display:none; position:absolute; top:0; bottom:0;}
.icon-container{ margin:0px 50px 0px 0px!important;}
}

@media all and (max-width: 1023px) and (min-width: 768px) {
.landingpage-bg{ background:url(../images/landing-page-bg-tablet.jpg) no-repeat center top;}
.success-page-bg{ background:url(../images/success-page-bg-tablet.jpg) no-repeat center top;}

.welcome-box{width:94%;}
.welcome-box p{ font-size:20px;}

.qa-desktop{ display:none;}
.qa-ipad{ display:block;}

.left-container-inner{ width:100%; height:auto; padding:0px; margin:0;}
.right-container-inner{ width:100%; height:auto; padding:0px; margin:0;}

.left-box-text{ width:60%;}
.right-box-amount{ width:40%;}
}

@media all and (max-width: 1024px) and (min-width: 768px) {
.container{ width:94%; height:auto; margin:0 3%; display:table;}

.verification .text-container{ width:100%; margin:0px 0px 15px 0px;}
.verification .code-container{ width:96%; padding:1% 2%; margin:0px;}

.information-container{ width:93.5%; padding:2% 3%; text-align:left;}
.information-container > img{ width:auto; height:auto; float:left; margin: -7px 20px 0 0;}
.success-steps-cl{ width: 92%; min-height: 80px !important; float:left; margin: 0 0 15px 0!important;}
.success-steps-cl .left-holder{ width:10%!important; height:auto!important; float:left!important; padding:0!important; margin:0 4% 0 4%!important; text-align:left!important;}
.success-steps-cl .right-holder{ width:80%!important; height:auto!important; float:left!important; padding:0!important; margin:0!important; text-align:left!important;}

.success-steps-pl{ width: 92%; min-height: 80px !important; float:left; margin: 0 0 15px 0!important;}
.success-steps-pl .left-holder{ width:10%!important; height:auto!important; float:left!important; padding:0!important; margin:0 4% 0 4%!important; text-align:left!important;}
.success-steps-pl .right-holder{ width:80%!important; height:auto!important; float:left!important; padding:0!important; margin:0!important; text-align:left!important;}

.check-box-container .check-box{ width:7%; padding-top:2px;}
.check-box-container .text-box{ width:93%;}

.left-container{ width:100%; height:auto; padding:0px; margin:0 0 15px 0;}
.right-container{ width:100%; height:auto; padding:0px; margin:0 0 15px 0;}

.left-container-home{ width:100%; height:auto; padding:0px; margin:0;}
.right-container-home{ width:100%; height:auto; padding:0px; margin:0;}

.blue-border-line{ display:none;}
.blue-border-line-tablet{ width:100%; height:4px; float:left; background:#06048c; margin:0px 0px 20px 0px; display:block; }

.image-holder{ width:100%; height:auto; padding:0px; margin:10px 0px 15px 0px; text-align:center; display:none!important;}
.border-bottom-line{ width:100%; float:left; display:block; border-top:#d7d4cf solid 1px; padding: 15px 0 15px 0;}
}

/*@media all and (max-width: 768px) and (min-width: 320px) {
.left-container{ width:100%; height:auto; padding:0px; margin:0 0 20px 0;}
.right-container{ width:100%; height:auto; padding:0px; margin:0 0 20px 0;}

.blue-border-line{ display:none;}
.blue-border-line-tablet{ width:100%; height:4px; float:left; background:#06048c; margin:0px 0px 20px 0px; display:block; }

.image-holder{ width:100%; height:auto; padding:0px; margin:10px 0px 15px 0px; text-align:center; display:none!important;}
}*/
@media all and (max-width: 769px) and (min-width: 768px) {
.pre-contract-info-popbox{ width:370px; height:auto; text-align:center; margin: 260px auto auto 120px; display:none; position:absolute; top:0; bottom:0;}
.data-grid{ width:725px; height:auto; float:left; padding:0px; margin:0px;}
.ui-grid-column-menu-button-last-col{margin: 0px -5px 0 0!important;}
.col-box-1{ width:5%!important;}
.col-box-2{ width:18%!important;}
.col-box-3{ width:8%!important;}
.col-box-4{ width:12%!important;}
.col-box-5{ width:65%!important;}
.secci-racca{ width:100%; height:1880px;}
.ui-grid-header-cell-row{ font-size:14px;}
.ui-grid-row.ng-scope{font-size:14px;}
.text-right {font-size:18px;}
.icon-container{ margin:0px 47px 0px 0px!important;}
.no-space{ margin:0px 0px 0px 6px!important;}
}

@media all and (max-width: 767px) and (min-width: 320px) {
h1{ font-size:30px;}
h2{ font-size:25px;}
h3{ font-size:20px;}

.container{ width:96%; height:auto; margin:0 2%; display:table;}
.logo{ width:100%; height:auto; margin:13px 0px; text-align:center;}
.contact{ width:100%; height:auto; margin:5px 0px 15px 0px; text-align:center;}
.company-info p{ width:100%; height:auto; float:left!important; padding:2px 0px;}

.copyright{ width:100%; text-align:center;}
.logos{width:100%; margin-top:15px; text-align:center;}
.logos a{ margin:0px 5px;}
.landingpage-bg{ background:url(../images/landing-page-bg-phone.jpg) no-repeat center top;}
.success-page-bg{ background:url(../images/success-page-bg-phone.jpg) no-repeat center top;}

.welcome-box{width:94%;}
.welcome-box p{ font-size:20px;}

.verification{padding: 4%;}
.verification .text-container{ width:100%; margin:0px 0px 10px 0px;}
.verification .code-container{ width:96%; padding:1% 2% 4% 2%; margin:0px;}
.code-container .content-box{ width:100%; margin:10px 0px;}
.code-container .button-box{ width:100%;}

.contact-box{ width:83%; height:340px; margin:10% 3%; overflow:auto; padding:2%;}
.contact-box .address{width:88%;}
.contact-box .phone{width:88%;}
.contact-box .mail{width:88%;}

.information-container{ width:95%; padding:0 2% 5% 2%;}
.information-container > img{border: 5px solid #fff; margin:-18px 0 5px 0;}

.global-button-left {padding: 7px 8px 7px 5px;}
.global-button-right {padding: 7px 5px 7px 8px;}
.icon-arrow-right{ margin: 0 3px; padding: 0 2px; }
.icon-arrow-left{ margin: 0 3px; padding: 0 2px; }

.grid-container .grid-row{ padding:2% 2%; font-size:14px;}
.grid-container .grid-row span{ width:100%; height:auto; float:left; padding:5px 0 0 0;}

.success-steps{ width:92%; min-height:auto!important; margin:0 0 15px 0; padding:5% 4% 0%;}
}

/****************************************************************************************/
/* ------------------ Overview page Grid and Timer CSS Start -------------------- */
.ui-grid-cell-contents.ui-grid-header-cell-primary-focus { background-color: #06038e; color: #ffffff;}
.ui-grid-column-menu-button .ui-grid-icon-angle-down{ color: #ffffff; float:left; margin-top:13px; }
.ui-grid-top-panel {font-weight:normal;}
.text-right {text-align: right; padding-right:15px!important; font-size:20px; color:#545559;}
.text-center {text-align: center;}
.text-left {text-align: left; padding-left: 10px; background-color: #06038e;}
.col-box-1{ width:7%!important;}
.col-box-2{ width:18%!important;}
.col-box-3{ width:10%!important;}
.col-box-4{ width:15%!important;}
.col-box-5{ width:55%!important;}
.top-bottom-space{ padding:8px 0 8px 10px; height:48px!important;}

.ui-grid-menu .ui-grid-menu-inner ul li {padding: 0px; margin: 0px; list-style: none;}
.ui-grid-column-menu-button-last-col{margin: 0!important;}


.timer { position:relative; width:12px; height:12px; float: right; margin: 4px 30px 0 0; }
.timer > .percent { position: absolute; top: 1.05em; left: 0; width: 3.33em; font-size: 0.3em; text-align:center; }
.timer > #slice { position:absolute; width:1em; height:1em; clip:rect(0px,1em,1em,0.5em);}
.timer > #slice.gt50 { clip:rect(auto, auto, auto, auto);}
.timer > #slice > .pie { 
border: 0.1em solid #c0c0c0; position:absolute;
width:0.8em; /* 1 - (2 * border width) */
height:0.8em; /* 1 - (2 * border width) */
clip:rect(0em,0.5em,1em,0em);
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em; 
 border-radius:0.5em; 
}
.timer > #slice > .pie.fill {
 -moz-transform:rotate(180deg) !important;
-webkit-transform:rotate(180deg) !important;
-o-transform:rotate(180deg) !important;
transform:rotate(180deg) !important;
}
.timer.fill > .percent { display: none; }
.timer.fill > #slice > .pie { border: transparent; background-color: #fdfffe; width:1em; height:1em; }
/* ------------------ Overview page Grid and Timer CSS End -------------------- */