@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; font-family: 'Open Sans', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Create the Default Paragraphs */
p { color: #555555; font-size: 16px; line-height: 24px;}


/* Specific Header Settings */
h1 {font-weight:bold; font-size:36px; color:#fff; }
h2 {font-weight:bold; font-size:24px; color:#555; line-height: 46px;}
h3 {font-size:20px; color: #1f2635; font-weight: 700; text-transform: uppercase;}
h4 {font-size:16px; font-weight: 600; color: #fff;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}


/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #000000; font-size: 16px; text-decoration:none;}
a:hover {opacity: 0.8;}
a:active {}
a:focus {}
a.current{}


/* 5. Forms
------------------------------------------------------------------------------*/

input{display: inline-block; width: 100%; height: 40px;  vertical-align: top;}
input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
input[type='submit']:hover{cursor: pointer; opacity: 0.8;}
input[type="reset"]:hover{opacity: 0.8; cursor: pointer;}
input {-webkit-border-radius:0; border-radius:0;}
::-webkit-input-placeholder {font-size: 14px; color: #516081; font-weight: normal}
:-moz-placeholder {font-size: 14px; color: #516081; font-weight: normal}
::-moz-placeholder {font-size: 14px; color: #516081; font-weight: normal}
:-ms-input-placeholder{font-size: 14px; color: #516081; font-weight: normal}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"]{background-color:rgba(248,248,248,1); padding-left: 10px; font-size: 12px; color: #516081; border:1px solid; border-color: transparent; -o-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; transition: 0.5s ease all; padding-right: 10px;}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus{border-color: #616e8b;}
select{-webkit-appearance:none; -o-appearance:none; -moz-appearance:none; appearance:none;background-color: rgba(248,248,248,1); background-image: url(../images/site/select_drop.png); background-repeat: no-repeat; background-position: 95% center; display: inline-block; width: 100%; height: 40px; border:1px solid; border-color: transparent; color: #516081; font-size: 14px; -o-transition: .5s ease all; -moz-transition: .5s ease all; -webkit-transition: .5s ease all; transition: .5s ease all;}
select:focus{border-color: #000; -webkit-appearance:none; outline:none;}
input[type="checkbox"],input[type="radio"]{width: auto;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}

/* Common align style */
.align_left{text-align: left !important;}
.align_right{text-align:right !important;}
.align_center{text-align:center !important;}
/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* Page Layout */
*{box-sizing: border-box;}
body{background-color: #f1f1f1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height */}
.wrapper{ max-width:954px; margin:0 auto; position: relative; float: none; transition: 0.5s ease all; box-sizing: content-box;padding-left: 0; -o-transition: .5s ease all; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
.content{ margin:0 auto; padding:0; width:100%;}
.contener{max-width: 1028px;}
.inner_contener{max-width: 954px; float: right; width: 100%; padding-top: 23px;}
.loading{position: fixed; width: 100%; height: 100%;z-index: 9999999999; background-color:#1f2635;}
.loading .loading_contener{ width:90px; height: 45px; margin: 0 auto; margin-top: 20%; position: relative;}
.loading .loading_contener img{width: 100%;}
.sk-fading-circle{margin:25px auto 0;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}

/* Header*/
header{width: 100%; height: 60px; background-color: #1f2635; position: relative;z-index: 9999;}
header .head_left{float: left; width: 24.75%; position: relative;}
header .head_left .tree_menu{width:60px; height: 60px; background-color:#a4b6dc;display: inline-block; background-image: url(../images/site/tree.png); background-repeat: no-repeat; background-position: center; background-size: 40%; float: left; overflow: hidden; transition: .5s ease all; vertical-align: top;}
header .head_left .tree_menu.active{background-color: #516081; background-image:url(../images/site/cancle.png);}
header .head_left .tree_menu.active:hover{opacity:1;}
header .head_left .tree_list{position: absolute; width: 338px; background: #516081; top: 100%; left: 0;-o- transition: .5s ease all; -webkit- transition: .5s ease all; -moz- transition: .5s ease all; transition: .5s ease all; opacity: 0; visibility: hidden; padding: 0 10px; z-index: 1111;}
header .head_left .tree_list.active{opacity: 1; visibility: visible;}
header .head_left .tree_list h2{font-size: 30px; color: #929eb8; padding-left: 35px; padding-bottom: 20px;  padding-top: 20px; font-weight: 300;}
.ovelay_{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);top: 0; z-index: 1111;  visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.withdraw .tab_body .form_head {  position: relative;   z-index: 0;}


header .head_left .logo{width: calc(100% - 60px); text-align: center;display: inline-block; padding-top: 8px;}
header .head_right{width:75.25%; float: left;}
header .head_right .left_menu{width: 70%; float: left; padding-left: 20px;}
header .head_right .left_menu nav ul {list-style: none; overflow: auto;}
header .head_right .left_menu nav ul  li{display: inline-block; float: left; min-width: 80px; text-align: center; padding: 15px; padding-top: 0; padding-bottom: 0;}
header .head_right .left_menu nav ul li a{text-transform: uppercase; font-size: 14px; line-height: 60px; color: #a4b6db; position: relative; display: block;}
header .head_right .left_menu nav ul li a:after{position: absolute; content: ''; width:0%; height: 3px; background-color:#edbb22; left: 50%; bottom:0px;opacity: 0; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
header .head_right .left_menu nav ul li a:hover:after{opacity: 1; width: 100%; left: 0;}
header .head_right .left_menu nav ul li.active a:after{opacity: 1; width: 100%; left: 0;}
header .head_right .right_menu{width: 30%; float:right; position: relative;}
header .head_right .right_menu .holder_detail{width: calc(70% - 60px); float: right; padding-top: 10px;}
header .head_right .right_menu .holder_detail h4{}
header .head_right .right_menu .holder_detail h5{color: #a4b6dc; font-weight: 500; }
header .head_right .right_menu .drop_menu{width: 60px; height: 60px; background-color: #38435b; display: inline-block; float: right; position: relative;-webkit-transition: 0.4s ease all; -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
header .head_right .right_menu .drop_menu:hover{opacity: 1;}
header .head_right .right_menu .drop_menu:after{position: absolute; width:20px; content:''; height: 2px; background-color: #a1b3d9;top: 50%; left: 15px; transform: rotate(45deg);-webkit-transition: 0.4s ease all; -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
header .head_right .right_menu .drop_menu:before{position: absolute; width:20px; content:''; height: 2px; background-color: #a1b3d9;top: 50%; left: 28px; transform: rotate(-45deg);-webkit-transition: 0.4s ease all; -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all;}
header .head_right .right_menu .drop_menu.active:after{left:23px;}
header .head_right .right_menu .drop_menu.active:before{left: 24px;}
header .head_right .right_menu .drop_menu.active{background-color: #516081;}
header .head_right .right_menu .drop_content{position: absolute; top:100%; right: 0; width: 280px; min-height: 365px; background-color: #fbfbfb; padding: 40px 20px; opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease all; -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all; -webkit-box-shadow: -14px 8px 38px -5px rgba(0,0,0,0.38);-moz-box-shadow: -14px 8px 38px -5px rgba(0,0,0,0.38);box-shadow: -14px 8px 38px -5px rgba(0,0,0,0.38); z-index: 1;}
header .head_right .right_menu .drop_content.active{opacity: 1; visibility: visible; top: 100%;}
header .head_right .right_menu .drop_content ul {border-bottom: 1px solid #e7e7e7; padding-bottom: 28px;}
header .head_right .right_menu .drop_content ul li{display: block; height: 30px;}
header .head_right .right_menu .drop_content ul li p{max-width: 80%; width: 100%; float: left; font-size: 14px; color: #516081; font-weight: 400; line-height: 30px; display: inline-block}
header .head_right .right_menu .drop_content ul li span{max-width: 20%; width: 100%; float: right; text-align: right; color: #516081; font-weight:400; line-height: 30px;  display: inline-block}
header .head_right .right_menu .drop_content ul li:last-child p{max-width: 60%; padding-top: 30px;}
header .head_right .right_menu .drop_content ul li:last-child span{max-width: 40%; font-weight:600;color: #252e41; font-size: 18px; padding-top: 30px;}
header .head_right .right_menu .drop_content a.my_account{ color: #252e41; background-image: url(../images/site/use_logo.png); background-repeat: no-repeat;display: block; height: 25px; line-height: 25px; background-size: 7%;padding-left: 40px; margin-top: 24px; background-position: left center; -webkit-transition: .2s ease all; -o-transition: .2s ease all; -moz-transition: .2s ease all;  transition: .2s ease all;}
header .head_right .right_menu .drop_content a.my_account:hover{color:#008000;}
header .head_right .right_menu .drop_content a.logout{ color: #516081; background-image: url(../images/site/logout_logo.png); background-repeat: no-repeat; background-size:8%; padding-left: 40px; margin-top: 24px; display: block; height: 25px; line-height: 25px; background-position: left center;-webkit-transition: .2s ease all; -o-transition: .2s ease all; -moz-transition: .2s ease all;  transition: .2s ease all;}
header .head_right .right_menu .drop_content a.logout:hover{color: #FF0000}
.mob_menu{visibility: hidden;}
.mob_nav_open{display: none;}
/* For All */
.main_header{min-height: 70px;margin-top: 23px; position: relative;}
.main_header h2{font-size: 20px;}
.main_header p{color: #516081; font-weight: 600; background-image: url(../images/site/bullet_1.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin-top: 8px; display: block;}
.main_header p i{color: #6477a1; font-weight: 500;}
.main_header a.fqa_{ position: absolute; width: 30px; height: 30px; border: 1px solid #e7e7e7; border-radius: 50%; right: 0; top: 8px; background-color: #fff; background-image: url(../images/site/fqa_.png); background-size: 100% 100%;}

/*-------------------------------OVERVIEW------------------------------------ */
.overview_input{ width: 100%; margin-bottom: 15px;}
.overview_input select{width: 185px;padding-left: 15px;}
.overview_input input[type="text"]{width: 110px; margin-left: 2px; background-image: url(../images/site/cal_back.png); background-repeat: no-repeat; background-position: 90% center; background-size: 25%; padding-right: 35px;}
.transection_data{ min-height: 190px; max-width: 300px; background-color: #fff; display: inline-block; width: 100%; vertical-align: top; margin-right:2.8%; float: left; background-repeat: no-repeat; background-position: 10px 10px; border: 1px solid #e6e6e6; text-align: center; padding-top: 25px; position: relative; margin-bottom: 15px;}
.transection_data.last_{margin-right: 0;}
.transection_data h4{font-size:22px; color: #516081; font-weight: 300;}
.transection_data h3{font-size:35px; color: #516081; font-weight: 400; line-height: 26px;padding: 25px 0 0 0; text-transform: inherit;}
.transection_data h3 b{color: #f3b219; font-weight: 600;}
.transection_data h3 span{display: block; font-size: 14px; font-weight: 300; text-transform: inherit;}
.transection_data p{font-size:14px; color: #1f2635; font-weight: 600; line-height: normal; position: absolute; bottom: 15px; width: 100%; text-align: center;}
/* Spend by Category */
.graph h3{font-size: 22px ;color: #516081; font-weight: 300; text-transform: inherit; margin-bottom: 10px;}
.graph .spend_graph{background-color: #fff; min-height: 250px; border: 1px solid #e6e6e6; margin-bottom: 15px;}
.graph .graph_cover{display: inline-block; float: left;margin-right: 14px; max-width: 470px; width: 100%;}
.graph .graph_cover.last_{margin-right: 0;}
.graph .graph_cover .contry_graph{min-height: 245px; width: 100%;  background-color: #fff;}
.graph tspan{font-style: italic;}
#chartobject-1 text.last{display: none;}
#chart{position: relative; padding-top: 10px;}
#chart:after{position: absolute; width: 13%; height: 100%; right: 0; top: 0; background-color: #fff; content: '';}
#chart:before{position: absolute; width:100%; height: 20px; left: 0; bottom: 0; background-color: #fff; content: ''; z-index: 111;}
#chart-container{position: relative;}
#chart-container:before{position: absolute; width:100%; height: 20px; left: 0; bottom: 0; background-color: #fff; content: ''; z-index: 111;}
#pie_chart{position: relative;}
#pie_chart:before{position: absolute; width:100%; height: 20px; left: 0; bottom: 0; background-color: #fff; content: ''; z-index: 111;}
.fusioncharts-label lable{width: 35px; height: 35px; display: inline-block;}

/* Push */
.push{height: 120px;}

/* Footer */
footer{ height: 75px; background: #fff; padding-top: 25px;}
footer .inner_footer{max-width: 823px; width: 100%; margin: 0 auto;}
footer .inner_footer ul{list-style: none;}
footer .inner_footer ul li{display: inline-block; padding-right:12px; position: relative;}
footer .inner_footer ul li:after{position: absolute; width: 5px; height: 1px; content: ''; background-color: #929aac; right: 0; top: 46%;}
footer .inner_footer ul li.last{padding-right:0px;}
footer .inner_footer ul li.last:after{display: none;}
footer .inner_footer ul li a{font-size: 13px; color: #929aac; text-transform: uppercase;}
footer .copy_right{display: block; text-align: center; font-size: 12px; color: #929aac;}


/*-------------------------------Tab Structure------------------------------------ */
.tab_menu{width: 100%; min-height: 50px;background-color: #f8f8f8;}
.tab_menu>li{display: inline-block; float: left; min-width: 138px; background-color: #f8f8f8;height: 50px; text-align: center; border-right: 1px solid #fff; padding: 0 2.5%; border-top: 1px solid; border-top-color: transparent; position: relative; }
.account .tab_menu>li{padding: 0 1.5%;}
.tab_menu>li.active{background-color: #fff; border-right-color: #e6e6e6; border-top-color: #e6e6e6;}
.tab_menu>li.active.deactive{background-color: #f8f8f8;  border-color: transparent;}
.tab_menu>li.deactive{background-color: #f8f8f8;  border-color: transparent; float: right;}
.tab_menu>li.active.deactive a{color: #1f2635;}
.tab_menu>li.active>a{color: #1f2635;}
.tab_menu>li a{display: inline-block; vertical-align: middle;text-align: center; line-height: 50px; text-transform: uppercase; font-size: 14px; color: #a6b0c6;}
.tab_menu>li img{display: inline-block; vertical-align: middle; margin: 0 5px;}
.tab_menu>li a + a{background-image: url(../images/site/drop_arrow_1.png); background-repeat: no-repeat;width: 10px; height: 10px;background-position: center; margin-left: 10px;}
.tab_contener {min-height: 580px; background-color: #fff; border: 1px solid #e6e6e6; border-top: none; width:100%; position: relative; -webkit-transition: .5s ease all; -o-transition: .5s ease all; -moz-transition: .5s ease all;  transition: .5s ease all;}
.tab_contener .tab_{position: absolute; top: 0; left: 0; width: 100%; min-height: 580px; opacity: 0; visibility: hidden;background-color: #fff;-webkit-transition: .5s ease all; -o-transition: .5s ease all; -moz-transition: .5s ease all;  transition: .5s ease all; padding: 20px;}
.tab_contener .tab_ .sub_tab_{position: absolute; top: 0; left: 0; width: 100%; min-height: 580px; visibility: hidden; opacity: 0; background-color: #fff;-webkit-transition: .5s ease all; -o-transition: .5s ease all; -moz-transition: .5s ease all;  transition: .5s ease all; padding: 20px;}
.tab_contener .tab_.active{visibility: visible;opacity: 1;}
.tab_contener .tab_.active .sub_tab_.active{visibility: visible;opacity: 1;}
.tab_menu>li>ul{position: absolute; left: 0;top: 100%; min-width:240px; width: 100%; list-style: none; background-color: #fff; border: 1px solid #ebebeb; z-index: 999; padding: 20px 0px 20px 0; box-sizing: content-box; opacity: 0; visibility: hidden; transition: 0.5s ease all;} 
.tab_menu>li:hover>ul{visibility: visible; opacity: 1;} 
.tab_menu>li>ul>li{display: block; text-align: left; padding-left: 13%; height: 40px;  background-color: #fff; padding-right: 13%;}
.tab_menu>li>ul>li:hover{ background-color: #f5f5f5}
.tab_menu>li>ul>li a{font-size: 14px; color: #516081; display: block;text-align: left; line-height: 40px;}

.tab_head h2{font-size: 30px; color: #516081; font-weight: 300; display: inline-block; vertical-align: top;}
.tab_head h4{display: inline-block; vertical-align: top; color: #516081; margin-top: 15px; margin-left: 20px;}
.tab_head p{font-size: 14px; color: #516081; font-weight: 400; display: block;}
.tab_head .left{float: left; width: 70%; padding-left: 40px;}
.tab_head .right{float: right; width: 30%; position: relative;}
.tab_head .btn{display: inline-block; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background-color: #1f2635;width: 200px;padding-left: 15px; background-image: url(../images/site/right_arrow.png); background-repeat: no-repeat; background-position: 95% center; position: relative; right: -70px;bottom: -26px;}
.tab_head .right .add_account{display: block; background-image: url(../images/site/add_icon.png); background-repeat: no-repeat; background-position: left center; text-align: right;  text-transform: uppercase; ;line-height: 44px; color: #1f2635; width: 75%; margin: 0 auto; margin-right: 2%; font-size: 14px;}
.tab_ .tab_body{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; margin-top: 15px; height: 450px; overflow: hidden;}
.tab_ .tab_body ul {list-style: none;}
.tab_ .tab_body ul li{display: inline-block; vertical-align: top;}
.tab_body ul.headeing li{text-align:left; margin-left: 5%; font-size: 12px; color: #a6b0c6; font-style: italic; background-repeat: no-repeat;}
.tab_body ul.list_content {background-color: #fff; min-height: 35px; padding-left: 20px; position: relative;}
.tab_body ul.list_content li{line-height: 35px;}
.tab_body ul.list_content:hover{background-color: #e8eef9; }
.tab_body ul.list_content.even {background-color: #f9f9f9;}
.tab_body ul.list_content.even:hover{background-color: #e8eef9; }
.tab_body ul.list_content .edit_option a{line-height: 35px; background-color: #1f2635; font-size: 12px; color: #fff; display: inline-block; text-align: center; vertical-align: top;}
.tab_body ul.list_content .edit_option a.delete_option{width: 70px; height: 20px; line-height: 20px; border-radius: 10px;}
.tab_body ul.list_content .edit_option a.right_option,.tab_body ul.list_content .edit_option a.wrong_option{width: 22px; height: 22px; border-radius: 50%; background-repeat: no-repeat; background-position: center;}
.tab_body ul.list_content .edit_option a.right_option{background-image: url(../images/site/wright_icon.png);}
.tab_body ul.list_content .edit_option a.wrong_option{background-image: url(../images/site/wrong_icon.png)}
.tab_body ul.list_content .edit_option a.delete_option_2{width: 52px; height: 22px;display: inline-block; vertical-align: top; color: #1f2635; background-color: transparent; border: 1px solid #1f2635; border-radius: 10px; font-size: 12px; line-height: 22px;}
.tab_body ul.list_content:hover .edit_btn{opacity: 1; visibility: visible;}
.tab_body ul.list_content.active:hover .edit_btn{visibility: hidden; opacity: 0;}
.tab_body ul.list_content .edit_btn{position: absolute; right: 15px; top: 0;visibility: hidden; opacity: 0; transition: .4s ease all;}
.tab_body ul.list_content input[type="text"]{ background-color: transparent; height: 25px; margin-top: 5px; text-align: center;}
.tab_body ul.list_content.active input[type="text"]{ background-color: #fff; }
.tab_body ul.list_content .edit_option {position: absolute;right: 15px; top: 6px; opacity: 0; visibility: hidden; transition: 0.4s ease all;}
.bank_account .tab_body ul.list_content.active .edit_option{visibility: visible; opacity: 1;}
.tab_body ul.list_content.active .edit_option{visibility: visible; opacity: 1;}
ul.headeing { width: 100%; margin-bottom: 10px;}
.step_1{position: absolute; width: 100%; height: 100%; z-index: 11; top: 0; left: 0; background-color: #fff; -o-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; transition: 0.5s ease all;}
.step_2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 111; background-color: #fff; visibility: hidden; opacity: 0; -o-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; transition: 0.5s ease all;}
.sub_tab_.show_nxt_step .step_2{visibility: visible; opacity: 1; }
.sub_tab_.show_nxt_step .step_1{visibility: hidden; opacity: 0; }
.tab_.show_nxt_step .step_2{visibility: visible; opacity: 1; }
.tab_.show_nxt_step .step_1{visibility: hidden; opacity: 0; }
.filter_system select{width: 180px; height: 40px; display: inline-block;padding-left: 15px;}
.filter_system input[type="text"]{width: 110px; height: 40px; display: inline-block; background-image: url(../images/site/cal_back.png); background-size: 25%; background-position: 90% center; background-repeat: no-repeat; padding-right: 35px;}
.totla_ammount{ min-height: 35px; width: 100%; background-color: #516081; position: absolute; top: 100%; left: 0; text-align: right;}
.totla_ammount p{font-size:14px; display: inline-block; line-height: 35px; margin-right: 25px; color: #fff;}
.totla_ammount p strong{font-size:16px; margin-left: 15px;}

/* Pop Up */
.overlay{visibility: hidden; opacity: 0; z-index:99999; -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; transition: 0.4s ease all;}
.popup_contener.active .overlay.active{top: 0;left: 0;position: fixed;width: 100%;height: 100%; opacity: 1; visibility: visible; }
.pop_open{position: relative; z-index: 11;}
.popup_contener.active .add_account_pop{visibility: visible; opacity: 1;}

/*-------------------------------Balance------------------------------------ */
/* Bank Account */
.bank_account .tab_body{padding: 23px 0;}
.deposite .tab_body{padding: 23px 0;}
.bank_account .tab_body ul.headeing li{width: 13%;text-align:left; margin-left: 5%; font-size: 12px; color: #888888; font-style: italic;}
.bank_account .tab_body ul.headeing li+li{width: 8%;text-align:left; margin-left:11%;}
.bank_account .tab_body ul.headeing li+li+li{width: 13%;text-align:left; margin-left:8%;}
.bank_account .tab_body ul.list_content {background-color: #fff; height: 35px; padding-left: 20px; position: relative;}
.bank_account .tab_body ul.list_content:hover{background-color: #e8eef9; }
.bank_account .tab_body ul.list_content.even:hover{background-color: #e8eef9; }
.bank_account .tab_body ul.list_content.even {background-color: #f9f9f9;}
.bank_account .tab_body ul.list_content li{ line-height: 35px; width: 18%; font-size: 14px; color: #888888; }
.bank_account .tab_body ul.list_content li+li{ width: 8%; margin-left: 9.5%;}
.bank_account .tab_body ul.list_content li+li+li{ width: 9%; margin-left: 9%;}
.bank_account .tab_body input[type="text"]{height: 25px; background-color: transparent; padding-left: 22px; margin-top: 5px;}
.bank_account .tab_body ul.list_content .edit_btn{position: absolute; right: 15px; top: 0;visibility: hidden; opacity: 0; transition: .4s ease all;}
.tab_body ul.list_content:hover .edit_btn{opacity: 1; visibility: visible;}
/*.bank_account .tab_body ul.list_content.active input[type="text"]{ background-color: #fff;}*/
/*.bank_account .tab_body ul.list_content .edit_btn.active{opacity: 0; visibility: hidden;}*/
.bank_account .tab_body ul.list_content .edit_btn a{line-height: 35px; font-size: 14px; color: #1f2635;}
.bank_account .tab_body ul.list_content .edit_option {position: absolute;right: 15px; top: 6px; opacity: 0; visibility: hidden; transition: 0.4s ease all;}
.bank_account .tab_body ul.list_content.active .edit_option{visibility: visible; opacity: 1;}
.bank_account .tab_body ul.list_content .edit_option a{line-height: 35px; background-color: #1f2635; font-size: 12px; color: #fff; display: inline-block; text-align: center; vertical-align: top;}
.bank_account .tab_body ul.list_content .edit_option a.delete_option{width: 70px; height: 20px; line-height: 20px; border-radius: 10px;}
.bank_account .tab_body ul.list_content .edit_option a.right_option,.bank_account .tab_body ul.list_content .edit_option a.wrong_option{width: 22px; height: 22px; border-radius: 50%; background-repeat: no-repeat; background-position: center;}
.bank_account .tab_body ul.list_content .edit_option a.right_option{background-image: url(../images/site/wright_icon.png);}
.bank_account .tab_body ul.list_content .edit_option a.wrong_option{background-image: url(../images/site/wrong_icon.png)}
/*Bank account pop up */
.add_account_pop{max-width: 960px; min-height: 405px; position: absolute; top: 30%; left: 0; right: 0; margin: 0 auto; background-color: #fff; opacity: 0; visibility: hidden; z-index: 999999; padding: 22px 40px; }
.add_account_pop h2{font-size: 30px; color: #626e8b; display: block; text-align: center; font-weight: 300; }
.add_account_pop p{font-size: 14px; color: #626e8b; display: block; text-align: center; font-weight: 300; }
.add_account_pop .account_body{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; margin-top: 15px; padding: 40px 0; text-align: center;}
.add_account_pop .account_body label{display: block; vertical-align: middle;}
.add_account_pop .account_body label span{display:inline-block; vertical-align: middle; padding-top: 8px; width: 16%; text-align: left; color: #516081; font-size: 14px; font-weight: 600; opacity: 0.85;}
.add_account_pop .account_body input[type="text"]{width: 30%; margin: 0 auto; margin-left: 10%;margin-bottom: 10px;}
.add_account_pop .add_close{width: 50%; margin: 0 auto; margin-top: 15px;}
.add_account_pop .add_close input[type="submit"]{display: inline-block; width: 186px; height: 40px; font-size:14px; color: #fffefe; background-color: #1f2635; text-transform: uppercase; margin-right: 50px; -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; transition: 0.4s ease all;}
.add_account_pop .add_close input[type="submit"]:hover{cursor: pointer; background-color: #516081;}
.add_account_pop .add_close .pop-close{font-size: 14px; color: #1f2635; text-transform: uppercase; line-height: 35px;}

/* DEPOSITE */
.deposite .ongoing{ position: relative; }
.tab_contener .tab_ .sub_tab_.ongoing{padding-bottom: 30px;}
.ongoing_status{position: absolute; left: 30px; bottom: 3px;}
.ongoing_status p{display: inline-block; line-height: 20px; vertical-align: top; margin-right: 25px; font-size: 14px; color: #a6b0c6; font-style: italic;}
.ongoing_status p img{padding-bottom: 2px; margin-right: 5px;}
.deposite .ongoing .headeing li{width: 7%; font-size: 14px; margin-left: 7%;}
.deposite .ongoing .headeing li+li{width: 10%; margin-left: 14.5%;}
.deposite .ongoing .headeing li+li+li{width: 14%; margin-left: 12.5%;}
.deposite .ongoing ul.list_content{padding-left: 10px;}
.deposite .ongoing ul.list_content li {line-height: 35px;}
.deposite .ongoing ul.list_content li input[type="text"]{width: 90px; padding-left: 15px;}
.deposite .ongoing ul.list_content li+li {padding-top: 2px;margin-left: 2.7%; width: 12%; }
.deposite .ongoing ul.list_content li+li+li {width: 20.5%; margin-left: 8%; padding-top: 0;}
.deposite .ongoing ul.list_content li+li+li+li {padding-top: 2px; width: 100px;}
.deposite .ongoing ul.list_content .edit_btn{position: absolute; right: 15px; top: 0; }
.deposite .ongoing ul.list_content .edit_btn a{font-size: 14px; color: #1f2635;}
.deposite .ongoing ul.list_content .edit_option{position: absolute; right: 5px; top: 0;width: 189px; padding-top: 6px;}
.deactive li{opacity: 0.5;}

/* Auto Deposite */
.deposite .auto_deposite .tab_body{height: 300px; padding:30px 0px 0; margin: 30px 40px 0; }
.deposite .manual_deposite .tab_body{height:250px; padding:30px 0px 0; margin: 30px 40px 0; }
.deposite .tab_body .form_head {margin-bottom: 20px;}
.deposite .tab_body .form_head>label{max-width: 240px; width: 100%; display: inline-block; font-size: 14px; color: #516081; vertical-align: top;}
.deposite .tab_body .form_head p{max-width: 240px; width: 100%; display: inline-block; font-size: 16px; color: #516081; vertical-align: top;}
.deposite .tab_body .form_system {margin-top: 40px;}
.deposite .tab_body .form_system label {display: block; margin-bottom: 10px;}
.deposite .tab_body .form_system label span{max-width: 240px; width: 100%; display: inline-block; font-size: 14px; color: #516081; font-weight: 600; line-height: 40px;}
.deposite .tab_body .form_system input[type="text"]{max-width: 225px; width: 100%; display: inline-block; text-align: center; font-size: 18px; color: #516081; font-weight: 400;}
.deposite .manual_deposite .tab_body .form_system input[type="text"]{font-weight: 600;}
.deposite  input[type="submit"]{ width: 145px; background-color:#1f2635; color: #fffefe; font-size: 14px; margin-top: 20px; margin-left: 60px;}
.deposite  input[type="submit"]:hover{cursor: pointer; opacity:0.8}
.deposite  input[type="reset"]{ width: 145px; background-color:#fff; color: #1f2635; font-size: 14px; display: inline-block; margin-top: 20px;}
.deposite  input[type="reset"]:hover{cursor: pointer;}

/* With Draw */
.withdraw .tab_body{height: 300px; padding:30px 0px 0; margin: 10px 40px 0; }
.withdraw .tab_body .form_head {margin-bottom: 20px;}
.withdraw .tab_body .form_head>label{max-width: 240px; width: 100%; display: inline-block; font-size: 14px; color: #516081; vertical-align: top;}
.withdraw .tab_body .form_head p{max-width: 520px; width: 100%; display: inline-block; font-size: 16px; color: #516081; vertical-align: top;}
.withdraw .tab_body .form_head select{max-width: 225px; width: 100%; display: inline-block; text-align: center; font-size: 16px; color: #516081; padding-left: 15px;}
.withdraw .tab_body .form_head select option{width: 100%; display: block;}
.withdraw .tab_body .form_head a{font-size: 14px; color: #1f2635; display: inline-block; margin-left: 15px; color: #1f2635; font-weight: 600; opacity: 0.85}
.withdraw .tab_body .form_system {margin-top: 30px;}
.withdraw .tab_body .form_system .form_head{margin-bottom: 10px;}
.withdraw .tab_body .form_system .form_head p{line-height: 40px;}
.withdraw .tab_body .form_system>label {display:block; margin-top: 10px; }
.withdraw .tab_body .form_system>label span{max-width: 240px; width: 100%; display: inline-block; font-size: 14px; color: #516081; font-weight: 600; line-height: 40px;}
.withdraw .tab_body .form_system input[type="text"]{max-width: 225px; width: 100%; display: inline-block; text-align: center; font-size: 18px; color: #516081; font-weight: 600;}
.withdraw .tab_body .form_head input[type="text"]{max-width: 225px; width: 100%; display: inline-block; text-align: center; font-size: 18px; color: #516081; font-weight: 600;}
.withdraw .manual_deposite .tab_body .form_system input[type="text"]{font-weight: 600;}
.withdraw  input[type="submit"]{ width: 145px; background-color:#1f2635; color: #fffefe; font-size: 14px; margin-top: 20px; margin-left: 60px; text-transform: uppercase;}
.withdraw  input[type="submit"]:hover{cursor: pointer; opacity:0.8}
.withdraw  input[type="reset"]{ width: 145px; background-color:#fff; color: #1f2635; font-size: 14px; display: inline-block; margin-top: 20px;}
.withdraw  input[type="reset"]:hover{cursor: pointer;}
.withdraw input[type="submit"]{margin-left: 20px;}
/* Load */
.load_system .step_1{padding: 20px;}
.load_system .step_2{padding: 20px;}
.load_system .tab_body{padding: 10px 0;}
.load_system .tab_body ul.headeing li{background-image: url(../images/site/checkbox.png); background-repeat: no-repeat; background-position: center; width: 25px; height: 25px; margin-left: 1%; font-size: 14px;}
.load_system .tab_body ul.headeing li+li{margin-left: 1%; background-image: url(../images/site/filter_arrow.png);background-position: right center; width: 11%}
.load_system .tab_body ul.headeing li+li+li{margin-left: 11%; background-image:none; width: 6%;}
.load_system .tab_body ul.headeing li+li+li+li{margin-left: 24%; background-image: url(../images/site/filter_arrow.png);width: 7%;}
.load_system .tab_body ul.list_content{padding-left: 14px;}
.load_system .tab_body ul.list_content:hover{cursor: pointer;}
.load_system .tab_body ul.list_content li{width: 15.5%;}
.load_system .tab_body ul.list_content li>label{line-height: 35px; color: #888888; font-size: 14px; background-image: url(../images/site/checkbox.png); background-repeat: no-repeat; background-position: left center; padding-left: 23px;}
.load_system .tab_body ul.list_content.active li>label{background-image: url(../images/site/checkbox_check.png)}
.load_system .tab_body ul.list_content li>label:hover{cursor: pointer;}
.load_system .tab_body ul.list_content li input[type="checkbox"]{width: auto; opacity: 0; height: 35px;}
.load_system .tab_body ul.list_content li+li{width: 20%; margin-left: 10%}
.load_system .tab_body ul.list_content li+li+li{margin-left: 11%}
.load_system .withdraw .tab_body {padding: 30px 20px; min-height: 345px;}
.load_system .withdraw .tab_body .form_system i{font-size: 14px; color: #516081; padding: 0 10px; line-height: 40px;}
.load_system .withdraw .tab_body .form_system .form_head{margin-top: 10px; margin-bottom: 0; line-height: 40px;}
/* Auto load */
.auto_load .tab_head .btn{width: 220px; position: initial; margin-left: 16%; margin-top: 10%;}
.auto_load.load_system .tab_body ul.headeing li+li+li{width: 17%;}
.auto_load.load_system .tab_body ul.headeing li+li+li+li{margin-left: 13%; width: 8%;}
/* Ongoing Load  */
.ongoing_load .tab_body{padding: 30px 0;}
.ongoing_load .tab_body ul.headeing li{font-size: 14px; margin-left: 3%; width: 8%;}
.ongoing_load .tab_body ul.headeing li+li{ margin-left: 4%; width: 11%;}
.ongoing_load .tab_body ul.headeing li+li+li{ margin-left: 12.5%;}
.ongoing_load .tab_body ul.headeing li+li+li+li{margin-left: 2%; width: 8%;}
.ongoing_load .tab_body ul.headeing li+li+li+li+li{margin-left: 3%; width: 13%;}
.ongoing_load .tab_body ul.list_content{padding-left: 10px;}
.ongoing_load .tab_body ul.list_content li{width: 6px;}
.ongoing_load .tab_body ul.list_content li+li{width: 11%; margin-left: 1.5%;}
.ongoing_load .tab_body ul.list_content li+li+li{width: 21.5%; margin-left: .5%;}
.ongoing_load .tab_body ul.list_content li+li+li+li{width: 11%; margin-left: 3.5%;}
.ongoing_load .tab_body ul.list_content li+li+li+li+li{width: 11%; margin-left: 0.5%;}
.ongoing_load .tab_body ul.list_content li+li+li+li+li+li{ margin-left: 2.5%;}

/* Card Unload */
.card_unload .step_1{padding: 25px 20px;}
.card_unload .withdraw .form_system .form_head span{ font-size: 14px; font-style: italic; color: #516081; font-weight: 400;}

/* Transfer */
.transfer .tab_head .left{padding-left: 0;}
.transfer.tab_ .sub_tab_{padding: 25px 50px;}
.transfer .main_transfer .withdraw .tab_body{margin: 0; padding: 30px 15px 0;}
.transfer .main_transfer .withdraw .tab_body .form_head p{font-size: 14px;}
.transfer .main_transfer .withdraw .tab_body .form_head label{max-width: 245px;}
.transfer .main_transfer .withdraw .tab_body .form_syatem label span{max-width: 247px;}
.transfer .main_transfer .withdraw .tab_body .form_head select{font-size: 14px;}
.standing_order .withdraw .tab_body{margin: 0; min-height: 430px;}
.standing_order .withdraw .tab_body .form_head {margin-bottom: 5px;}
.standing_order .withdraw .tab_body .form_head a{line-height: 35px; color: #1f2635; font-size: 14px;}
.standing_order .withdraw .tab_body .form_head label{padding-left: 15px; max-width: 270px; font-weight: 600;}
.standing_order .withdraw .tab_body .form_head input[type="text"]{text-align: left;}
.standing_order .withdraw .tab_body .form_system{margin-top: 15px;}
.standing_order .withdraw .tab_body .form_system>label{margin-bottom: 5px; padding-left: 15px;}
.standing_order .withdraw .tab_body .form_system>label span{max-width: 255px;}
.standing_order .withdraw .tab_body .form_system select{max-width: 225px; width: 100%; display: inline-block; text-align: center; font-size: 16px; color: #516081; padding-left: 15px;}
.standing_order .withdraw .tab_body .form_system i{font-size: 14px; color: #516081; padding: 0 10px;}
.standing_order .withdraw .tab_body .form_system.standing_order_radio input[type="radio"]{width: auto; opacity: 0; margin-left: -15px; margin-right: 10px;}
.standing_order .withdraw .tab_body .form_system.standing_order_radio label{background-image: url(../images/site/radio.png); background-repeat:no-repeat; background-position: left center; line-height: 40px;}
.standing_order .withdraw .tab_body .form_system.standing_order_radio label.active{background-image: url(../images/site/radio_check.png);}
.standing_order .withdraw .tab_body .form_system.standing_order_radio label span{max-width: 245px;}
.standing_order .withdraw .tab_body .form_system input[type="text"]{padding-left:0px;}
.standing_order .withdraw .tab_body .form_system .deactive{opacity: 0.6;}
.standing_order .withdraw .tab_body .form_system.standing_order_radio input[type="text"].date{padding-left: 15px; background-image: url(../images/site/cal_back.png); background-repeat: no-repeat; background-position: 95% center; background-size: 11%;}
.transfer.tab_ .sub_tab_.standing_order_list{padding: 20px 20px 55px;}
.transfer.tab_ .sub_tab_.standing_order_list .right a{width: 72%; line-height: 49px;}
.transfer.tab_ .sub_tab_.standing_order_list .ongoing_status{bottom: 23px;}
.transfer .standing_order_list .tab_head .left{padding-left: 40px;}
.standing_order_list.ongoing_load .tab_body{padding: 10px 0 30px 0;}
.standing_order_list.ongoing_load ul.headeing li{width: 10%; margin-left: 5%;}
.standing_order_list.ongoing_load ul.headeing li+li{margin-left: 14%; width: 8%; background-image: url(../images/site/filter_arrow.png); background-repeat: no-repeat; background-position: right center;}
.standing_order_list.ongoing_load ul.headeing li+li+li{margin-left: 5%; width: 8%; background-image: none;}
.standing_order_list.ongoing_load ul.headeing li+li+li+li{margin-left: 6.5%; width: 8%;}
.standing_order_list.ongoing_load ul.list_content li{ color: #888888;}
.standing_order_list.ongoing_load ul.list_content.active li{ color: #888888;}
.standing_order_list.ongoing_load ul.list_content li select{width: 100px; font-size: 14px; color: #888888; height: 25px; margin-top: 5px; background-color: transparent; background-image: none; text-align: center; padding-left: 15px;}
.standing_order_list.ongoing_load ul.list_content li select option{text-align: center;}
.standing_order_list.ongoing_load ul.list_content.active li select{background-color: #fff; background-image: url(../images/site/select_drop.png);}
.standing_order_list.ongoing_load ul.list_content li+li{width: 23%; margin-left: 3%;}
.standing_order_list.ongoing_load ul.list_content li+li+li{width: 8.5%; margin-left:1.5%;}
.standing_order_list.ongoing_load ul.list_content li+li+li+li{width: 11.5%; margin-left:2.5%;}
.standing_order_list.ongoing_load ul.list_content li+li+li+li+li{width: 9.5%; margin-left:2.5%;}
.standing_order_list.ongoing_load ul.list_content li+li+li+li+li+li{width: 9.5%; margin-left:1.5%;}


/*------------------------------- Accounts Pages------------------------------------ */

.account .add_account_{background-image: url(../images/site/add_icon.png); background-repeat: no-repeat; background-position:left center; padding-left: 25px; color: #1f2635; font-size: 14px; font-weight: 600; text-align: right;}
.account .retire_account{background-image: url(../images/site/restic_icon.png); background-repeat: no-repeat; background-position:left center; padding-left:25px; color: #1f2635; font-size: 14px; font-weight: 600;  text-align: right;}
.add_account_page .tab_body{min-height: 205px; height: auto; margin: 15px 34px; padding:35px 20px;}
.add_account_page.deposite .tab_body .form_head p{max-width: 70%; line-height: 35px;}
.add_account_page .tab_body .form_head input[type="radio"]{width: auto; margin-right: 10px; opacity: 0;}
.add_account_page .tab_body .form_head p>label{margin-right: 25px; color: #516081; font-size: 16px; line-height: 35px; background-image: url(../images/site/radio.png); background-repeat: no-repeat; background-position: left center;}
.add_account_page .tab_body .form_head p>label.active{background-image: url(../images/site/radio_check.png)}
.add_account_page .tab_body .form_head label{line-height: 35px;}
.add_account_page .tab_body .form_head input[type="text"]{width: 225px;}
.btn_1{ width: 145px; height: 40px; display: inline-block; background-color:#1f2635; font-size: 14px; color: #fff; text-align: center; line-height: 40px; padding: 0 10px; text-transform: uppercase; background-image:none;}
.retire_card .btn_1{ width: 145px; height: 40px; display: inline-block; background-color:#1f2635; font-size: 14px; color: #fff; text-align: center; line-height: 40px; padding: 0 10px; text-transform: uppercase; background-image:none;}
.add_account_page .btn_1{margin-top: 20px; margin-left: 52px;}

/*Retire Account pop*/
.retire_account_pop{max-width: 798px; width: 100%; min-height: 366px; background-color: #fff; position: absolute; left:0; right: 0; top: 20.6%; margin: 0 auto; z-index: 999999; padding: 20px 35px 30px 35px; visibility: hidden; opacity: 0;}
.popup_contener.active .retire_account_pop{visibility: visible; opacity: 1;}
.retire_account_pop h2{color: #516081; text-align: center; font-weight: 300; margin-bottom: 20px;}
.pop_body{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.retire_account_pop .pop_body{min-height: 190px; padding-top: 15px;}
.retire_account_pop .pop_body label{display:inline-block;padding-left: 25%;margin-top: 25px; width: 53%;}
.retire_account_pop .pop_body label span{display: inline-block; font-size: 14px; color: #516081; min-width: 37%;margin-right: 5%;}
.retire_account_pop .pop_body  p{display: inline-block; font-size: 14px; color: #516081;}
.retire_account_pop .add_close {width: 50%; margin: 0 auto; margin-top: 22px;}
.retire_account_pop .add_close .cancle{ font-size: 14px; color: #1f2635; margin-left: 55px;}
.account_trasection .tab_head .btn{width: 170px; }
.account_trasection .step_1{padding: 20px;}
.tab_contener .tab_ .more_hright{min-height: 620px;}

/* Accounts Transation step 1 */
.account_trasection .load_system .tab_body ul.headeing li{ background-image: none;}
.account_trasection .load_system .tab_body ul.headeing li+li{ background-image: none;}
.account_trasection .load_system .tab_body ul.headeing li+li+li{margin-left: 18%; width: 10%;}
.account_trasection .load_system .tab_body ul.headeing li+li+li+li{background-image:url(../images/site/filter_arrow.png); width: 8%;}
.account_trasection .load_system .tab_body ul.list_content li{width: 30.5%;}
.account_trasection .load_system .tab_body ul.list_content li+li{margin-left: 1.5%; width: 15%;}
.account_trasection .load_system .tab_body ul.list_content li+li+li{margin-left: 14.5%;}
.account_trasection .step_2 {padding: 20px;}
.account_trasection .step_2 .tab_head .left h4{font-size: 14px; padding-top: 5px;}

/* Accounts Transation step 2 */
.trasection_step_2 .tab_head .left{padding-left: 0;}
.trasection_step_2 .tab_head .right .btn{ width: auto; padding: 10px 40px; padding-top: 0; background-image: none; right: auto; bottom: auto;}
.trasection_step_2 .tab_head .right {padding-top: 5.5%;}
.trasection_step_2 .tab_head .right a{display:inline-block; background-repeat: no-repeat; background-position: center; vertical-align:top; margin-left: 20px; float: right;}
.trasection_step_2 .tab_head .right a.print,.trasection_step_2 .tab_head .right a.pdf{ width: 27px; height: 40px;}
.trasection_step_2 .tab_head .right a.pdf{ background-image: url(../images/site/pdf.png);}
.trasection_step_2 .tab_head .right a.print{ background-image: url(../images/site/print.png);}
.trasection_step_2 .tab_body{padding-top: 12px; border-bottom: none; height: 410px;}
.trasection_step_2 ul.headeing li{ color: #888888; font-size: 14px; background-image: url(../images/site/filter_arrow.png); background-repeat: no-repeat; background-position: right center; margin-left: 3%; width: 5%;}
.trasection_step_2 ul.headeing li+li{ margin-left: 9.5%; width: 5%;}
.trasection_step_2 ul.headeing li+li+li{ margin-left: 14%;width: 7%; }
.trasection_step_2 ul.headeing li+li+li+li{ margin-left: 17%;width: 9%;}
.trasection_step_2 ul.headeing li+li+li+li+li{ margin-left: 15%;width: 7%;}
.trasection_step_2 ul.list_content:hover {cursor: pointer;}
.trasection_step_2 ul.list_content li{font-size:14px; color: #888888; width: 8%; margin-left: 0.5%;}
.trasection_step_2 ul.list_content li+li{width: 17%; margin-left: 7%;}
.trasection_step_2 ul.list_content li+li+li{width: 21%; margin-left: 2.5%;}
.trasection_step_2 ul.list_content li+li+li+li{margin-left: 4%;}
.trasection_step_2 ul.list_content li+li+li+li+li{width: 8%; margin-left: 4%;}
.trasection_step_2 ul.list_content li+li+li+li+li+li{width: 0%; margin-left: 4%;}

/* List Cotent Slid */
.list_content_slide .slide_up{background-color: #e8eef9; height: auto; padding: 10px 60px; border: 1px solid #ececec; padding-bottom: 0; display: none;}
.list_content_slide .slide_up .slide_content{background-color: #e8eef9; min-height: 55px; padding: 7px 20px;border: 1px solid #ececec;  border-bottom: 1px solid #d0d7df; transition: .4s ease all; position: relative;}
.list_content_slide .slide_up .slide_content:hover{-webkit-box-shadow: 0px 1px 34px 10px rgba(234,237,244,1);-moz-box-shadow: 0px 1px 34px 10px rgba(234,237,244,1);box-shadow: 0px 1px 34px 10px rgba(234,237,244,1); cursor: pointer; background-color: #ecf1fa;}
.list_content_slide .slide_up .slide_content span{font-size: 14px; color: #a6b0c6; font-style: italic;}
.list_content_slide .slide_up .slide_content p{font-size: 14px; color: #516081; font-style: italic;}
.list_content_slide .slide_up a.add_note{font-size: 14px; color: #1f2635; margin-right: 35px; line-height: 35px;}
.list_content_slide .slide_up .slide_content .edit_del{ position: absolute; right: 15px;top: 26%; opacity: 0; visibility: hidden; -o-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; transition: 0.5s ease all;}
.list_content_slide .slide_up .slide_content:hover .edit_del{ visibility: visible;opacity: 1;}
.list_content_slide .slide_up .edit_del a{width:15px; height: 15px; background-repeat: no-repeat; background-position: center; display: inline-block;}
.list_content_slide .slide_up .edit_del a.edit_slid_txt{background-image: url(../images/site/slide_edit.png);}
.list_content_slide .slide_up .edit_del a.del_slid_txt{background-image: url(../images/site/slide_cancle.png);}
.tab_body .list_content_slide ul.list_content{background-color: #fff; transition: .4s ease all;}
.tab_body .list_content_slide.even ul.list_content{background-color: #f9f9f9;}
.tab_body .list_content_slide.active ul.list_content{background-color: #e8eef9;}
ul.list_content li>a.close_slide{position: absolute; width: 18px; height: 18px; background-image: url(../images/site/close_slide.png); background-repeat: no-repeat; background-position: center; right: 20px;top: 8px; opacity: 0; visibility: hidden; -o-transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; transition: 0.3s ease all;}
.list_content_slide.active ul.list_content li>a.close_slide{visibility: visible; opacity: 1;}

/* Account Statement*/
.account_statement .tab_head .left h4 {font-size: 14px;padding-top: 5px;}
.account_statement.trasection_step_2 ul.headeing li{color: #a6b0c6;}
.account_statement.trasection_step_2 ul.headeing li+li{margin-left: 5.5%; background-image: none;}
.account_statement.trasection_step_2 ul.headeing li+li+li{margin-left: 11%;}
.account_statement.trasection_step_2 ul.headeing li+li+li+li{margin-left: 17.5%;}
.account_statement.trasection_step_2 ul.headeing li+li+li+li+li{margin-left: 15%; background-image: url(../images/site/filter_arrow.png)}
.account_statement.trasection_step_2 ul.headeing li+li+li+li+li+li{margin-left: 4.5%;}
.account_statement.trasection_step_2 ul.list_content li+li{margin-left: 3%; width: 15%;}
.account_statement.trasection_step_2 ul.list_content li+li+li{margin-left:1%; width: 24%;}
.account_statement.trasection_step_2 ul.list_content li+li+li+li+li{margin-left:1%; width: 7%;}
.account_statement.trasection_step_2 ul.list_content li+li+li+li+li+li{margin-left:4%;}
.account_statement.trasection_step_2 ul.list_content li+li+li+li+li+li+li{width: 0; margin-left: 0;}
.account_statement ul.list_content li>a.close_slide{right: 8px;}

/* Card Order */
.card_orders .step_1{padding: 20px;}
.card_orders .step_2{padding: 20px;}
.trasection_step_2 .tab_head h2{padding-left: 40px;}
.trasection_step_2 .filter_system{margin-top: 5px;}
.card_orders .step_2 .tab_head .left h4{font-size: 14px;padding-top: 5px;}
.card_orders .btn_1{float: right; margin-top: 25px;}
.card_orders .step_1 .tab_body ul.headeing li{color: #888888; background-image: url(../images/site/checkbox.png);}
.card_orders .step_1 .tab_body ul.headeing li+li{background-image: none;}
.card_orders .step_1 .tab_body ul.headeing li+li+li{margin-left: 18%; width: 13%; background-image: url(../images/site/filter_arrow.png);}
.card_orders .step_1 .tab_body ul.headeing li+li+li+li{margin-left: 18%;  width: 8.5%}
.card_orders .step_1 .tab_body ul.list_content li{width: 25.5%}
.card_orders .step_1 .tab_body ul.list_content li+li{margin-left: 8%;}
.card_orders .step_1 .tab_body ul.list_content li+li+li{margin-left: 6%;}
.card_orders_list ul.headeing li{color: #a6b0c6;}
.card_orders_list ul.headeing li+li{background-image: none;}

/*------------------------------- Cards Page ------------------------------------ */

/*Add Card */
.tab_body_2{min-height: 140px; border-top: 1px solid #e6e6e6; position:relative; border-bottom:1px solid #e6e6e6; padding-left: 20px;}
.add_card .tab_body{padding: 0; border: none;}
.add_card .tab_body_2{padding-top: 10px;}
.add_card .tab_body_2 .form_head label{margin-top: 25px;}
.add_card .tab_body_2 .form_head p{margin-top: 25px;}
.add_card .tab_body_2 .form_system{ margin-top: 30px; padding-bottom: 15px;}
.add_card input[type="submit"]{margin-bottom: 0;}
.add_card .tab_body .form_system input[type="text"]{ text-align: left; padding-left: 23px;}

/* Retri Card */
.retire_card .load_system .tab_body ul.headeing li{}
.retire_card .load_system .tab_body ul.headeing li+li{margin-left: 2.5%;}
.retire_card .load_system .tab_body ul.headeing li+li+li{background-image: url(../images/site/filter_arrow.png); background-repeat: no-repeat; width: 8%;}
.retire_card .tab_body ul.list_content li>label{padding-left: 35px;}
.retire_card .tab_body ul.list_content.active{background-color:#e8eef9;}
.retire_card .load_system .tab_body ul.list_content li{ color: #888888;}
.retire_card .load_system .tab_body ul.list_content li+li{ margin-left: 4%;}

/* Pop Up */
.retire_card_pop.retire_account_pop .add_close{width: 38%;}
.retire_card_pop.retire_account_pop .retri_pop_content p{ color: #888888;}
.retire_card_pop.retire_account_pop .add_close .cancle{margin-left: 35px;}

/* Card Transection */
.card_trasection_1.account_trasection .step_1 .tab_head .btn{width: 205px;padding-left:31px;}
.card_trasection_1.account_trasection .load_system .tab_body ul.headeing li{background-image: url(../images/site/checkbox.png);}
.card_trasection_1.account_trasection .load_system .tab_body ul.headeing li+li{background-image: url(../images/site/filter_arrow_1.png);}
.card_trasection_1 .load_system .tab_body ul.headeing li+li{width: 10%; }
.card_trasection_1 .load_system .tab_body ul.headeing li+li+li{width: 8%}
.card_trasection_1 ul.list_content li{color: #888888;}
.card_trasection_1 .step_2 .tab_head .left h4{color: #888888;}
.card_trasection_1 .step_2 ul.headeing li{width: 5%; background-image: url(../images/site/filter_arrow_1.png)}
.card_trasection_1 .step_2 ul.headeing li+li{margin-left: 3.3%; background-image: none;}
.card_trasection_1 .step_2 ul.headeing li+li+li{margin-left: 8%;width: 8%}
.card_trasection_1 .step_2 ul.headeing li+li+li+li{margin-left: 4%;width: 8%}
.card_trasection_1 .step_2 ul.headeing li+li+li+li+li{margin-left: 17%;width: 8%}
.card_trasection_1 .step_2 ul.headeing li+li+li+li+li+li{margin-left: 9%;width: 8%}
.card_trasection_1 .step_2 ul.headeing li+li+li+li+li+li+li{margin-left: 2%;width: 7%;  background-image: url(../images/site/filter_arrow_1.png)}
.card_trasection_1 .step_2 ul.list_content li{width: 8%;}
.card_trasection_1 .step_2 ul.list_content li+li{width: 13%;margin-left: 1%;}
.card_trasection_1 .step_2 ul.list_content li+li+li{width: 8%;margin-left: 0.5%;}
.card_trasection_1 .step_2 ul.list_content li+li+li+li{width: 24%;margin-left: 3%;}
.card_trasection_1 .step_2 ul.list_content li+li+li+li+li{width: 14%;margin-left: 2%;}
.card_trasection_1 .step_2 ul.list_content li+li+li+li+li+li{width: 8%;margin-left: 4%;}
.card_trasection_1 .step_2 ul.list_content li+li+li+li+li+li+li{width: 8%;margin-left: 1%;}
.card_trasection_1 .step_2 ul.list_content li+li+li+li+li+li+li+li{width: 0%;margin-left: 0%;}
.card_trasection_1 .step_2 ul.list_content li>a.close_slide{right: 10px;}

/* Card Statement */
.card_statement.account_trasection .load_system .tab_body ul.headeing li{background-image: none;}
.card_statement .tab_body ul.list_content li>label input[type="radio"]{opacity: 0;}
.card_statement .tab_body ul.list_content li>label{background-image: url(../images/site/radio.png)}
.card_statement .tab_body ul.list_content li>label.active{background-image: url(../images/site/radio_check.png)}
.card_statement .step_2 ul.headeing li{width: 5%; background-image: url(../images/site/filter_arrow_1.png)}
.card_statement .step_2 ul.headeing li+li{margin-left: 3.3%; background-image: none;}
.card_statement .step_2 ul.headeing li+li+li{margin-left: 8%;width: 8%}
.card_statement .step_2 ul.headeing li+li+li+li{margin-left: 15%;width: 8%}
.card_statement .step_2 ul.headeing li+li+li+li+li{margin-left: 9%;width: 8%}
.card_statement .step_2 ul.headeing li+li+li+li+li+li{margin-left: 4%;width: 8%}
.card_statement .step_2 ul.headeing li+li+li+li+li+li+li{margin-left: 2%;width: 7%; background-image: none;}
.card_statement .step_2 ul.list_content li{width: 8%;}
.card_statement .step_2 ul.list_content li+li{width: 13%;margin-left: 1%;}
.card_statement .step_2 ul.list_content li+li+li{width: 22%;margin-left: 0.5%;}
.card_statement .step_2 ul.list_content li+li+li+li{width: 17%;margin-left: 1%;}
.card_statement .step_2 ul.list_content li+li+li+li+li{width: 10%;margin-left: 1%;}
.card_statement .step_2 ul.list_content li+li+li+li+li+li{width: 8%;margin-left: 1%;}
.card_statement .step_2 ul.list_content li+li+li+li+li+li+li{width: 9%;margin-left: 3%;}
.card_statement .step_2 ul.list_content li+li+li+li+li+li+li+li{width: 0%;margin-left: 0%;}
.card_statement .step_2 ul.list_content li>a.close_slide{right: 10px;}
.totla_ammount.card_ammount:after{ position: absolute; width: 100%; content: ''; height: 1px; background-color: #fff; left: 0; top: 50%;}

/* Card Menage */
.manage_card .tab_body{ padding-top: 9px;}
.manage_card .tab_body ul.headeing li{ width: 8%; font-size: 14px;}
.manage_card .tab_body ul.headeing li+li{ width: 7%; margin-left: 9%; background-image: url(../images/site/filter_arrow_1.png); background-repeat: no-repeat; background-position: right center;}
.manage_card .tab_body ul.headeing li+li+li{background-image: none; width: 5.5%; margin-left: 11.5%;}
.manage_card .tab_body ul.headeing li+li+li+li+li+li{ width: 12%; margin-left: 5.5%;}
.manage_card .tab_body ul.list_content li{ font-size: 14px; color: #888888; width: 13.5%; margin-left:2.8%;}
.manage_card .tab_body ul.list_content li a.stolen_lost{display: block; height: 25px; border: 1px solid #000; border-radius: 10px; font-size: 14px; line-height: 22.5px; text-align: center; width: 100%; font-weight: 600; margin-top: 5px; background-color: transparent; transition: .5s ease all;}
.manage_card .tab_body ul.list_content li a.stolen_lost{display: block; height: 25px; border: 1px solid #000; border-radius: 10px; font-size: 14px; line-height: 22.5px; text-align: center; width: 100%; font-weight: 600; margin-top: 5px; background-color: transparent; transition: .5s ease all;}
.manage_card .tab_body ul.list_content.stoles_ li a.stolen_lost{ background-color:#a6b0c6; color:#ffffff;border-color:#a6b0c6; }
.manage_card .tab_body ul.list_content.stoles_ li{opacity: 0.7;}
.manage_card .tab_body ul.list_content li input[type="checkbox"]{opacity: 0; height: auto;}
.manage_card .tab_body ul.list_content li label:hover{cursor: pointer;}
.manage_card .tab_body ul.list_content li label.toggle{width: 42px; height: 20px; position: absolute; top: 8px; left: 16%; -o-transition: .4s ease all; -webkit-transition: .4s ease all; -moz-transition: .4s ease all; transition: .4s ease all;}
.manage_card .tab_body ul.list_content li label.toggle:after{width: 42px; height: 20px; position: absolute; content: ''; background-color: #ff5b5b;  border-radius: 10px;z-index: 9; left: 0; top: 0;  -o-transition: .4s ease all; -webkit-transition: .4s ease all; -moz-transition: .4s ease all; transition: .4s ease all;}
.manage_card .tab_body ul.list_content li label.toggle:before{width: 22px; height: 24px; position: absolute; content: ''; background-color: #fefefe; border-radius: 50px;z-index: 99;left: 0.5px;top: -2px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); transition: 0.4s ease all;}
.manage_card .tab_body ul.list_content li label.toggle.active:after{background-color:#33e583;}
.manage_card .tab_body ul.list_content li label.toggle.active:before{left:50%;}
.manage_card .tab_body ul.list_content li .pinn_retrive{font-size: 14px; color: #888888;}
.manage_card .tab_body ul.list_content li a.active_system{position: absolute; width: 75px; height: 25px; border-radius: 15px; color: #FFF; text-align: center; font-size: 14px; line-height: 23.5px; background-color: #1f2635; z-index: 999; left: 0; top: 5px; visibility: hidden; opacity: 0;  -o-transition: .4s ease all; -webkit-transition: .4s ease all; -moz-transition: .4s ease all; transition: .4s ease all;}
.manage_card .tab_body ul.list_content.stoles_ li label.toggle:after{background-color:#a6b0c6;}
.manage_card .tab_body ul.list_content.card_active li label.toggle{visibility: hidden; opacity: 0;}
.manage_card .tab_body ul.list_content.card_active li a.active_system{visibility: visible; opacity: 1;}
/*.manage_card .tab_body ul.list_content:hover li a.active_system{visibility: visible;opacity: 1;}*/
.manage_card .tab_body ul.list_content:hover li label.toggle{opacity: 1; visibility: visible;}
.manage_card .tab_body ul.list_content li+li{margin-left: 3.5%;}
.manage_card .tab_body ul.list_content li+li+li{margin-left: 5.5%;}
.manage_card .tab_body ul.list_content li+li+li+li{margin-left: 0.5%;}
.manage_card .tab_body ul.list_content li+li+li+li+li{margin-left: 5.5%; width: 8.5%;}
.manage_card .tab_body ul.list_content li+li+li+li+li+li{position: relative;}

/* Retrive pin pop */
.retrive_pin_pop{position: absolute; max-width: 790px; width: 100%; min-height: 440px; background-color: #fff; z-index: 9999;}
.retire_account_pop.retrive_pin_pop{z-index: 999999;}
.retrive_pin_pop .pop_body{min-height: 280px;padding: 32px 40px;}
.retrive_pin_pop .pin_box{width: 150px; height: 50px;}
.retrive_pin_pop .pin_description {margin-top: 20px;}
.retrive_pin_pop .pin_description p{ font-size: 16px; color: #868f93; line-height: 25px;}
.retrive_pin_pop .btn_1{margin: 0 auto; display: block; margin-top: 15px;}

/*------------------------------- FQA PAGE ------------------------------------ */

.main_header.fqa_head { height: 40px}
.fqa_head h3{display: inline-block; margin-right: 11px;}
.fqa_head p{display: inline-block; font-size: 14px; color: #a6b0c6; background-image: none; font-weight: normal;}
.fqa_head p span{ color: #1f2635;padding:0 10px;}

.fqas{ min-height: 625px; background-color: #fff; border: 1px solid #e6e6e6; padding: 0 20px 20px;}
.head_fqa p{ font-size: 14px; color: #a6b0c6; font-style: italic; display: block; line-height: 55px; background-image: url(../images/site/bullet_1.png); background-repeat: no-repeat; background-position: left center;padding-left: 20px;}

.questions .problem{width: 100%; min-height: 60px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding-left: 40px; padding-right: 50px;}
.questions .problem a{font-size: 18px; color: #1f2635; display: block; line-height: 60px; position: relative;}
.questions .problem a:before{position: absolute; content: ''; width: 15px; height: 15px; background-image: url(../images/site/filter_arrow_1.png); background-repeat: no-repeat; background-position: center; right: 0; top: 35%; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -o-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; transition: 0.4s ease all;}
.questions .problem a.slide_open:before{-moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.questions .solution{border-bottom: 1px solid #f1f1f1; display: none; height: auto;}
.questions .solution p{font-size: 14px; color: #888888; padding: 20px 55px; }

/*------------------------------- MY ACCOUNT PAGE ------------------------------------ */

.new_account{min-height: 700px; background-color: #fff; border: 1px solid #e6e6e6; padding: 30px;}
.new_account h3{font-size: 14px; display: block; color: #a6b0c6; font-style: italic; font-weight: normal;}
.new_account label{font-size: 14px; color: #516081; font-weight: 900; display: inline-block; max-width: 23%; width: 100%; margin-left: 50px; line-height: 40px; margin-bottom: 7px; margin-right: 4%;}
.new_account input[type="text"],.new_account input[type="email"],.new_account input[type="tel"]{ width: 25%; padding-left: 20px; margin-bottom: 7px; margin-right: 18px;}
.new_account input[type="text"].full,.new_account input[type="email"].full,.new_account input[type="tel"].full{ width: 52%;}
.new_account .account_form{border-bottom: 1px solid #f1f1f1; padding: 15px 0; min-height: 120px;}
.new_account select{width: 52%; font-size: 14px; color: #888888;padding-left: 20px;}
.new_account .reset_pass {border: none;}
.new_account .reset_pass label{line-height: normal;}
.new_account input[type="submit"]{margin-left: 55px; margin-top: 22px;}
.new_account input[type="reset"]{display: inline-block; width: 13%; font-size: 14px; color: #1f2635; margin-top: 22px;}

.new_account ::-webkit-input-placeholder {font-size: 14px; color: #888888;}
.new_account :-moz-placeholder {font-size: 14px; color: #888888;}
.new_account ::-moz-placeholder {font-size: 14px; color: #888888;}
.new_account :-ms-input-placeholder{font-size: 14px; color: #888888;}


/*------------------------------- PEOPLE PAGE ------------------------------------ */

.people .tab_menu{background-color: transparent;}
/* Contact list */
.contact_list .tab_head .left{width: 50%;}
.contact_list .tab_head .right{width: 50%; padding-top: 25px; text-align: right; padding-right: 10px;}
.contact_list .tab_head .right a.add_contact{text-transform: uppercase; background-image: url(../images/site/add_icon.png); background-repeat: no-repeat; padding-left: 25px; margin-right: 25px;}
.contact_list .tab_head .right a.btn_1{min-width: 125px; width: auto;}
.contact_list ul.headeing{margin-top: 10px; margin-left: 8px;}
.contact_list ul.headeing li{ background-image: url(../images/site/checkbox.png); background-repeat: no-repeat; color: #a6b0c6; font-size: 14px; background-position: left center; width: 25px; height: 25px;margin-left: 0;}
.contact_list ul.headeing li+li{width: 6%; margin-left: 3%; background-image: url(../images/site/filter_arrow_1.png); background-position: right center;}
.contact_list ul.headeing li+li+li{margin-left: 16.5%;}
.contact_list ul.list_content.active{background-color: #e2f2f6;}
.contact_list ul.list_content:hover{background-color: #e2f2f6;}
.contact_list ul.list_content.even:hover{background-color: #e2f2f6;}
.contact_list ul.list_content {padding-left: 10px;}
.contact_list ul.list_content li {width: 22%; color: #888888;}
.contact_list ul.list_content li input[type="checkbox"]{opacity: 0;}
.contact_list ul.list_content li label{background-image: url(../images/site/checkbox.png); background-repeat: no-repeat; background-position: left center;width: 100%; display: block; padding-left: 20%;}
.contact_list ul.list_content.active li label{background-image: url(../images/site/checkbox_check.png)}
.contact_list ul.list_content li+li{width: 25%; margin-left: 6.5%;}

/* Remove Contact POP*/
.remove_contact .account_body{ min-height: 215px;}
.remove_contact .account_body p{padding-top: 40px; font-size: 16px; color: #516081; font-weight: 600;}
.remove_contact.invite .account_body p{padding-top: 40px; font-size: 16px; color: #868f93; font-weight: 600;}
.remove_contact.uninvite .account_body p{padding-top: 40px; font-size: 16px; color: #868f93; font-weight: 600;}
.remove_contact .add_close {width: 35%;}
.remove_contact .add_close a.btn_1{min-width: 130px; width: auto; margin-right: 40px;}
.remove_contact.invite .add_close a.btn_1{margin-right: 11px;}
.remove_contact .add_close .invite_close{min-width: 130px; width: auto;  background-color: #868f93; display: inline-block; text-align: center; color: #fff;}

/* Add Contact */
.tab_ .add_contact .tab_body{padding:25px 15px; margin: 15px 50px 0;}
.add_contact .form_head{margin-bottom: 8px;}
.add_contact .form_head label{font-size: 14px; color: #888888; line-height: 40px;max-width: 240px; width: 100%; display: inline-block; font-weight: 600;}
.add_contact .form_head input[type="text"],.add_contact .form_head input[type="email"]{width: 225px;}
.add_contact .tab_body{min-height: 265px; height: auto;}
.add_contact input[type="submit"]{ width: 145px; background-color:#1f2635; color: #fff; margin-top: 15px; margin-left: 50px;}
.add_contact input[type="reset"]{ width: 145px; background-color:transparent; color: #000; margin-top: 15px;}
.add_contact .download_upload{margin-top: 35px;}
#import{ height: 25px; line-height: 25px; background-image: url(../images/site/upload.png); background-repeat: no-repeat; background-position: left center; color: #2abaf3; padding-left: 30px; display: inline-block; margin-right: 45px;}
.download_cv { height: 25px; line-height: 25px; background-image: url(../images/site/download.png); background-repeat: no-repeat; background-position: left center; color: #2abaf3; padding-left: 30px; display: inline-block;}
#import:hover{cursor: pointer;}
.hideMe{display: none;}

/* Pending Invitation */
.panding_invitation .tab_head .right{text-align: right; padding-top: 25px;}
.panding_invitation ul.headeing {margin-top: 15px;}
.panding_invitation ul.headeing li{width: 25px; height: 25px; background-image: url(../images/site/checkbox.png); background-repeat: no-repeat; background-position: left center; margin-left:10px; font-size: 14px; color: #a6b0c6;}
.panding_invitation ul.headeing li+li{width: 6%; background-image: url(../images/site/filter_arrow_1.png); background-position: right center; margin-left: 2%;}
.panding_invitation ul.headeing li+li+li{margin-left: 16.5%;}
.panding_invitation ul.headeing li+li+li+li{width: 11%;margin-left: 14%; background-image: none;}
.panding_invitation ul.headeing li+li+li+li+li{width: 9%;margin-left: 8.5%;}
.panding_invitation ul.list_content {padding-left: 10px;}
.panding_invitation ul.list_content li{width: 18%; margin-left:0px; font-size: 14px; color: #888888;}
.panding_invitation ul.list_content li input[type="checkbox"]{opacity: 0;}
.panding_invitation ul.list_content li label{width: 100%; display: block; background-image: url(../images/site/checkbox.png);background-repeat: no-repeat; background-position: left center; padding-left: 30px;}
.panding_invitation ul.list_content.active li label{background-image: url(../images/site/checkbox_check.png)}
.panding_invitation ul.list_content.active {background-color: #e8eef9;}
.panding_invitation ul.list_content li+li{width: 20%;margin-left: 2%; text-align: center;}
.panding_invitation ul.list_content li+li+li{width: 10%;margin-left: 7.5%; text-align: center;}
.panding_invitation ul.list_content li+li+li+li{width: 22%;margin-left: 8.5%; text-align: left;}

/* Active User */
.panding_invitation.active_user ul.headeing li+li+li+li{margin-left: 16%}

/*------------------------------- REQARDS ------------------------------------ */
.rewards .tab_menu{background-color: transparent;}
/*Redeem*/
.contact_red .tab_head .right{text-align: right; padding-top: 25px; padding-right: 10px;}
.contact_red .tab_head .right .btn_1 {width: 120px;}
.contact_red ul.headeing {margin-top: 12px;}
.contact_red ul.headeing li{width: 25px; height: 25px; background-image: url(../images/site/checkbox.png); background-repeat: no-repeat; background-position: left center; margin-left:10px; font-size: 14px; color: #a6b0c6;}
.contact_red ul.headeing li+li{width: 10.5%; background-image: url(../images/site/filter_arrow_1.png); background-position: right center; margin-left: 2.5%;}
.contact_red ul.headeing li+li+li{background-image: none; width: 7%; margin-left: 9%;}
.contact_red ul.headeing li+li+li+li{background-image: url(../images/site/filter_arrow_1.png); width: 13%; margin-left: 25%;}
.contact_red .tab_body ul.list_content{padding-left: 10px;}
.contact_red ul.list_content li input[type="checkbox"]{opacity: 0;}
.contact_red ul.list_content li label{width: 100%; display: block; background-image: url(../images/site/checkbox.png);background-repeat: no-repeat; background-position: left center; padding-left: 35px;}
.contact_red ul.list_content.active {background-color: #e8eef9; }
.contact_red ul.list_content.active li label{background-image: url(../images/site/checkbox_check.png)}
.contact_red ul.list_content li {font-size: 14px; color: #888888; width: 23%;}
.contact_red ul.list_content li+li {margin-left: 2%; width: 30%;}
.contact_red ul.list_content li+li+li{margin-left: 3%; }
.add_account_pop.redeem_pop .account_body {text-align: left; padding: 52px 0% 0px 27%;}
.add_account_pop.redeem_pop .account_body label{display: inline-block; font-size: 14px; color: #717c95; width: 32%; font-weight: 600; line-height: normal;margin-bottom: 35px; vertical-align: top;}
.add_account_pop.redeem_pop .account_body p{display: inline-block; font-size: 16px; color: #717c95; font-weight: 600; width: calc(66% - 4px); text-align: left; padding-left: 12%; line-height:normal; margin-bottom: 35px; vertical-align: top;}
.add_account_pop.redeem_pop .add_close{width: 30%;}
.add_account_pop.redeem_pop .add_close .btn_1{margin-right: 35px; width: 109px;}
.add_account_pop.redeem_pop .add_close .redeem_pop_close{ font-size: 14px; color: #1f2635; font-weight: 600;}

/* Activites*/
.actvites .tab_head .right{padding-right: 25px;}
.actvites .tab_head h4{font-size: 14px; margin-top: 21px; }
.actvites ul.headeing li{width: 6.5%; margin-left: 3%; font-size: 14px; color: #a6b0c6;}
.actvites ul.headeing li+li{width: 12%; margin-left: 11.5%; background-image: none;}
.actvites ul.headeing li+li+li{width: 6%; margin-left: 8.5%;}
.actvites ul.headeing li+li+li+li{width: 7%; margin-left: 24.5%; background-image: url(../images/site/filter_arrow_1.png);}
.actvites ul.headeing li+li+li+li+li{width: 12%; margin-left: 6.5%;}
.actvites ul.list_content li{margin-left: 5px; width: 12%;}
.actvites ul.list_content li+li{margin-left: 6.5%; width: 17%;}
.actvites ul.list_content li+li+li{width: 29%;margin-left: 2.5%;}
.actvites ul.list_content li+li+li+li{width: 10%;margin-left: 3.5%;}
.actvites ul.list_content li+li+li+li+li{width: 11%;margin-left:4%;}

.error ul li{list-style-position: inside; list-style-image: url(../images/site/bullet_1.png)}
.error_img{width: 30%;}
.error_img img{width: 100%;}
@media print {
    body * {
        visibility: hidden;
    }
    .section-to-print, .section-to-print * {
        overflow: visible !important;
        visibility: visible;
    }
    .tab_ .tab_body{overflow: visible!important;}
    .tab_ .tab_body.section-to-print {height: auto;}
    .section-to-print {
        position: absolute;
        left: 0;
        top: -200px !important;
        width: 100%;
        height: auto ;
        border: none;
    }
}