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

.page-list-item {display: block;}
.page-view-item {display: none;}
.page-subview-item1 {display: none;}
.page-subview-item2 {display: none;}


.fc-left button, .fc-right button {
	background: #4285f4;
	border: 1px solid #3c7de8;
	font-family: robotobold;
	font-size: 12px;
	text-transform: uppercase;
	width: 90px;
	padding: 5px 0px;
} 

.fc-left button:hover, .fc-right button:hover {
	background: #3273dd;
	border: 1px solid #3c7de8;
}

.fc-center h2 {font-family: robotobold; font-size: 22px !important; font-weight: normal;}

.fc-day-header span {font-family: robotobold; text-transform: uppercase; font-size: 11px;}

.fc-content span {font-family: robotobold; text-transform: uppercase; font-size: 11px; padding: 2px; border-radius: 1px;}

.tooltip {background: #fff !important; width: 120px !important;}
.tooltip-inner {font-family: robotobold; color:#4e4e4e; font-size: 11px; text-transform: uppercase; text-align: left; width: 100%;}

.graph-yesData {display: block;}
.graph-noData {
	width: 100%;
	height: 250px;
	float: left;
	display: none;
}

.graph-noData.home {
	height: 180px;
}

.graph-noData.oview {
	height: 220px;
}

.graph-noData .content {
	width: 100%;
	float: left;
	text-align: center;
	top: 50%;
	position: relative;
	margin-top: -40px;
}

.graph-noData .content .icon {
	width: 100%;
	float: left;
	font-size: 40px;
	/*color: #72b7f9;	*/
	color: #4285f4;
}

.graph-noData.blue .content .icon {
	width: 100%;
	float: left;
	font-size: 40px;
	color: #72b7f9;	
}

.graph-noData .content .label {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 10px;
	text-transform: uppercase;
	color: #7a7a7a;
}

.graph-noData.blue .content .label {
	color: #fff;
}


/************************************BOX TEMPLATE [start]************************************/

/**BOX - White [start]**/

.box-white {width: 100%; min-height: 100px; float: left;background-color: #fff;border: 1px solid #dfdfdf; display: flex;}
.box-white.graph .shadow ul {display: flex;}
.box-white.graph .shadow ul li:first-child{border-right: 1px solid #dfdfdf;}
.box-white.graph .shadow ul li .body-margin{padding:30px; display: flex;}
.box-white .shadow {width: 100%;float: left;border-bottom: 1px solid #bcbcbc; overflow: hidden;}
.box-white.calendar .shadow {min-height: 665px;}
.box-white.mini {min-height: 1px;}

.box-white .shadow .box-header {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #4c4c4c;
	padding: 15px 20px;
	border-bottom: 1px solid #dfdfdf;
	text-align: left;
}

.box-white .shadow .box-header i {margin-right: 5px;}
.box-white .shadow .body-margin,.box-white .shadow .body-margin2,.box-white .shadow .body-margin3, .box-white .shadow .body-nomargin {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	font-family: robotolight;
	color: #4c4c4c;
}
.box-white .shadow .body-margin {padding: 20px;}
.box-white .shadow .body-margin2 {padding: 25px;}
.box-white .shadow .body-margin3 {padding: 40px;}
.box-white .shadow .body-nomargin {padding: 0px;}
.box-white .shadow .box-footer {width: 100%;float: left;padding: 20px;border-top: 1px solid #ebebeb;}
.box-white .shadow .box-footer .leftPos {width: auto;float: left;}
.box-white .shadow .box-footer .rightPos {width: auto;float: right;}
.box-white .shadow .box-footer .fullPos {width: 100%;float: left;}

/**BOX - White [end]**/

/**BOX - Blue [start]**/

.box-blue {width: 100%; min-height: 200px; float: left;background-color: #4285f4;border-top: 1px solid #3677e2;border-left: 1px solid #3677e2;border-right: 1px solid #3677e2;border-bottom: 1px solid #dfdfdf; display: flex;}
.box-blue .shadow {width: 100%;float: left;border-bottom: 1px solid #2654a0; overflow: hidden;}
.box-blue .shadow .box-header {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	padding: 15px 20px;
	border-bottom: 1px solid #6ea1f7;
	text-align: left;
}
.box-blue .shadow .box-header2 {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	padding: 15px 15px;
	border-bottom: 1px solid #6ea1f7;
	text-align: left;
}
.box-blue .shadow .body-margin, .box-blue .shadow .body-nomargin, .box-blue .shadow .body-margin2 {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	font-family: robotolight;
	color: #fff;
}
.box-blue .shadow .body-margin {padding: 20px;}
.box-blue .shadow .body-margin2 {padding: 15px;}
.box-blue .shadow .body-nomargin {padding: 0px;}

/**BOX - Blue [end]**/

/************************************BOX TEMPLATE [end]************************************/

/************************************LAYOUT TEMPLATE [end]************************************/

ul.row {width: 100%;float: left;}
ul.row li {width: 100%;float: left;display: list-item;margin-bottom: 10px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
ul.row li:last-child {margin-bottom: 0px;}
ul.row li ul li {margin-bottom: 0px;}

ul.column {width: 100%;float: left;}
ul.column li {width: auto; float: left;display: inline;padding-right: 10px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
ul.column li ul li {padding-right: 0px;}
ul.column li:nth-child(4) {padding-right: 0px;}

div.hbody-full {width: 100%;float: left;}
div.hbody-compact {width: 100%; max-width: 800px; margin: 0 auto;}
div.hbody-left {width: auto;float: left;padding-right: 10px; width: 75%;}
div.hbody-right {width: auto;float: left; width: 25%;}

#channel-list li {margin-bottom:10px;}
#channel-list li ul li, #channel-list li:last-child {margin-bottom:0px;}

/************************************LAYOUT TEMPLATE [end]************************************/

/************************************TITLE TEMPLATE [start]************************************/

.title-type1-topmargin {
	width: 100%;
	float: left;
	font-family: robotothin;
	font-size: 28px;
	line-height: 28px;
	color: #1a1a1a;
	text-align: left;
	letter-spacing: -1px;
	padding: 18px 0px;
}

.title-type1-nomargin {
	width: 100%;
	float: left;
	font-family: robotothin;
	font-size: 28px;
	line-height: 28px;
	color: #1a1a1a;
	text-align: left;
	letter-spacing: -1px;
	padding: 18px 0px;
	margin-top: -18px;
}

/************************************TITLE TEMPLATE [end]************************************/

/************************************COLORS [start]************************************/

.c-blue {color: #4285f4;}
.c-blue-b {color: #4285f4; font-family: robotobold;}

.c-bluegreen {color: #53c3db;}
.c-bluegreen-b {color: #53c3db; font-family: robotobold;}

.c-red {color: #f67b7b;}
.c-red-b {color: #f67b7b; font-family: robotobold;}
/*.c-red {color: #f05155;}*/

.c-gray {color: #7f7f7f;}
.c-gray-b {color: #7f7f7f; font-family: robotobold;}

.c-darkgray {color: #494949;}
.c-darkgray-b {color: #494949; font-family: robotobold;}

.c-orange {color: #ffb967;}
.c-orange-b {color: #ffb967; font-family: robotobold;}

.c-white {color: #fff; font-family: robotobold;}
.c-white {color: #fff; font-family: robotobold;}

.c-green {color: #8cc63f;}
.c-green-b {color: #8cc63f; font-family: robotobold;}

/************************************COLORS [end]************************************/

/************************************FORM TEMPLATE [start]************************************/

input[type=text],input[type=password],input[type=file], select, textarea {
    width: 100%;
    font-family: robotoreg !important;
    font-size: 14px;
  	color: #757575 !important;
  	background: #fff;
    border: 1px solid #ebebeb !important;
    outline: 0px;
    border-radius:3px; 
    transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

input[type=text],input[type=password],input[type=file], textarea {padding: 10px 13px}
select {padding: 9px 13px !important;}
select option.default {color: #757575;font-family: robotolight !important;}

input[type=text]:focus,input[type=password]:focus,input[type=file]:focus, select:focus, textarea:focus {
	border: 1px solid #4285f4 !important;

	-webkit-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-moz-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-ms-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-o-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	box-shadow:0px 0px 10px rgba(66,133,244,0.5);
}

.sp input[type=text],.sp input[type=password] {font-family: robotomed;font-size: 18px;line-height: 18px;border: 3px solid #4285f4;border-radius:5px;padding: 18px;text-align: center;}

input[type=text]::placeholder, input[type=password]::placeholder, input[type=file]::placeholder, select::placeholder, textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #918f8f !important;font-family: robotolight!important;}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=file]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #918f8f!important; font-family: robotolight!important;}
input[type=text]::-ms-input-placeholder, nput[type=password]::-ms-input-placeholder, input[type=file]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */color: #918f8f!important; font-family: robotolight!important;}

input[type=text]:focus::placeholder, input[type=password]:focus::placeholder, input[type=file]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #757575 !important;;font-family: robotoreg !important;;}
input[type=text]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=file]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #757575 !important;;font-family: robotoreg !important;;}
input[type=text]:focus::-ms-input-placeholder, input[type=password]:focus::-ms-input-placeholder, input[type=file]:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { /* Microsoft Edge */color: #757575 !important;;font-family: robotoreg !important;;}

input[type=radio], input[type=checkbox] {
	float: left;
    font-family: robotoreg;
    font-size: 14px;
  	color: #757575;
  	background: #fff;
    border: 1px solid #ebebeb;
    outline: 0px;
    border-radius:100px;
    transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

input.parsley-error,select.parsley-error,textarea.parsley-error{border: 1px solid #c0392b;}

.ui-corner-all {
	font-family: robotoreg !important;
    font-size: 13px !important;
  	color: #757575 !important;
  	text-align: left;
  	
}

/************************************FORM TEMPLATE [end]************************************/

/************************************FORM LAYOUT [start]************************************/

.form-margin {padding: 50px; float: left; width: 100%; text-align: left;}
.form-notice {width: 100%;float: left;font-family: robotolight;font-size: 12px;color: #4285f4;margin-bottom: 10px;}
.form-notice.red {color: #ec6a6a;}
.form-header {width: 100%; float: left; font-family: robotobold; font-size: 15px; line-height:15px; color: #4c4c4c; border-top: 1px solid #4285f4; background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right; padding: 15px 0px 7px 0px; margin:15px 0px 5px 0px;}
.form-header .fh-subheader  {width: 100%;float: left;}
.form-header .fh-subheader .bubble {
	width: auto !important;
	float: left;
	background: #eef4fd;
	border: 1px solid #e0e8f4;
	padding: 10px !important;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
	border-radius: 3px;
	color: #83868b;
	margin-top: 15px;
}
.form-header .fh-subheader .bubble .pointer {width: all;float: left;margin-top: -20px;}
.form-header2 {width: 100%; float: left; font-family: robotobold; font-size: 15px; line-height:15px; color: #4c4c4c; border-top: 1px solid #a4c4fa; padding: 15px 0px 7px 0px; margin:15px 0px 5px 0px;}
.form-header3 {width: 100%; float: left; font-family: robotobold; font-size: 15px; line-height:15px; color: #4c4c4c; border-top: 1px solid #a4c4fa; padding: 15px 0px 7px 0px; margin:15px 0px 5px 0px; margin-top: -2px;}
.form-header4 {width: 100%; float: left; font-family: robotobold; font-size: 15px; line-height:15px; color: #4c4c4c; padding: 0px 0px 7px 0px; margin:15px 0px 5px 0px; margin-top: -2px;}
.form-layout {width: 100%;float: left;}
.form-layout li {width: 100%;float: left;display: list-item;padding: 5px 0px; text-align: left;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.form-layout li.cut {border-bottom: 1px solid #d9d9d9;}
.form-layout li.cut .btn-pos {padding-bottom: 10px;}
.form-layout li.cut .btn-pos .right li:first-child {font-family: robotoreg; font-size: 12px; color:#8b8b8b; margin-top: 9px;}
.form-layout li.banknotice .highlight {width: auto;float: left;background: #eef4fd;border: 1px solid #e0e8f4;padding: 10px 25px;border-radius: 3px;}
.form-layout li.banknotice .highlight .title {width: auto;float: left;font-family: robotobold;font-size: 13px;color: #8f8f8f;color: #4285f4;}
.form-layout li.banknotice .highlight .r-form {width: auto;float: left;margin-left: 10px;margin-top: 2px;}
.form-layout li.banknotice .highlight .r-form label {padding-left: 5px;margin-top: 0px;font-family: robotobold; line-height: 12px;float: left;}
.form-layout li ul li {width: auto;display: inline;}
.form-layout li ul.row2 li {width: 50%;padding: 0px 5px;}
.form-layout li ul.row2 li:first-child {padding-left: 0px;}
.form-layout li ul.row2 li:last-child {padding-right: 0px;}
.form-layout li ul.row2-offset1 li {width: auto;padding: 0px 5px;}
.form-layout li ul.row2-offset1 li:first-child {padding-left: 0px; width: 25%;}
.form-layout li ul.row2-offset1 li:last-child {padding-right: 0px; width: 75%;}
.form-layout li ul.row2-offset2 li {width: auto;padding: 0px 5px;}
.form-layout li ul.row2-offset2 li:first-child {padding-left: 0px; width: 75%;}
.form-layout li ul.row2-offset2 li:last-child {padding-right: 0px; width: 25%;}
.form-layout li ul.row2-offset3 li {width: auto;padding: 0px 5px;}
.form-layout li ul.row2-offset3 li:first-child {padding-left: 0px; width: 40%;}
.form-layout li ul.row2-offset3 li:last-child {padding-right: 0px; width: 60%;}

.form-layout li ul.row2 li ul.childs li {width: 100% !important;float: left;display: list-item; padding: 0px; margin-bottom: 10px;}
.form-layout li ul.row2 li ul.childs li.pic {width: 100%;min-height: 143px !important;float: left;border: 1px solid #e5e5e5;border-radius: 5px;margin-top: 0px; font-family: robotobold;font-size: 26px;line-height: 0px; text-align: center; color: #d3deeb; overflow: hidden; cursor: pointer;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
.form-layout li ul.row2 li ul.childs li.pic img {width: 100%; line-height: 0px;}
.form-layout li ul.row2 li ul.childs li.cpic {width: 100%; float: left;margin: 20px 0px!important;}
.form-layout li ul.row2 li ul.childs li.epic {width: 100%; float: left;margin: 37px 0px!important; padding-bottom: 1px;}
.form-layout li ul.row2 li ul.childs li.cpic .circle {border: 1px solid #e5e5e5; width: 150px; height: 150px; border-radius: 100px;margin: 0 auto; overflow: hidden;}
.form-layout li ul.row2 li ul.childs li.cpic .circle img {width: 100%;}
.form-layout li ul.row2 li ul.childs li.epic .rectangle {border: 1px solid #e5e5e5; width: 250px; height: 115px; border-radius: 3px;margin: 0 auto; overflow: hidden;}
.form-layout li ul.row2 li ul.childs li.epic .rectangle img {width: 100%;}

.form-layout li ul.row2-offset3 li ul.childs li {width: 100% !important;float: left;display: list-item; padding: 0px; margin-bottom: 10px;}
.form-layout li ul.row2-offset3 li ul.childs li.pic {width: 100%;min-height: 143px !important;float: left;border: 1px solid #e5e5e5;border-radius: 5px;margin-top: 0px; font-family: robotobold;font-size: 26px;line-height: 0px; text-align: center; color: #d3deeb; overflow: hidden; cursor: pointer;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
.form-layout li ul.row2-offset3 li ul.childs li.pic img {width: 100%; line-height: 0px;}
.form-layout li ul.row2-offset3 li ul.childs li.cpic {width: 100%; float: left;margin: 20px 0px!important;}
.form-layout li ul.row2-offset3 li ul.childs li.epic {width: 100%; float: left;margin: 37px 0px!important; padding-bottom: 1px;}
.form-layout li ul.row2-offset3 li ul.childs li.cpic .circle {border: 1px solid #e5e5e5; width: 150px; height: 150px; border-radius: 100px;margin: 0 auto; overflow: hidden;}
.form-layout li ul.row2-offset3 li ul.childs li.cpic .circle img {width: 100%;}
.form-layout li ul.row2-offset3 li ul.childs li.epic .rectangle {border: 1px solid #e5e5e5; width: 250px; height: 115px; border-radius: 3px;margin: 0 auto; overflow: hidden;}
.form-layout li ul.row2-offset3 li ul.childs li.epic .rectangle img {width: 100%;}

.form-layout li ul.row3 li {width: 33%;padding: 0px 5px;}
.form-layout li ul.row3 li:first-child {padding-left: 0px;}
.form-layout li ul.row3 li:last-child {padding-right: 0px !important; width: 34%;}
.form-layout li ul.row4 li {width: 25%;padding: 0px 5px;}
.form-layout li ul.row4 li:first-child {padding-left: 0px;}
.form-layout li ul.row4 li:last-child {padding-right: 0px;}
.form-layout li ul.row4-endicon li {width: 32%;padding: 0px 5px;}
.form-layout li ul.row4-endicon li:first-child {padding-left: 0px;}
.form-layout li ul.row4-endicon li:last-child {padding-right: 0px; width: 4%;}
.form-layout li ul.row2 li.radio, .form-layout li ul.row2 li.checkbox {margin-top: 15px;}
.form-layout li ul.row3 li.radio, .form-layout li ul.row3 li.checkbox {margin-top: 15px;}

.form-layout li ul.row6 li {width: 16.6%;padding: 0px 5px;}
.form-layout li ul.row6 li:first-child {padding-left: 0px;}
.form-layout li ul.row6 li:last-child {padding-right: 0px;}

.form-layout li.radio, .form-layout li.checkbox {width: auto;margin-top: 3px;}
.form-layout li.radio ul li, .form-layout li.checkbox ul li {width: auto;display: inline;}
.form-layout li.radio ul li.label, .form-layout li.checkbox ul li.label {color: #918f8f;font-family: robotolight;font-size: 14px;margin-top: -4px; padding-right: 10px;}
.form-layout li.radio ul li label, .form-layout li.checkbox ul li label {padding-left: 5px;margin-top: 0px;font-size: 12px;line-height: 12px;float: left;}
.form-layout li span {width: 100%;float: left;display: block;margin-top: 5px;padding-left: 5px;font-size: 12px; line-height: 12px;color: #7a7a7a;}
.form-layout li .formlabel {width: 100%;float: left;display: block;margin-bottom: 7px;font-size: 11px; line-height: 11px;color: #7a7a7a; display: block; font-family: robotobold; text-transform: uppercase; color: #5c5c5c; margin-left: -3px;}
.form-layout li .formlabel-c {width: 100%;float: left;display: block;margin-bottom: 7px;font-size: 11px; line-height: 11px;color: #7a7a7a; display: block; font-family: robotobold; text-transform: uppercase; color: #5c5c5c; margin-left: -5px;text-align: center;}
.form-layout li .formSubTitle {width: 100%; float: left; font-family: robotobold; font-size: 12px; text-transform: uppercase; color: #4285f4; padding: 10px 10px; border: 1px solid #b3cdf7; border-radius: 3px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.form-btn {width: 100%;float: left;margin-top: 15px;}
.form-layout li ul li .btn-graybox {margin-top: 0px;}
.form-layout li.amount input {font-size: 32px; line-height: 32px; font-family: robotolight; text-align: right;}
.form-layout li.amount span {text-align: right; float: left; width: calc(100% - 6px)}
.form-layout li .formlabel.desease-info {font-family: robotobold; margin-top: 15px; font-size: 12px; margin-bottom: 10px; float: left; }

.form-layout li.amount .currency {
	width: auto;
	float: left;
	background: #4286f5;
	border: 1px solid #3675df;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 10px;
	border-radius: 2px;
	margin-top: -44px;
	margin-left: 20px;
	z-index: 1;
	position: relative;
}

.form-layout li.amount .currency-red {
	width: auto;
	float: left;
	background: #f05160;
	border: 1px solid #e44453;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 10px;
	border-radius: 2px;
	margin-top: -44px;
	margin-left: 20px;
	z-index: 1;
	position: relative;
}

.form-layout li.amount .currency-orange {
	width: auto;
	float: left;
	background: #ffb967;
	border: 1px solid #f5ac56;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 10px;
	border-radius: 2px;
	margin-top: -44px;
	margin-left: 20px;
	z-index: 1;
	position: relative;
}

.form-layout li.certno input {
	border: 2px solid #4285f4 !important;
	font-size: 22px !important;
	text-align: center;
	text-transform: uppercase;
	font-family: robotobold !important;
	margin-top: 5px;
	letter-spacing: 2px;
}

.form-layout li.certno .certnobox {
	border: 2px solid #4285f4 !important;
	font-size: 22px !important;
	text-align: center;
	text-transform: uppercase;
	font-family: robotobold !important;
	margin-top: 5px;
	letter-spacing: 5px;
	float: left;
	padding: 10px;
	border-radius: 3px;
	width: 100%;
	color: #3a3a3a;
}


.form-layout li.vacctitle {border: 1px solid #4285f4; border-radius: 3px; font-family: robotobold; font-size: 12px; text-transform: uppercase;color: #4285f4; padding: 10px; margin-top: 10px; margin-bottom: 5px;}
.form-layout li.vacctitle.second-dose {margin-top: 20px;}
.form-layout li.certno input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */font-family: robotobold !important; font-size: 18px;}
.form-layout li.certno input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-family: robotobold !important; font-size: 18px;}
.form-layout li.certno input::-ms-input-placeholder { /* Microsoft Edge */ font-family: robotobold !important; font-size: 18px;}

.form-layout li.desease-section {border-top: 1px solid #cddbf1; margin-top: 5px;}
.form-layout li.nameLenght-section {margin-top: -10px;}

.formremreq-pos1 {
	width: 18px !important;
	height: 18px !important;
	border-radius: 100px !important;
	background: #4285f4 !important;
	padding: 0px !important;
	color: #fff !important;
	text-align: center !important;
	line-height: 17px !important;
	font-size: 11px !important;
	display: inline-block !important;
	margin-top: -5px !important;
	margin-left: 5px !important;
	font-family: robotobold !important;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.formremreq-pos2 {
	width: 18px !important;
	height: 18px !important;
	border-radius: 100px !important;
	background: #4285f4 !important;
	padding: 0px !important;
	color: #fff !important;
	text-align: center !important;
	line-height: 17px !important;
	font-size: 11px !important;
	display: inline-block !important;
	margin-top: -30px !important;
	margin-left: 5px !important;
	margin-right: 10px !important;
	float: right;
	position: relative !important;
	font-family: robotobold !important;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.formremreq-pos3 {
	width: 18px !important;
	height: 18px !important;
	border-radius: 100px !important;
	background: #4285f4 !important;
	padding: 0px !important;
	color: #fff !important;
	text-align: center !important;
	line-height: 17px !important;
	font-size: 11px !important;
	display: inline-block !important;
	margin-top: -30px !important;
	margin-left: 5px !important;
	margin-right: 40px !important;
	float: right;
	position: relative !important;
	font-family: robotobold !important;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.data-list li ul li:hover div {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1.0;}
.data-list li .tr-nodata {width: 100%; border: 1px solid #ffb2b2; padding: 20px; text-align: center; float: left; border-radius: 3px; margin-top: 20px;}
.data-list li .tr-nodata .icon {width: 100%; float: left; font-size: 30px; color: #f26666; float: left;}
.data-list li .tr-nodata .label {width: 100%; float: left; font-family: robotobold; font-size: 13px; color: #f26666; float: left; text-transform: uppercase; margin: 5px 0px;}
.data-list li .tr-nodata .msg {width: 100%; float: left; font-family: robotoreg; font-size: 14px; color: #555;}
.data-list li .tr-nodata .msg span {font-family: robotobold;}

.form-deleteconfirm {width: 100%;float: left;background: #fff2f2;border: 1px solid #f4dfdf;padding: 25px;margin-bottom: 10px;}
.form-deleteconfirm .icon {width: 15%;float: left;text-align: left;font-size: 45px;line-height: 45px;color: #f67b7b;margin-top:0px;}
.form-deleteconfirm .msg {width: 85%;float: left;text-align: left;font-family: robotolight;font-size: 15px;line-height: 15px;color:#87909c; margin-top: 5px;}

.form-msgonly {width: 100%;float: left;background: #f5f9fe;border: 1px solid #e7ebf1;padding: 25px;margin-bottom: 10px;}
.form-msgonly .icon {width: 18%;float: left;text-align: left;font-size: 45px;line-height: 45px;color: #4285f4;margin-top:5px;}
.form-msgonly .msg {width: 82%;float: left;text-align: left;font-family: robotolight;font-size: 15px;line-height: 15px;color:#585858;}
.form-datalist {width: 100%;float: left;}
.form-datalist.adjust {margin-top: -15px;}
.form-datalist li {width: 100%;float: left;display: list-item;padding: 15px 0px;text-align: left;border-bottom: 1px solid #e8e8e8;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.form-datalist li:last-child {border-bottom: 0px;}
.form-datalist li ul li {width: auto;float: left;display: inline;border-bottom: 0px;padding: 0px;}
.form-datalist li .label {width: 100%;float: left;font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;margin-bottom: 5px;color: #707070;padding-left: 1px;}
.form-datalist li .output {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px; word-break: break-all;}
.form-datalist li ul.row2 li {width: 50%;float: left;border-left: 1px solid #e8e8e8;padding-left: 15px;}
.form-datalist li ul.row2 li:first-child {border-left: 0px;padding-left: 0px;}
.form-datalist li ul.row2-offset-l li, .form-datalist li ul.row2-offset-r li {width: auto;float: left;border-left: 1px solid #e8e8e8;padding-left: 15px;}
.form-datalist li ul.row2-offset-l li:first-child {width: 67%;padding-left: 0px;border-left: 0px;}
.form-datalist li ul.row2-offset-l li:last-child {width: 33%:;}
.form-datalist li ul.row2-offset-r li:first-child {width: 34%;padding-left: 0px;border-left: 0px;}
.form-datalist li ul.row2-offset-r li:last-child {width: 66%;}
.form-datalist li ul.row3 li {width: 33%;float: left;border-left: 1px solid #e8e8e8;padding-left: 15px;}
.form-datalist li ul.row3 li:first-child {width: 34%;padding-left: 0px;border-left: 0px;}
.form-datalist li ul.row2 li ul li, .form-datalist li ul.row3 li ul li {width: 100%;float: left;border-left: 0px;}
.form-datalist li .optionxbtn {width: auto !important;float: right;z-index: 1;position: relative;margin-bottom: -100px;}
.form-datalist li .optionxbtn .btnset {width: auto;float: left;margin-left: 5px;}

.form-text-area {width: 100%; float: left;}

/************************************FORM LAYOUT [end]************************************/

/************************************LIST LAYOUT [start]************************************/

.listview-layout {width: 100%;float: left; text-align: left;}
.listview-layout li {width: 100%;float: left;display: inline;border-bottom: 1px solid #e8e8e8;padding: 12px 0px;}
.listview-layout li ul li {width: auto;float: left;border-bottom: 0px;padding: 0px 0px;}
.listview-layout li ul li.label {width: 25%;float: left;font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;color: #888888;margin-top: 1px;}
.listview-layout li ul li.output {width: 75%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #6a6a6a;}
.listview-layout .footer {width: 100%;float: left;margin-top: 40px;}

/************************************LIST LAYOUT [end]************************************/

/************************************PIC/SIG/ID VIEW LAYOUT [start]************************************/

.pop-viewpic {width: 420px;height: 420px;margin: 0 auto;border: 1px solid #d3deeb;border-radius: 5px;overflow: hidden;}
.pop-viewpic img {width: 100%;height: 100%;}

.pop-viewid {width: 100%;height: auto;margin: 0 auto;border: 1px solid #d3deeb;border-radius: 5px;overflow: hidden; line-height: 0px;}
.pop-viewid img {width: 100%;height: auto; line-height: 0px;}

.pop-viewsig {width: 100%;height: 207px;margin: 0 auto;border: 1px solid #d3deeb;border-radius: 5px;overflow: hidden;}
.pop-viewsig img {width: 100%;height: auto;}
.pop-viewsig .mask {width: 100%;height: 207px;position: relative;z-index: 1;margin-bottom: -207px;}

/************************************PIC/SIG/ID VIEW LAYOUT [end]************************************/

/************************************QR SCAN [start]************************************/

.qrScanner-appointment {
	width: 100%;
	float: left;
}

.qrScanner-appointment .camArea {
	width: 100%;
	height: 350px;
	border-radius: 3px;
	background: #1f1f1f;
}

.qrScanner-appointment .footer {
	width: 100%;
	float: left;
	margin-top: 25px;
}

/************************************QR SCAN [end]************************************/

/************************************BUTTONS [start]************************************/

/**BTN - Blue Box [start]**/

.btn-bluebox a {
	width: auto;
	min-width: 130px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
	text-align: center;
	display: block;
	background: #fff;	
	font-family: robotobold;
	color: #4285f4;	
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #e7e7e7;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-bluebox a:hover {background-color: #4285f4;border: 1px solid #3a7ce9;color: #fff;}

.btn-bluebox-b {
	cursor: pointer;
	outline: none;
	width: auto;
	min-width: 130px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
	text-align: center;
	display: block;
	background: #fff;
	font-family: robotobold;
	color: #4285f4;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #e7e7e7;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-bluebox-b:hover {background-color: #4285f4;border: 1px solid #3a7ce9;color: #fff;}

/**BTN - Blue Box [end]**/

/**BTN - Gray Box [start]**/

.btn-graybox a {
	width: auto;
	min-width: 130px;
	text-align: center;
	display: block;
	background: #f2f2f2;
	font-size: 12px;
	line-height: 12px;
	font-family: robotobold;
	color: #a9a9a9;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-graybox a:hover {background-color: #4285f4;border: 1px solid #3a7ce9;color: #fff;}

.btn-graybox-b {
	cursor: pointer;
	outline: none;
	width: auto;
	min-width: 130px;
	text-align: center;
	display: block;
	background: #f2f2f2;
	font-size: 12px;
	line-height: 12px;
	font-family: robotobold;
	color: #a9a9a9;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-graybox-b:hover {background-color: #4285f4;border: 1px solid #3a7ce9;color: #fff;}

/**BTN - Gray Box [end]**/

/**BTN - Blue Solid [start]**/

.btn-bluesolid a {
	width: auto;
	text-align: center;
	display: block;
	background: #4285f4;
	min-width: 130px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
	font-family: robotobold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #3a7ce9;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-bluesolid a:hover {background-color: #2b6edc;border: 1px solid #3a7ce9;color: #fff;}

.btn-bluesolid-b {
	cursor: pointer;
	outline: none;
	width: auto;
	text-align: center;
	display: block;
	background: #4285f4;
	min-width: 130px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
	font-family: robotobold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #3a7ce9;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-bluesolid-b:hover {background-color: #2b6edc;border: 1px solid #3a7ce9;color: #fff;}

/**BTN - Blue Solid [end]**/

/**BTN - Gray Solid [start]**/

.btn-graysolid a {
	width: auto;
	text-align: center;
	display: block;
	background: #f2f2f2;
	min-width: 130px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
	font-family: robotobold;
	color: #a9a9a9;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-graysolid a:hover {background-color: #4285f4;border: 1px solid #3a7ce9;color: #fff;}

.btn-graysolid-b {
	cursor: pointer;
	outline: none;
	width: auto;
	text-align: center;
	display: block;
	background: #f2f2f2;
	min-width: 130px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
	font-family: robotobold;
	color: #a9a9a9;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-graysolid-b:hover {background-color: #4285f4;border: 1px solid #3a7ce9;color: #fff;}

/**BTN - Gray Solid [end]**/

/**BTN - White Solid [start]**/

.btn-whitesolid a {
	width: auto;
	min-width: 130px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
	text-align: center;
	display: block;
	background: #fff;
	font-family: robotobold;
	color: #4c4c4c;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #e7e7e7;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-whitesolid a:hover {border: 1px solid #3a7ce9;color: #4285f4;}

.btn-whitesolid-b {
	cursor: pointer;
	outline: none;
	width: auto;
	min-width: 130px;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 15px;
	text-align: center;
	display: block;
	background: #fff;
	font-family: robotobold;
	color: #4c4c4c;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #e7e7e7;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-whitesolid-b:hover {border: 1px solid #4285f4;color: #4285f4;}

/**BTN - White Solid [end]**/

/**BTN - White Text [start]**/

.btn-whitetext a {
	width: 100%;
	text-align: center;
	display: block;
	background: none;
	font-size: 11px;
	line-height: 11px;
	font-family: robotobold;
	color: #fff;
	border: 1px solid #4285f4;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 2px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.btn-whitetext a:hover {border: 1px solid #7aa9f8;}

/**BTN - White Text [end]**/

/**BTN - Box Icon [start]**/

.btn-boxicon-lnk a {
	width: 25px !important;
	height: 25px !important;
	border: 1px solid #dfdfdf !important;
	display: block;	
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	border-radius: 3px;	
	cursor: pointer;
	color: #8d8d8d;
	background: #fff;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.btn-boxicon-lnk a:hover {background: #4285f4;color: #fff;border:1px solid #3779e6 !important;}

.btn-boxicon {
	width: 25px !important;
	height: 25px !important;
	border: 1px solid #dfdfdf !important;
	display: block;	
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	border-radius: 3px;	
	cursor: pointer;
	color: #8d8d8d !important;
	background: #fff;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.btn-boxicon:hover {background: #4285f4 !important;color: #fff !important;border:1px solid #3779e6 !important;}

/**BTN - Box Icon [end]**/

/**BTN - Circle Icon [start]**/

.btn-circleicon-b {
	width: 26px;	
	height: 26px;
	outline: none;
	display: block;
	text-decoration: none;
	border-radius: 100px;
	border: 1px solid #dfdfdf;
	font-size: 11px;
	line-height: 24px;
	color: #7a7a7a;
	text-align: center;
	cursor: pointer;
	float: left;
	background: #fff;
	padding: 0px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.btn-circleicon a {
	width: 26px;	
	height: 26px;
	outline: none;
	display: block;
	text-decoration: none;
	border-radius: 100px;
	border: 1px solid #dfdfdf;
	font-size: 11px;
	line-height: 27px;
	color: #7a7a7a;
	text-align: center;
	cursor: pointer;
	float: left;
	background: #fff;
	padding-right: 1px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.btn-circleicon2 a {
	width: 26px;	
	height: 26px;
	outline: none;
	display: block;
	text-decoration: none;
	border-radius: 100px;
	border: 1px solid #dfdfdf;
	font-size: 11px;
	line-height: 27px;
	color: #7a7a7a;
	text-align: center;
	cursor: pointer;
	float: left;
	background: #fff;
	padding: 0px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
.btn-circleicon-b:hover, .btn-circleicon a:hover, .btn-circleicon2 a:hover {background: #4285f4;border: 1px solid #3779e6;color: #fff;}
.btn-label-box {width: auto;float: left;padding: 10px 0px;}
.btn-label-box .btn-pos {width: auto;float-left;}
.btn-label-box .btn-label {
	width: auto;
	float: left;
	font-family: robotobold;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	margin-top: 7px;
	margin-left: 10px;
}

/**BTN - Circle Icon [end]**/

/**BTN - Switch [start]**/

.btn-switch-on {width: 25px !important;height: 10px !important;border-radius: 100px;border: 1px solid #b7cfee !important;float: left;background: #fff;}
.btn-switch-on .node-b, .btn-switch-on .node a {
	width: 10px !important; 
	height: 10px !important; 
	background: #4285f4; 
	border: 1px solid #377bec !important; 
	border-radius: 100px; 
	margin-top: -1px; 
	cursor: pointer; 
	float: left;
	outline: none;
}

.btn-switch-off {width: 25px !important;height: 10px !important;border-radius: 100px;border: 1px solid #dddddd !important;float: left;background: #ededed;}
.btn-switch-off .node-b, .btn-switch-off .node a {
	width: 10px !important; 
	height: 10px !important; 
	background: #cdcdcd; 
	border: 1px solid #c2c2c2 !important; 
	border-radius: 100px; 
	margin-top: -1px; 
	cursor: pointer; 
	float: right !important;
	outline: none;
}

.btn-switch-off {display: none;}

/**BTN - Switch [end]**/

/**BTN Position [start]**/

.btn-pos {width: 100%; float: left; text-align: center;}
.btn-pos .full {width: 100%; float: left;}
.btn-pos .full-v {width: 100%; float: left;}
.btn-pos .full-v li {width: 100%; float: left;display: list-item;margin-bottom: 10px !important;}
.btn-pos .full-v li:last-child {margin-bottom: 0px;}
.btn-pos .left {width: auto; float: left;}
.btn-pos .left li {width: auto !important;float: left !important;display: inline-block; padding: 0px 8px 0px 0px !important; border: 0px !important;}
.btn-pos .right {width: auto; float: right;}
.btn-pos .right li {width: auto !important;float: left !important;display: inline-block; padding: 0px 0px 0px 8px !important; border: 0px !important;}
.btn-pos .center {width: auto; display: inline-block;}
.btn-pos .center li {width: auto !important;float: left !important;display: inline-block; padding: 0px 4px !important;border: 0px !important;}

/**BTN Position [end]**/

/************************************BUTTONS [end]************************************/

/************************************TRANSACTION PROCESS [start]************************************/

#t-process {width: 100%;float: left;}
#t-process li .header .hleft {width: auto;float: left;}
#t-process li .header .hright {width: auto;float: right;}

/********************Transaction Process Bar [start]********************/

#process-bar {width: 100%;float: left;}
#process-bar li {float: left;background: #fff;border: 1px solid #dfdfdf;margin-left: -1px;}
#pbar3 li {width: 33%;}
#pbar3 li:last-child {width: calc(33% + 8px);}
#pbar4 li {width: 25%;}
#pbar4 li:last-child {width: calc(25% + 4px);}
#process-bar li ul li {border: 0px;margin-left: 0px;}

#process-bar li .box {
	width: 100%;
	float: left;
	border-bottom: 1px solid #bcbcbc;
	padding: 14px 12px 11px 12px;	
	text-align: center;	
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#process-bar li .box .pos {width: auto;display: inline-block;}
#process-bar li .box .pos li {width: auto;float: left;display: inline;background: none;}

#process-bar li .box .pos li.no {
	width: 20px;
	height: 20px;
	line-height: 17px;
	border: 1px solid #3b7deb;
	border-radius: 100px;
	background: #4285f4;
	font-family: robotobold;
	font-size: 12px;
	margin-right: 10px;
	color: #fff;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#process-bar li .box .pos li.title {
	font-family: robotolight;
	font-size: 16px;
	color: #4e4e4e;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

/**Process Bar Step 1 - Active State [start]**/
#pb-box1 {background: #4285f4; border-bottom: 1px solid #2654a0 !important;}
#pb-title1 {color: #fff !important;}
#pb-no1 {background: #fff !important;color: #4285f4 !important;}
/**Process Bar Step 1 - Active State [end]**/

/********************Transaction Process Bar [end]********************/

/********************Transaction Slider [start]********************/

#process-slider-container {width: 100%;float: left;overflow: hidden;}

#process-slider-container #process-slider {
	width: 400% !important;
	margin-left: 0%;
	float: left;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}

#p-slide1 {width: 25%;float: left;}
#p-slide2 {width: 25%;float: left;}
#p-slide3 {width: 25%;float: left;}
#p-slide4 {width: 25%;float: left;}

#p-slide1 li, #p-slide2 li, #p-slide3 li, #p-slide4 li {margin-bottom: 10px;}
#p-slide1 li:last-child, #p-slide1 li ul li, #p-slide2 li:last-child, #p-slide2 li ul li, #p-slide3 li:last-child, #p-slide3 li ul li, #p-slide4 li:last-child, #p-slide4 li ul li {margin-bottom: 0px;}

#process-btn-active {display: none;}

/********************Transaction Slider [end]********************/

/********************Overview Slider [start]********************/

#rview-slider-container {width: 100%;float: left;overflow: hidden;}

#rview-slider-container #rview-slider {
	width: 400% !important;
	margin-left: 0%;
	float: left;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}

.rv-section {width: 25%;float: left;}

/********************Transaction Slider [end]********************/

/********************Back Button [start]********************/

.bck-CAT-home {float: left;display: none;}

.process-backBtn {
	width: auto;
	float; left;
	display: block;
	font-size: 20px;
	border: 1px solid #ebeaea;
	padding: 2px 4px 2px 7px;
	cursor: pointer;
	margin:-4px 10px -4px -8px;
	border-radius: 3px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.process-backBtn:hover {color: #4285f4;border:1px solid #4285f4;}

.page-backBtn a {
	width: auto;
	float; left;
	display: block;
	font-size: 20px;
	border: 1px solid #ebeaea;
	padding: 2px 4px 2px 7px;
	cursor: pointer;
	margin:-4px 10px -4px -8px;
	border-radius: 3px;
	color: #4c4c4c;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.page-backBtn a:hover {color: #4285f4;border:1px solid #4285f4;}

.page-nextBtn a {
	width: auto;
	float; left;
	display: block;
	font-size: 20px;
	border: 1px solid #ebeaea;
	padding: 2px 3px 2px 9px;
	cursor: pointer;
	margin:-4px -10px -4px -8px;
	border-radius: 3px;
	color: #4c4c4c;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.page-nextBtn a:hover {color: #4285f4;border:1px solid #4285f4;}

.bck-CAT, .bck-PROD, .bck-INFO, .bck-DATA, .bck-CONF, .bck-FEE, .bck-remFEE {float: left; display: inline-block;}
.bck-CAT-full, .bck-PROD-full, .bck-INFO-full, .bck-DATA-full, .bck-CONF-full {float: left; display: inline-block; width: 100%;}

/********************Back Button [end]********************/

/********************Transaction Process Box Header [start]********************/

.CAT-plist-1, .CAT-plist-2, .CAT-plist-3, .CAT-plist-4, .CAT-plist-5, .CAT-plist-6, .CAT-plist-7, .CAT-plist-8, .CAT-plist-9, .CAT-plist-10 {display: none;}
.CAT-plist-11, .CAT-plist-12, .CAT-plist-13, .CAT-plist-14, .CAT-plist-15, .CAT-plist-16, .CAT-plist-17, .CAT-plist-18, .CAT-plist-19, .CAT-plist-20 {display: none;}
.CAT-plist-21, .CAT-plist-22, .CAT-plist-23, .CAT-plist-24, .CAT-plist-25, .CAT-plist-26, .CAT-plist-27, .CAT-plist-28, .CAT-plist-29, .CAT-plist-30 {display: none;}
.CAT-plist-31, .CAT-plist-32, .CAT-plist-33, .CAT-plist-34, .CAT-plist-35, .CAT-plist-36, .CAT-plist-37, .CAT-plist-38, .CAT-plist-39, .CAT-plist-40 {display: none;}
.CAT-plist-41, .CAT-plist-42, .CAT-plist-43, .CAT-plist-44, .CAT-plist-45, .CAT-plist-46, .CAT-plist-47, .CAT-plist-48, .CAT-plist-49, .CAT-plist-50 {display: none;}

.CAT-plist-header-1, .CAT-plist-header-2, .CAT-plist-header-3, .CAT-plist-header-4, .CAT-plist-header-5, .CAT-plist-header-6, .CAT-plist-header-7, .CAT-plist-header-8, .CAT-plist-header-9, .CAT-plist-header-10 {display: none;}
.CAT-plist-header-11, .CAT-plist-header-12, .CAT-plist-header-13, .CAT-plist-header-14, .CAT-plist-header-15, .CAT-plist-header-16, .CAT-plist-header-17, .CAT-plist-header-18, .CAT-plist-header-19, .CAT-plist-header-20 {display: none;}
.CAT-plist-header-21, .CAT-plist-header-22, .CAT-plist-header-23, .CAT-plist-header-24, .CAT-plist-header-25, .CAT-plist-header-26, .CAT-plist-header-27, .CAT-plist-header-28, .CAT-plist-header-29, .CAT-plist-header-30 {display: none;}
.CAT-plist-header-31, .CAT-plist-header-32, .CAT-plist-header-33, .CAT-plist-header-34, .CAT-plist-header-35, .CAT-plist-header-36, .CAT-plist-header-37, .CAT-plist-header-38, .CAT-plist-header-39, .CAT-plist-header-40 {display: none;}
.CAT-plist-header-41, .CAT-plist-header-42, .CAT-plist-header-43, .CAT-plist-header-44, .CAT-plist-header-45, .CAT-plist-header-46, .CAT-plist-header-47, .CAT-plist-header-48, .CAT-plist-header-49, .CAT-plist-header-50 {display: none;}

.prod-DATA-1-1, .prod-DATA-1-2, .prod-DATA-1-3, .prod-DATA-1-4, .prod-DATA-1-5, .prod-DATA-1-6, .prod-DATA-1-7, .prod-DATA-1-8, .prod-DATA-1-9, .prod-DATA-1-10 {display: none;}
.prod-DATA-1-11, .prod-DATA-1-12, .prod-DATA-1-13, .prod-DATA-1-14, .prod-DATA-1-15, .prod-DATA-1-16, .prod-DATA-1-17, .prod-DATA-1-18, .prod-DATA-1-19, .prod-DATA-1-20 {display: none;}
.prod-DATA-1-21, .prod-DATA-1-22, .prod-DATA-1-23, .prod-DATA-1-24, .prod-DATA-1-25, .prod-DATA-1-26, .prod-DATA-1-27, .prod-DATA-1-28, .prod-DATA-1-29, .prod-DATA-1-30 {display: none;}
.prod-DATA-1-31, .prod-DATA-1-32, .prod-DATA-1-33, .prod-DATA-1-34, .prod-DATA-1-35, .prod-DATA-1-36, .prod-DATA-1-37, .prod-DATA-1-38, .prod-DATA-1-39, .prod-DATA-1-40 {display: none;}
.prod-DATA-1-41, .prod-DATA-1-42, .prod-DATA-1-43, .prod-DATA-1-44, .prod-DATA-1-45, .prod-DATA-1-46, .prod-DATA-1-47, .prod-DATA-1-48, .prod-DATA-1-49, .prod-DATA-1-50 {display: none;}

.prod-DATA-2-1, .prod-DATA-2-2, .prod-DATA-2-3, .prod-DATA-2-4, .prod-DATA-2-5, .prod-DATA-2-6, .prod-DATA-2-7, .prod-DATA-2-8, .prod-DATA-2-9, .prod-DATA-2-10 {display: none;}
.prod-DATA-2-11, .prod-DATA-2-12, .prod-DATA-2-13, .prod-DATA-2-14, .prod-DATA-2-15, .prod-DATA-2-16, .prod-DATA-2-17, .prod-DATA-2-18, .prod-DATA-2-19, .prod-DATA-2-20 {display: none;}
.prod-DATA-2-21, .prod-DATA-2-22, .prod-DATA-2-23, .prod-DATA-2-24, .prod-DATA-2-25, .prod-DATA-2-26, .prod-DATA-2-27, .prod-DATA-2-28, .prod-DATA-2-29, .prod-DATA-2-30 {display: none;}
.prod-DATA-2-31, .prod-DATA-2-32, .prod-DATA-2-33, .prod-DATA-2-34, .prod-DATA-2-35, .prod-DATA-2-36, .prod-DATA-2-37, .prod-DATA-2-38, .prod-DATA-2-39, .prod-DATA-2-40 {display: none;}
.prod-DATA-2-41, .prod-DATA-2-42, .prod-DATA-2-43, .prod-DATA-2-44, .prod-DATA-2-45, .prod-DATA-2-46, .prod-DATA-2-47, .prod-DATA-2-48, .prod-DATA-2-49, .prod-DATA-2-50 {display: none;}

.prod-DATA-3-1, .prod-DATA-3-2, .prod-DATA-3-3, .prod-DATA-3-4, .prod-DATA-3-5, .prod-DATA-3-6, .prod-DATA-3-7, .prod-DATA-3-8, .prod-DATA-3-9, .prod-DATA-3-10 {display: none;}
.prod-DATA-3-11, .prod-DATA-3-12, .prod-DATA-3-13, .prod-DATA-3-14, .prod-DATA-3-15, .prod-DATA-3-16, .prod-DATA-3-17, .prod-DATA-3-18, .prod-DATA-3-19, .prod-DATA-3-20 {display: none;}
.prod-DATA-3-21, .prod-DATA-3-22, .prod-DATA-3-23, .prod-DATA-3-24, .prod-DATA-3-25, .prod-DATA-3-26, .prod-DATA-3-27, .prod-DATA-3-28, .prod-DATA-3-29, .prod-DATA-3-30 {display: none;}
.prod-DATA-3-31, .prod-DATA-3-32, .prod-DATA-3-33, .prod-DATA-3-34, .prod-DATA-3-35, .prod-DATA-3-36, .prod-DATA-3-37, .prod-DATA-3-38, .prod-DATA-3-39, .prod-DATA-3-40 {display: none;}
.prod-DATA-3-41, .prod-DATA-3-42, .prod-DATA-3-43, .prod-DATA-3-44, .prod-DATA-3-45, .prod-DATA-3-46, .prod-DATA-3-47, .prod-DATA-3-48, .prod-DATA-3-49, .prod-DATA-3-50 {display: none;}

.prod-DATA-4-1, .prod-DATA-4-2, .prod-DATA-4-3, .prod-DATA-4-4, .prod-DATA-4-5, .prod-DATA-4-6, .prod-DATA-4-7, .prod-DATA-4-8, .prod-DATA-4-9, .prod-DATA-4-10 {display: none;}
.prod-DATA-4-11, .prod-DATA-4-12, .prod-DATA-4-13, .prod-DATA-4-14, .prod-DATA-4-15, .prod-DATA-4-16, .prod-DATA-4-17, .prod-DATA-4-18, .prod-DATA-4-19, .prod-DATA-4-20 {display: none;}
.prod-DATA-4-21, .prod-DATA-4-22, .prod-DATA-4-23, .prod-DATA-4-24, .prod-DATA-4-25, .prod-DATA-4-26, .prod-DATA-4-27, .prod-DATA-4-28, .prod-DATA-4-29, .prod-DATA-4-30 {display: none;}
.prod-DATA-4-31, .prod-DATA-4-32, .prod-DATA-4-33, .prod-DATA-4-34, .prod-DATA-4-35, .prod-DATA-4-36, .prod-DATA-4-37, .prod-DATA-4-38, .prod-DATA-4-39, .prod-DATA-4-40 {display: none;}
.prod-DATA-4-41, .prod-DATA-4-42, .prod-DATA-4-43, .prod-DATA-4-44, .prod-DATA-4-45, .prod-DATA-4-46, .prod-DATA-4-47, .prod-DATA-4-48, .prod-DATA-4-49, .prod-DATA-4-50 {display: none;}

.prod-DATA-5-1, .prod-DATA-5-2, .prod-DATA-5-3, .prod-DATA-5-4, .prod-DATA-5-5, .prod-DATA-5-6, .prod-DATA-5-7, .prod-DATA-5-8, .prod-DATA-5-9, .prod-DATA-5-10 {display: none;}
.prod-DATA-5-11, .prod-DATA-5-12, .prod-DATA-5-13, .prod-DATA-5-14, .prod-DATA-5-15, .prod-DATA-5-16, .prod-DATA-5-17, .prod-DATA-5-18, .prod-DATA-5-19, .prod-DATA-5-20 {display: none;}
.prod-DATA-5-21, .prod-DATA-5-22, .prod-DATA-5-23, .prod-DATA-5-24, .prod-DATA-5-25, .prod-DATA-5-26, .prod-DATA-5-27, .prod-DATA-5-28, .prod-DATA-5-29, .prod-DATA-5-30 {display: none;}
.prod-DATA-5-31, .prod-DATA-5-32, .prod-DATA-5-33, .prod-DATA-5-34, .prod-DATA-5-35, .prod-DATA-5-36, .prod-DATA-5-37, .prod-DATA-5-38, .prod-DATA-5-39, .prod-DATA-5-40 {display: none;}
.prod-DATA-5-41, .prod-DATA-5-42, .prod-DATA-5-43, .prod-DATA-5-44, .prod-DATA-5-45, .prod-DATA-5-46, .prod-DATA-5-47, .prod-DATA-5-48, .prod-DATA-5-49, .prod-DATA-5-50 {display: none;}

.prod-DATA-6-1, .prod-DATA-6-2, .prod-DATA-6-3, .prod-DATA-6-4, .prod-DATA-6-5, .prod-DATA-6-6, .prod-DATA-6-7, .prod-DATA-6-8, .prod-DATA-6-9, .prod-DATA-6-10 {display: none;}
.prod-DATA-6-11, .prod-DATA-6-12, .prod-DATA-6-13, .prod-DATA-6-14, .prod-DATA-6-15, .prod-DATA-6-16, .prod-DATA-6-17, .prod-DATA-6-18, .prod-DATA-6-19, .prod-DATA-6-20 {display: none;}
.prod-DATA-6-21, .prod-DATA-6-22, .prod-DATA-6-23, .prod-DATA-6-24, .prod-DATA-6-25, .prod-DATA-6-26, .prod-DATA-6-27, .prod-DATA-6-28, .prod-DATA-6-29, .prod-DATA-6-30 {display: none;}
.prod-DATA-6-31, .prod-DATA-6-32, .prod-DATA-6-33, .prod-DATA-6-34, .prod-DATA-6-35, .prod-DATA-6-36, .prod-DATA-6-37, .prod-DATA-6-38, .prod-DATA-6-39, .prod-DATA-6-40 {display: none;}
.prod-DATA-6-41, .prod-DATA-6-42, .prod-DATA-6-43, .prod-DATA-6-44, .prod-DATA-6-45, .prod-DATA-6-46, .prod-DATA-6-47, .prod-DATA-6-48, .prod-DATA-6-49, .prod-DATA-6-50 {display: none;}

.prod-DATA-7-1, .prod-DATA-7-2, .prod-DATA-7-3, .prod-DATA-7-4, .prod-DATA-7-5, .prod-DATA-7-6, .prod-DATA-7-7, .prod-DATA-7-8, .prod-DATA-7-9, .prod-DATA-7-10 {display: none;}
.prod-DATA-7-11, .prod-DATA-7-12, .prod-DATA-7-13, .prod-DATA-7-14, .prod-DATA-7-15, .prod-DATA-7-16, .prod-DATA-7-17, .prod-DATA-7-18, .prod-DATA-7-19, .prod-DATA-7-20 {display: none;}
.prod-DATA-7-21, .prod-DATA-7-22, .prod-DATA-7-23, .prod-DATA-7-24, .prod-DATA-7-25, .prod-DATA-7-26, .prod-DATA-7-27, .prod-DATA-7-28, .prod-DATA-7-29, .prod-DATA-7-30 {display: none;}
.prod-DATA-7-31, .prod-DATA-7-32, .prod-DATA-7-33, .prod-DATA-7-34, .prod-DATA-7-35, .prod-DATA-7-36, .prod-DATA-7-37, .prod-DATA-7-38, .prod-DATA-7-39, .prod-DATA-7-40 {display: none;}
.prod-DATA-7-41, .prod-DATA-7-42, .prod-DATA-7-43, .prod-DATA-7-44, .prod-DATA-7-45, .prod-DATA-7-46, .prod-DATA-7-47, .prod-DATA-7-48, .prod-DATA-7-49, .prod-DATA-7-50 {display: none;}

.prod-DATA-8-1, .prod-DATA-8-2, .prod-DATA-8-3, .prod-DATA-8-4, .prod-DATA-8-5, .prod-DATA-8-6, .prod-DATA-8-7, .prod-DATA-8-8, .prod-DATA-8-9, .prod-DATA-8-10 {display: none;}
.prod-DATA-8-11, .prod-DATA-8-12, .prod-DATA-8-13, .prod-DATA-8-14, .prod-DATA-8-15, .prod-DATA-8-16, .prod-DATA-8-17, .prod-DATA-8-18, .prod-DATA-8-19, .prod-DATA-8-20 {display: none;}
.prod-DATA-8-21, .prod-DATA-8-22, .prod-DATA-8-23, .prod-DATA-8-24, .prod-DATA-8-25, .prod-DATA-8-26, .prod-DATA-8-27, .prod-DATA-8-28, .prod-DATA-8-29, .prod-DATA-8-30 {display: none;}
.prod-DATA-8-31, .prod-DATA-8-32, .prod-DATA-8-33, .prod-DATA-8-34, .prod-DATA-8-35, .prod-DATA-8-36, .prod-DATA-8-37, .prod-DATA-8-38, .prod-DATA-8-39, .prod-DATA-8-40 {display: none;}
.prod-DATA-8-41, .prod-DATA-8-42, .prod-DATA-8-43, .prod-DATA-8-44, .prod-DATA-8-45, .prod-DATA-8-46, .prod-DATA-8-47, .prod-DATA-8-48, .prod-DATA-8-49, .prod-DATA-8-50 {display: none;}

.prod-DATA-9-1, .prod-DATA-9-2, .prod-DATA-9-3, .prod-DATA-9-4, .prod-DATA-9-5, .prod-DATA-9-6, .prod-DATA-9-7, .prod-DATA-9-8, .prod-DATA-9-9, .prod-DATA-9-10 {display: none;}
.prod-DATA-9-11, .prod-DATA-9-12, .prod-DATA-9-13, .prod-DATA-9-14, .prod-DATA-9-15, .prod-DATA-9-16, .prod-DATA-9-17, .prod-DATA-9-18, .prod-DATA-9-19, .prod-DATA-9-20 {display: none;}
.prod-DATA-9-21, .prod-DATA-9-22, .prod-DATA-9-23, .prod-DATA-9-24, .prod-DATA-9-25, .prod-DATA-9-26, .prod-DATA-9-27, .prod-DATA-9-28, .prod-DATA-9-29, .prod-DATA-9-30 {display: none;}
.prod-DATA-9-31, .prod-DATA-9-32, .prod-DATA-9-33, .prod-DATA-9-34, .prod-DATA-9-35, .prod-DATA-9-36, .prod-DATA-9-37, .prod-DATA-9-38, .prod-DATA-9-39, .prod-DATA-9-40 {display: none;}
.prod-DATA-9-41, .prod-DATA-9-42, .prod-DATA-9-43, .prod-DATA-9-44, .prod-DATA-9-45, .prod-DATA-9-46, .prod-DATA-9-47, .prod-DATA-9-48, .prod-DATA-9-49, .prod-DATA-9-50 {display: none;}

.prod-DATA-10-1, .prod-DATA-10-2, .prod-DATA-10-3, .prod-DATA-10-4, .prod-DATA-10-5, .prod-DATA-10-6, .prod-DATA-10-7, .prod-DATA-10-8, .prod-DATA-10-9, .prod-DATA-10-10 {display: none;}
.prod-DATA-10-11, .prod-DATA-10-12, .prod-DATA-10-13, .prod-DATA-10-14, .prod-DATA-10-15, .prod-DATA-10-16, .prod-DATA-10-17, .prod-DATA-10-18, .prod-DATA-10-19, .prod-DATA-10-20 {display: none;}
.prod-DATA-10-21, .prod-DATA-10-22, .prod-DATA-10-23, .prod-DATA-10-24, .prod-DATA-10-25, .prod-DATA-10-26, .prod-DATA-10-27, .prod-DATA-10-28, .prod-DATA-10-29, .prod-DATA-10-30 {display: none;}
.prod-DATA-10-31, .prod-DATA-10-32, .prod-DATA-10-33, .prod-DATA-10-34, .prod-DATA-10-35, .prod-DATA-10-36, .prod-DATA-10-37, .prod-DATA-10-38, .prod-DATA-10-39, .prod-DATA-10-40 {display: none;}
.prod-DATA-10-41, .prod-DATA-10-42, .prod-DATA-10-43, .prod-DATA-10-44, .prod-DATA-10-45, .prod-DATA-10-46, .prod-DATA-10-47, .prod-DATA-10-48, .prod-DATA-10-49, .prod-DATA-10-50 {display: none;}

.prod-DATA-11-1, .prod-DATA-11-2, .prod-DATA-11-3, .prod-DATA-11-4, .prod-DATA-11-5, .prod-DATA-11-6, .prod-DATA-11-7, .prod-DATA-11-8, .prod-DATA-11-9, .prod-DATA-11-10 {display: none;}
.prod-DATA-11-11, .prod-DATA-11-12, .prod-DATA-11-13, .prod-DATA-11-14, .prod-DATA-11-15, .prod-DATA-11-16, .prod-DATA-11-17, .prod-DATA-11-18, .prod-DATA-11-19, .prod-DATA-11-20 {display: none;}
.prod-DATA-11-21, .prod-DATA-11-22, .prod-DATA-11-23, .prod-DATA-11-24, .prod-DATA-11-25, .prod-DATA-11-26, .prod-DATA-11-27, .prod-DATA-11-28, .prod-DATA-11-29, .prod-DATA-11-30 {display: none;}
.prod-DATA-11-31, .prod-DATA-11-32, .prod-DATA-11-33, .prod-DATA-11-34, .prod-DATA-11-35, .prod-DATA-11-36, .prod-DATA-11-37, .prod-DATA-11-38, .prod-DATA-11-39, .prod-DATA-11-40 {display: none;}
.prod-DATA-11-41, .prod-DATA-11-42, .prod-DATA-11-43, .prod-DATA-11-44, .prod-DATA-11-45, .prod-DATA-11-46, .prod-DATA-11-47, .prod-DATA-11-48, .prod-DATA-11-49, .prod-DATA-11-50 {display: none;}

.prod-DATA-12-1, .prod-DATA-12-2, .prod-DATA-12-3, .prod-DATA-12-4, .prod-DATA-12-5, .prod-DATA-12-6, .prod-DATA-12-7, .prod-DATA-12-8, .prod-DATA-12-9, .prod-DATA-12-10 {display: none;}
.prod-DATA-12-11, .prod-DATA-12-12, .prod-DATA-12-13, .prod-DATA-12-14, .prod-DATA-12-15, .prod-DATA-12-16, .prod-DATA-12-17, .prod-DATA-12-18, .prod-DATA-12-19, .prod-DATA-12-20 {display: none;}
.prod-DATA-12-21, .prod-DATA-12-22, .prod-DATA-12-23, .prod-DATA-12-24, .prod-DATA-12-25, .prod-DATA-12-26, .prod-DATA-12-27, .prod-DATA-12-28, .prod-DATA-12-29, .prod-DATA-12-30 {display: none;}
.prod-DATA-12-31, .prod-DATA-12-32, .prod-DATA-12-33, .prod-DATA-12-34, .prod-DATA-12-35, .prod-DATA-12-36, .prod-DATA-12-37, .prod-DATA-12-38, .prod-DATA-12-39, .prod-DATA-12-40 {display: none;}
.prod-DATA-12-41, .prod-DATA-12-42, .prod-DATA-12-43, .prod-DATA-12-44, .prod-DATA-12-45, .prod-DATA-12-46, .prod-DATA-12-47, .prod-DATA-12-48, .prod-DATA-12-49, .prod-DATA-12-50 {display: none;}

.prod-DATA-13-1, .prod-DATA-13-2, .prod-DATA-13-3, .prod-DATA-13-4, .prod-DATA-13-5, .prod-DATA-13-6, .prod-DATA-13-7, .prod-DATA-13-8, .prod-DATA-13-9, .prod-DATA-13-10 {display: none;}
.prod-DATA-13-11, .prod-DATA-13-12, .prod-DATA-13-13, .prod-DATA-13-14, .prod-DATA-13-15, .prod-DATA-13-16, .prod-DATA-13-17, .prod-DATA-13-18, .prod-DATA-13-19, .prod-DATA-13-20 {display: none;}
.prod-DATA-13-21, .prod-DATA-13-22, .prod-DATA-13-23, .prod-DATA-13-24, .prod-DATA-13-25, .prod-DATA-13-26, .prod-DATA-13-27, .prod-DATA-13-28, .prod-DATA-13-29, .prod-DATA-13-30 {display: none;}
.prod-DATA-13-31, .prod-DATA-13-32, .prod-DATA-13-33, .prod-DATA-13-34, .prod-DATA-13-35, .prod-DATA-13-36, .prod-DATA-13-37, .prod-DATA-13-38, .prod-DATA-13-39, .prod-DATA-13-40 {display: none;}
.prod-DATA-13-41, .prod-DATA-13-42, .prod-DATA-13-43, .prod-DATA-13-44, .prod-DATA-13-45, .prod-DATA-13-46, .prod-DATA-13-47, .prod-DATA-13-48, .prod-DATA-13-49, .prod-DATA-13-50 {display: none;}

.prod-DATA-14-1, .prod-DATA-14-2, .prod-DATA-14-3, .prod-DATA-14-4, .prod-DATA-14-5, .prod-DATA-14-6, .prod-DATA-14-7, .prod-DATA-14-8, .prod-DATA-14-9, .prod-DATA-14-10 {display: none;}
.prod-DATA-14-11, .prod-DATA-14-12, .prod-DATA-14-13, .prod-DATA-14-14, .prod-DATA-14-15, .prod-DATA-14-16, .prod-DATA-14-17, .prod-DATA-14-18, .prod-DATA-14-19, .prod-DATA-14-20 {display: none;}
.prod-DATA-14-21, .prod-DATA-14-22, .prod-DATA-14-23, .prod-DATA-14-24, .prod-DATA-14-25, .prod-DATA-14-26, .prod-DATA-14-27, .prod-DATA-14-28, .prod-DATA-14-29, .prod-DATA-14-30 {display: none;}
.prod-DATA-14-31, .prod-DATA-14-32, .prod-DATA-14-33, .prod-DATA-14-34, .prod-DATA-14-35, .prod-DATA-14-36, .prod-DATA-14-37, .prod-DATA-14-38, .prod-DATA-14-39, .prod-DATA-14-40 {display: none;}
.prod-DATA-14-41, .prod-DATA-14-42, .prod-DATA-14-43, .prod-DATA-14-44, .prod-DATA-14-45, .prod-DATA-14-46, .prod-DATA-14-47, .prod-DATA-14-48, .prod-DATA-14-49, .prod-DATA-14-50 {display: none;}

.prod-DATA-15-1, .prod-DATA-15-2, .prod-DATA-15-3, .prod-DATA-15-4, .prod-DATA-15-5, .prod-DATA-15-6, .prod-DATA-15-7, .prod-DATA-15-8, .prod-DATA-15-9, .prod-DATA-15-10 {display: none;}
.prod-DATA-15-11, .prod-DATA-15-12, .prod-DATA-15-13, .prod-DATA-15-14, .prod-DATA-15-15, .prod-DATA-15-16, .prod-DATA-15-17, .prod-DATA-15-18, .prod-DATA-15-19, .prod-DATA-15-20 {display: none;}
.prod-DATA-15-21, .prod-DATA-15-22, .prod-DATA-15-23, .prod-DATA-15-24, .prod-DATA-15-25, .prod-DATA-15-26, .prod-DATA-15-27, .prod-DATA-15-28, .prod-DATA-15-29, .prod-DATA-15-30 {display: none;}
.prod-DATA-15-31, .prod-DATA-15-32, .prod-DATA-15-33, .prod-DATA-15-34, .prod-DATA-15-35, .prod-DATA-15-36, .prod-DATA-15-37, .prod-DATA-15-38, .prod-DATA-15-39, .prod-DATA-15-40 {display: none;}
.prod-DATA-15-41, .prod-DATA-15-42, .prod-DATA-15-43, .prod-DATA-15-44, .prod-DATA-15-45, .prod-DATA-15-46, .prod-DATA-15-47, .prod-DATA-15-48, .prod-DATA-15-49, .prod-DATA-15-50 {display: none;}

.prod-DATA-header-1-1, .prod-DATA-header-1-2, .prod-DATA-header-1-3, .prod-DATA-header-1-4, .prod-DATA-header-1-5, .prod-DATA-header-1-6, .prod-DATA-header-1-7, .prod-DATA-header-1-8, .prod-DATA-header-1-9, .prod-DATA-header-1-10 {display: none;}
.prod-DATA-header-1-11, .prod-DATA-header-1-12, .prod-DATA-header-1-13, .prod-DATA-header-1-14, .prod-DATA-header-1-15, .prod-DATA-header-1-16, .prod-DATA-header-1-17, .prod-DATA-header-1-18, .prod-DATA-header-1-19, .prod-DATA-header-1-20 {display: none;}
.prod-DATA-header-1-21, .prod-DATA-header-1-22, .prod-DATA-header-1-23, .prod-DATA-header-1-24, .prod-DATA-header-1-25, .prod-DATA-header-1-26, .prod-DATA-header-1-27, .prod-DATA-header-1-28, .prod-DATA-header-1-29, .prod-DATA-header-1-30 {display: none;}
.prod-DATA-header-1-31, .prod-DATA-header-1-32, .prod-DATA-header-1-33, .prod-DATA-header-1-34, .prod-DATA-header-1-35, .prod-DATA-header-1-36, .prod-DATA-header-1-37, .prod-DATA-header-1-38, .prod-DATA-header-1-39, .prod-DATA-header-1-40 {display: none;}
.prod-DATA-header-1-41, .prod-DATA-header-1-42, .prod-DATA-header-1-43, .prod-DATA-header-1-44, .prod-DATA-header-1-45, .prod-DATA-header-1-46, .prod-DATA-header-1-47, .prod-DATA-header-1-48, .prod-DATA-header-1-49, .prod-DATA-header-1-50 {display: none;}

.prod-DATA-header-2-1, .prod-DATA-header-2-2, .prod-DATA-header-2-3, .prod-DATA-header-2-4, .prod-DATA-header-2-5, .prod-DATA-header-2-6, .prod-DATA-header-2-7, .prod-DATA-header-2-8, .prod-DATA-header-2-9, .prod-DATA-header-2-10 {display: none;}
.prod-DATA-header-2-11, .prod-DATA-header-2-12, .prod-DATA-header-2-13, .prod-DATA-header-2-14, .prod-DATA-header-2-15, .prod-DATA-header-2-16, .prod-DATA-header-2-17, .prod-DATA-header-2-18, .prod-DATA-header-2-19, .prod-DATA-header-2-20 {display: none;}
.prod-DATA-header-2-21, .prod-DATA-header-2-22, .prod-DATA-header-2-23, .prod-DATA-header-2-24, .prod-DATA-header-2-25, .prod-DATA-header-2-26, .prod-DATA-header-2-27, .prod-DATA-header-2-28, .prod-DATA-header-2-29, .prod-DATA-header-2-30 {display: none;}
.prod-DATA-header-2-31, .prod-DATA-header-2-32, .prod-DATA-header-2-33, .prod-DATA-header-2-34, .prod-DATA-header-2-35, .prod-DATA-header-2-36, .prod-DATA-header-2-37, .prod-DATA-header-2-38, .prod-DATA-header-2-39, .prod-DATA-header-2-40 {display: none;}
.prod-DATA-header-2-41, .prod-DATA-header-2-42, .prod-DATA-header-2-43, .prod-DATA-header-2-44, .prod-DATA-header-2-45, .prod-DATA-header-2-46, .prod-DATA-header-2-47, .prod-DATA-header-2-48, .prod-DATA-header-2-49, .prod-DATA-header-2-50 {display: none;}

.prod-DATA-header-3-1, .prod-DATA-header-3-2, .prod-DATA-header-3-3, .prod-DATA-header-3-4, .prod-DATA-header-3-5, .prod-DATA-header-3-6, .prod-DATA-header-3-7, .prod-DATA-header-3-8, .prod-DATA-header-3-9, .prod-DATA-header-3-10 {display: none;}
.prod-DATA-header-3-11, .prod-DATA-header-3-12, .prod-DATA-header-3-13, .prod-DATA-header-3-14, .prod-DATA-header-3-15, .prod-DATA-header-3-16, .prod-DATA-header-3-17, .prod-DATA-header-3-18, .prod-DATA-header-3-19, .prod-DATA-header-3-20 {display: none;}
.prod-DATA-header-3-21, .prod-DATA-header-3-22, .prod-DATA-header-3-23, .prod-DATA-header-3-24, .prod-DATA-header-3-25, .prod-DATA-header-3-26, .prod-DATA-header-3-27, .prod-DATA-header-3-28, .prod-DATA-header-3-29, .prod-DATA-header-3-30 {display: none;}
.prod-DATA-header-3-31, .prod-DATA-header-3-32, .prod-DATA-header-3-33, .prod-DATA-header-3-34, .prod-DATA-header-3-35, .prod-DATA-header-3-36, .prod-DATA-header-3-37, .prod-DATA-header-3-38, .prod-DATA-header-3-39, .prod-DATA-header-3-40 {display: none;}
.prod-DATA-header-3-41, .prod-DATA-header-3-42, .prod-DATA-header-3-43, .prod-DATA-header-3-44, .prod-DATA-header-3-45, .prod-DATA-header-3-46, .prod-DATA-header-3-47, .prod-DATA-header-3-48, .prod-DATA-header-3-49, .prod-DATA-header-3-50 {display: none;}

.prod-DATA-header-4-1, .prod-DATA-header-4-2, .prod-DATA-header-4-3, .prod-DATA-header-4-4, .prod-DATA-header-4-5, .prod-DATA-header-4-6, .prod-DATA-header-4-7, .prod-DATA-header-4-8, .prod-DATA-header-4-9, .prod-DATA-header-4-10 {display: none;}
.prod-DATA-header-4-11, .prod-DATA-header-4-12, .prod-DATA-header-4-13, .prod-DATA-header-4-14, .prod-DATA-header-4-15, .prod-DATA-header-4-16, .prod-DATA-header-4-17, .prod-DATA-header-4-18, .prod-DATA-header-4-19, .prod-DATA-header-4-20 {display: none;}
.prod-DATA-header-4-21, .prod-DATA-header-4-22, .prod-DATA-header-4-23, .prod-DATA-header-4-24, .prod-DATA-header-4-25, .prod-DATA-header-4-26, .prod-DATA-header-4-27, .prod-DATA-header-4-28, .prod-DATA-header-4-29, .prod-DATA-header-4-30 {display: none;}
.prod-DATA-header-4-31, .prod-DATA-header-4-32, .prod-DATA-header-4-33, .prod-DATA-header-4-34, .prod-DATA-header-4-35, .prod-DATA-header-4-36, .prod-DATA-header-4-37, .prod-DATA-header-4-38, .prod-DATA-header-4-39, .prod-DATA-header-4-40 {display: none;}
.prod-DATA-header-4-41, .prod-DATA-header-4-42, .prod-DATA-header-4-43, .prod-DATA-header-4-44, .prod-DATA-header-4-45, .prod-DATA-header-4-46, .prod-DATA-header-4-47, .prod-DATA-header-4-48, .prod-DATA-header-4-49, .prod-DATA-header-4-50 {display: none;}

.prod-DATA-header-5-1, .prod-DATA-header-5-2, .prod-DATA-header-5-3, .prod-DATA-header-5-4, .prod-DATA-header-5-5, .prod-DATA-header-5-6, .prod-DATA-header-5-7, .prod-DATA-header-5-8, .prod-DATA-header-5-9, .prod-DATA-header-5-10 {display: none;}
.prod-DATA-header-5-11, .prod-DATA-header-5-12, .prod-DATA-header-5-13, .prod-DATA-header-5-14, .prod-DATA-header-5-15, .prod-DATA-header-5-16, .prod-DATA-header-5-17, .prod-DATA-header-5-18, .prod-DATA-header-5-19, .prod-DATA-header-5-20 {display: none;}
.prod-DATA-header-5-21, .prod-DATA-header-5-22, .prod-DATA-header-5-23, .prod-DATA-header-5-24, .prod-DATA-header-5-25, .prod-DATA-header-5-26, .prod-DATA-header-5-27, .prod-DATA-header-5-28, .prod-DATA-header-5-29, .prod-DATA-header-5-30 {display: none;}
.prod-DATA-header-5-31, .prod-DATA-header-5-32, .prod-DATA-header-5-33, .prod-DATA-header-5-34, .prod-DATA-header-5-35, .prod-DATA-header-5-36, .prod-DATA-header-5-37, .prod-DATA-header-5-38, .prod-DATA-header-5-39, .prod-DATA-header-5-40 {display: none;}
.prod-DATA-header-5-41, .prod-DATA-header-5-42, .prod-DATA-header-5-43, .prod-DATA-header-5-44, .prod-DATA-header-5-45, .prod-DATA-header-5-46, .prod-DATA-header-5-47, .prod-DATA-header-5-48, .prod-DATA-header-5-49, .prod-DATA-header-5-50 {display: none;}

.prod-DATA-header-6-1, .prod-DATA-header-6-2, .prod-DATA-header-6-3, .prod-DATA-header-6-4, .prod-DATA-header-6-5, .prod-DATA-header-6-6, .prod-DATA-header-6-7, .prod-DATA-header-6-8, .prod-DATA-header-6-9, .prod-DATA-header-6-10 {display: none;}
.prod-DATA-header-6-11, .prod-DATA-header-6-12, .prod-DATA-header-6-13, .prod-DATA-header-6-14, .prod-DATA-header-6-15, .prod-DATA-header-6-16, .prod-DATA-header-6-17, .prod-DATA-header-6-18, .prod-DATA-header-6-19, .prod-DATA-header-6-20 {display: none;}
.prod-DATA-header-6-21, .prod-DATA-header-6-22, .prod-DATA-header-6-23, .prod-DATA-header-6-24, .prod-DATA-header-6-25, .prod-DATA-header-6-26, .prod-DATA-header-6-27, .prod-DATA-header-6-28, .prod-DATA-header-6-29, .prod-DATA-header-6-30 {display: none;}
.prod-DATA-header-6-31, .prod-DATA-header-6-32, .prod-DATA-header-6-33, .prod-DATA-header-6-34, .prod-DATA-header-6-35, .prod-DATA-header-6-36, .prod-DATA-header-6-37, .prod-DATA-header-6-38, .prod-DATA-header-6-39, .prod-DATA-header-6-40 {display: none;}
.prod-DATA-header-6-41, .prod-DATA-header-6-42, .prod-DATA-header-6-43, .prod-DATA-header-6-44, .prod-DATA-header-6-45, .prod-DATA-header-6-46, .prod-DATA-header-6-47, .prod-DATA-header-6-48, .prod-DATA-header-6-49, .prod-DATA-header-6-50 {display: none;}

.prod-DATA-header-7-1, .prod-DATA-header-7-2, .prod-DATA-header-7-3, .prod-DATA-header-7-4, .prod-DATA-header-7-5, .prod-DATA-header-7-6, .prod-DATA-header-7-7, .prod-DATA-header-7-8, .prod-DATA-header-7-9, .prod-DATA-header-7-10 {display: none;}
.prod-DATA-header-7-11, .prod-DATA-header-7-12, .prod-DATA-header-7-13, .prod-DATA-header-7-14, .prod-DATA-header-7-15, .prod-DATA-header-7-16, .prod-DATA-header-7-17, .prod-DATA-header-7-18, .prod-DATA-header-7-19, .prod-DATA-header-7-20 {display: none;}
.prod-DATA-header-7-21, .prod-DATA-header-7-22, .prod-DATA-header-7-23, .prod-DATA-header-7-24, .prod-DATA-header-7-25, .prod-DATA-header-7-26, .prod-DATA-header-7-27, .prod-DATA-header-7-28, .prod-DATA-header-7-29, .prod-DATA-header-7-30 {display: none;}
.prod-DATA-header-7-31, .prod-DATA-header-7-32, .prod-DATA-header-7-33, .prod-DATA-header-7-34, .prod-DATA-header-7-35, .prod-DATA-header-7-36, .prod-DATA-header-7-37, .prod-DATA-header-7-38, .prod-DATA-header-7-39, .prod-DATA-header-7-40 {display: none;}
.prod-DATA-header-7-41, .prod-DATA-header-7-42, .prod-DATA-header-7-43, .prod-DATA-header-7-44, .prod-DATA-header-7-45, .prod-DATA-header-7-46, .prod-DATA-header-7-47, .prod-DATA-header-7-48, .prod-DATA-header-7-49, .prod-DATA-header-7-50 {display: none;}

.prod-DATA-header-8-1, .prod-DATA-header-8-2, .prod-DATA-header-8-3, .prod-DATA-header-8-4, .prod-DATA-header-8-5, .prod-DATA-header-8-6, .prod-DATA-header-8-7, .prod-DATA-header-8-8, .prod-DATA-header-8-9, .prod-DATA-header-8-10 {display: none;}
.prod-DATA-header-8-11, .prod-DATA-header-8-12, .prod-DATA-header-8-13, .prod-DATA-header-8-14, .prod-DATA-header-8-15, .prod-DATA-header-8-16, .prod-DATA-header-8-17, .prod-DATA-header-8-18, .prod-DATA-header-8-19, .prod-DATA-header-8-20 {display: none;}
.prod-DATA-header-8-21, .prod-DATA-header-8-22, .prod-DATA-header-8-23, .prod-DATA-header-8-24, .prod-DATA-header-8-25, .prod-DATA-header-8-26, .prod-DATA-header-8-27, .prod-DATA-header-8-28, .prod-DATA-header-8-29, .prod-DATA-header-8-30 {display: none;}
.prod-DATA-header-8-31, .prod-DATA-header-8-32, .prod-DATA-header-8-33, .prod-DATA-header-8-34, .prod-DATA-header-8-35, .prod-DATA-header-8-36, .prod-DATA-header-8-37, .prod-DATA-header-8-38, .prod-DATA-header-8-39, .prod-DATA-header-8-40 {display: none;}
.prod-DATA-header-8-41, .prod-DATA-header-8-42, .prod-DATA-header-8-43, .prod-DATA-header-8-44, .prod-DATA-header-8-45, .prod-DATA-header-8-46, .prod-DATA-header-8-47, .prod-DATA-header-8-48, .prod-DATA-header-8-49, .prod-DATA-header-8-50 {display: none;}

.prod-DATA-header-9-1, .prod-DATA-header-9-2, .prod-DATA-header-9-3, .prod-DATA-header-9-4, .prod-DATA-header-9-5, .prod-DATA-header-9-6, .prod-DATA-header-9-7, .prod-DATA-header-9-8, .prod-DATA-header-9-9, .prod-DATA-header-9-10 {display: none;}
.prod-DATA-header-9-11, .prod-DATA-header-9-12, .prod-DATA-header-9-13, .prod-DATA-header-9-14, .prod-DATA-header-9-15, .prod-DATA-header-9-16, .prod-DATA-header-9-17, .prod-DATA-header-9-18, .prod-DATA-header-9-19, .prod-DATA-header-9-20 {display: none;}
.prod-DATA-header-9-21, .prod-DATA-header-9-22, .prod-DATA-header-9-23, .prod-DATA-header-9-24, .prod-DATA-header-9-25, .prod-DATA-header-9-26, .prod-DATA-header-9-27, .prod-DATA-header-9-28, .prod-DATA-header-9-29, .prod-DATA-header-9-30 {display: none;}
.prod-DATA-header-9-31, .prod-DATA-header-9-32, .prod-DATA-header-9-33, .prod-DATA-header-9-34, .prod-DATA-header-9-35, .prod-DATA-header-9-36, .prod-DATA-header-9-37, .prod-DATA-header-9-38, .prod-DATA-header-9-39, .prod-DATA-header-9-40 {display: none;}
.prod-DATA-header-9-41, .prod-DATA-header-9-42, .prod-DATA-header-9-43, .prod-DATA-header-9-44, .prod-DATA-header-9-45, .prod-DATA-header-9-46, .prod-DATA-header-9-47, .prod-DATA-header-9-48, .prod-DATA-header-9-49, .prod-DATA-header-9-50 {display: none;}

.prod-DATA-header-10-1, .prod-DATA-header-10-2, .prod-DATA-header-10-3, .prod-DATA-header-10-4, .prod-DATA-header-10-5, .prod-DATA-header-10-6, .prod-DATA-header-10-7, .prod-DATA-header-10-8, .prod-DATA-header-10-9, .prod-DATA-header-10-10 {display: none;}
.prod-DATA-header-10-11, .prod-DATA-header-10-12, .prod-DATA-header-10-13, .prod-DATA-header-10-14, .prod-DATA-header-10-15, .prod-DATA-header-10-16, .prod-DATA-header-10-17, .prod-DATA-header-10-18, .prod-DATA-header-10-19, .prod-DATA-header-10-20 {display: none;}
.prod-DATA-header-10-21, .prod-DATA-header-10-22, .prod-DATA-header-10-23, .prod-DATA-header-10-24, .prod-DATA-header-10-25, .prod-DATA-header-10-26, .prod-DATA-header-10-27, .prod-DATA-header-10-28, .prod-DATA-header-10-29, .prod-DATA-header-10-30 {display: none;}
.prod-DATA-header-10-31, .prod-DATA-header-10-32, .prod-DATA-header-10-33, .prod-DATA-header-10-34, .prod-DATA-header-10-35, .prod-DATA-header-10-36, .prod-DATA-header-10-37, .prod-DATA-header-10-38, .prod-DATA-header-10-39, .prod-DATA-header-10-40 {display: none;}
.prod-DATA-header-10-41, .prod-DATA-header-10-42, .prod-DATA-header-10-43, .prod-DATA-header-10-44, .prod-DATA-header-10-45, .prod-DATA-header-10-46, .prod-DATA-header-10-47, .prod-DATA-header-10-48, .prod-DATA-header-10-49, .prod-DATA-header-10-50 {display: none;}

.prod-DATA-header-11-1, .prod-DATA-header-11-2, .prod-DATA-header-11-3, .prod-DATA-header-11-4, .prod-DATA-header-11-5, .prod-DATA-header-11-6, .prod-DATA-header-11-7, .prod-DATA-header-11-8, .prod-DATA-header-11-9, .prod-DATA-header-11-10 {display: none;}
.prod-DATA-header-11-11, .prod-DATA-header-11-12, .prod-DATA-header-11-13, .prod-DATA-header-11-14, .prod-DATA-header-11-15, .prod-DATA-header-11-16, .prod-DATA-header-11-17, .prod-DATA-header-11-18, .prod-DATA-header-11-19, .prod-DATA-header-11-20 {display: none;}
.prod-DATA-header-11-21, .prod-DATA-header-11-22, .prod-DATA-header-11-23, .prod-DATA-header-11-24, .prod-DATA-header-11-25, .prod-DATA-header-11-26, .prod-DATA-header-11-27, .prod-DATA-header-11-28, .prod-DATA-header-11-29, .prod-DATA-header-11-30 {display: none;}
.prod-DATA-header-11-31, .prod-DATA-header-11-32, .prod-DATA-header-11-33, .prod-DATA-header-11-34, .prod-DATA-header-11-35, .prod-DATA-header-11-36, .prod-DATA-header-11-37, .prod-DATA-header-11-38, .prod-DATA-header-11-39, .prod-DATA-header-11-40 {display: none;}
.prod-DATA-header-11-41, .prod-DATA-header-11-42, .prod-DATA-header-11-43, .prod-DATA-header-11-44, .prod-DATA-header-11-45, .prod-DATA-header-11-46, .prod-DATA-header-11-47, .prod-DATA-header-11-48, .prod-DATA-header-11-49, .prod-DATA-header-11-50 {display: none;}

.prod-DATA-header-12-1, .prod-DATA-header-12-2, .prod-DATA-header-12-3, .prod-DATA-header-12-4, .prod-DATA-header-12-5, .prod-DATA-header-12-6, .prod-DATA-header-12-7, .prod-DATA-header-12-8, .prod-DATA-header-12-9, .prod-DATA-header-12-10 {display: none;}
.prod-DATA-header-12-11, .prod-DATA-header-12-12, .prod-DATA-header-12-13, .prod-DATA-header-12-14, .prod-DATA-header-12-15, .prod-DATA-header-12-16, .prod-DATA-header-12-17, .prod-DATA-header-12-18, .prod-DATA-header-12-19, .prod-DATA-header-12-20 {display: none;}
.prod-DATA-header-12-21, .prod-DATA-header-12-22, .prod-DATA-header-12-23, .prod-DATA-header-12-24, .prod-DATA-header-12-25, .prod-DATA-header-12-26, .prod-DATA-header-12-27, .prod-DATA-header-12-28, .prod-DATA-header-12-29, .prod-DATA-header-12-30 {display: none;}
.prod-DATA-header-12-31, .prod-DATA-header-12-32, .prod-DATA-header-12-33, .prod-DATA-header-12-34, .prod-DATA-header-12-35, .prod-DATA-header-12-36, .prod-DATA-header-12-37, .prod-DATA-header-12-38, .prod-DATA-header-12-39, .prod-DATA-header-12-40 {display: none;}
.prod-DATA-header-12-41, .prod-DATA-header-12-42, .prod-DATA-header-12-43, .prod-DATA-header-12-44, .prod-DATA-header-12-45, .prod-DATA-header-12-46, .prod-DATA-header-12-47, .prod-DATA-header-12-48, .prod-DATA-header-12-49, .prod-DATA-header-12-50 {display: none;}

.prod-DATA-header-13-1, .prod-DATA-header-13-2, .prod-DATA-header-13-3, .prod-DATA-header-13-4, .prod-DATA-header-13-5, .prod-DATA-header-13-6, .prod-DATA-header-13-7, .prod-DATA-header-13-8, .prod-DATA-header-13-9, .prod-DATA-header-13-10 {display: none;}
.prod-DATA-header-13-11, .prod-DATA-header-13-12, .prod-DATA-header-13-13, .prod-DATA-header-13-14, .prod-DATA-header-13-15, .prod-DATA-header-13-16, .prod-DATA-header-13-17, .prod-DATA-header-13-18, .prod-DATA-header-13-19, .prod-DATA-header-13-20 {display: none;}
.prod-DATA-header-13-21, .prod-DATA-header-13-22, .prod-DATA-header-13-23, .prod-DATA-header-13-24, .prod-DATA-header-13-25, .prod-DATA-header-13-26, .prod-DATA-header-13-27, .prod-DATA-header-13-28, .prod-DATA-header-13-29, .prod-DATA-header-13-30 {display: none;}
.prod-DATA-header-13-31, .prod-DATA-header-13-32, .prod-DATA-header-13-33, .prod-DATA-header-13-34, .prod-DATA-header-13-35, .prod-DATA-header-13-36, .prod-DATA-header-13-37, .prod-DATA-header-13-38, .prod-DATA-header-13-39, .prod-DATA-header-13-40 {display: none;}
.prod-DATA-header-13-41, .prod-DATA-header-13-42, .prod-DATA-header-13-43, .prod-DATA-header-13-44, .prod-DATA-header-13-45, .prod-DATA-header-13-46, .prod-DATA-header-13-47, .prod-DATA-header-13-48, .prod-DATA-header-13-49, .prod-DATA-header-13-50 {display: none;}

.prod-DATA-header-14-1, .prod-DATA-header-14-2, .prod-DATA-header-14-3, .prod-DATA-header-14-4, .prod-DATA-header-14-5, .prod-DATA-header-14-6, .prod-DATA-header-14-7, .prod-DATA-header-14-8, .prod-DATA-header-14-9, .prod-DATA-header-14-10 {display: none;}
.prod-DATA-header-14-11, .prod-DATA-header-14-12, .prod-DATA-header-14-13, .prod-DATA-header-14-14, .prod-DATA-header-14-15, .prod-DATA-header-14-16, .prod-DATA-header-14-17, .prod-DATA-header-14-18, .prod-DATA-header-14-19, .prod-DATA-header-14-20 {display: none;}
.prod-DATA-header-14-21, .prod-DATA-header-14-22, .prod-DATA-header-14-23, .prod-DATA-header-14-24, .prod-DATA-header-14-25, .prod-DATA-header-14-26, .prod-DATA-header-14-27, .prod-DATA-header-14-28, .prod-DATA-header-14-29, .prod-DATA-header-14-30 {display: none;}
.prod-DATA-header-14-31, .prod-DATA-header-14-32, .prod-DATA-header-14-33, .prod-DATA-header-14-34, .prod-DATA-header-14-35, .prod-DATA-header-14-36, .prod-DATA-header-14-37, .prod-DATA-header-14-38, .prod-DATA-header-14-39, .prod-DATA-header-14-40 {display: none;}
.prod-DATA-header-14-41, .prod-DATA-header-14-42, .prod-DATA-header-14-43, .prod-DATA-header-14-44, .prod-DATA-header-14-45, .prod-DATA-header-14-46, .prod-DATA-header-14-47, .prod-DATA-header-14-48, .prod-DATA-header-14-49, .prod-DATA-header-14-50 {display: none;}

.prod-DATA-header-15-1, .prod-DATA-header-15-2, .prod-DATA-header-15-3, .prod-DATA-header-15-4, .prod-DATA-header-15-5, .prod-DATA-header-15-6, .prod-DATA-header-15-7, .prod-DATA-header-15-8, .prod-DATA-header-15-9, .prod-DATA-header-15-10 {display: none;}
.prod-DATA-header-15-11, .prod-DATA-header-15-12, .prod-DATA-header-15-13, .prod-DATA-header-15-14, .prod-DATA-header-15-15, .prod-DATA-header-15-16, .prod-DATA-header-15-17, .prod-DATA-header-15-18, .prod-DATA-header-15-19, .prod-DATA-header-15-20 {display: none;}
.prod-DATA-header-15-21, .prod-DATA-header-15-22, .prod-DATA-header-15-23, .prod-DATA-header-15-24, .prod-DATA-header-15-25, .prod-DATA-header-15-26, .prod-DATA-header-15-27, .prod-DATA-header-15-28, .prod-DATA-header-15-29, .prod-DATA-header-15-30 {display: none;}
.prod-DATA-header-15-31, .prod-DATA-header-15-32, .prod-DATA-header-15-33, .prod-DATA-header-15-34, .prod-DATA-header-15-35, .prod-DATA-header-15-36, .prod-DATA-header-15-37, .prod-DATA-header-15-38, .prod-DATA-header-15-39, .prod-DATA-header-15-40 {display: none;}
.prod-DATA-header-15-41, .prod-DATA-header-15-42, .prod-DATA-header-15-43, .prod-DATA-header-15-44, .prod-DATA-header-15-45, .prod-DATA-header-15-46, .prod-DATA-header-15-47, .prod-DATA-header-15-48, .prod-DATA-header-15-49, .prod-DATA-header-15-50 {display: none;}


/************************************TRANSACTION PROCESS [end]************************************/

/************************************CATEGORY LIST TEMPLATE [start]************************************/

#scategory {width: 100%;float: left;}
#scategory li {margin-bottom: 10px;}
#scategory li ul li {width: 25% ; float: left; display: inline;}
#scategory li ul li .box-white .shadow .body-margin li {width: 100%;float: left;display: list-item;text-align: center;}
#scategory li ul li .box-white {background-image: url(../storage/img/icon/blueTriangle2.png);background-repeat: no-repeat;background-position: top right;}
#scategory li ul li .box-white .shadow .body-margin {cursor: pointer; height: 225px;}
#scategory li ul li .box-white .shadow {height: auto;}
#scategory li ul li .box-white:hover {transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#scategory li ul li .box-white .shadow .body-margin li {width: 100%;float: left;display: list-item;text-align: center;margin-bottom: 30px;}
#scategory li ul li .box-white .shadow .body-margin li:last-child {margin-bottom: 10px;}
#scategory li ul li .box-white .shadow .body-margin li.title {font-family: robotothin;font-size: 22px;line-height: 22px;color: #333333;}
#scategory li ul li .box-white .shadow .body-margin li.icon {font-size: 60px;line-height: 60px;color: #4f4c4d;}
#scategory li ul li .box-white .shadow .body-margin li.description {font-family: robotolight;font-size: 14px;line-height: 14px;color: #696969;}
#scategory li ul li .box-white:hover {background-color: #4285f4;border: 1px solid #3677e2;}
#scategory li ul li .box-white:hover .shadow {border-bottom: 1px solid #2654a0;}
#scategory li ul li .box-white:hover .shadow .body-margin li.title, #scategory li ul li .box-white:hover .shadow .body-margin li.icon, #scategory li ul li .box-white:hover .shadow .body-margin li.description {color: #fff;}

/************************************CATEGORY LIST TEMPLATE [end]************************************/

/************************************PRODUCT LIST TEMPLATE [start]************************************/

#p-list {width: 100%;float: left;}
#p-list li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #ebebeb; margin-bottom: 0px;}
#p-list li:last-child, #p-list li ul li {border-bottom: 0px;}

#p-list li ul li {
	width: 20%;
	height: 140px;
	float: left;
	display: inline;
	border-right: 1px solid #ebebeb;
	padding: 0px;
	overflow: hidden !important;
	cursor: pointer;
}

#p-list li ul li:nth-child(5), #p-list li ul li ul li {border-right: 0px;}

#p-list li ul li .prod-hover {
	width: 100%;
	position: relative;
	background: #000;
	height: 20px;
	z-index: 1;
	margin-top: 5px;
	font-family: robotolight;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity: 0.7;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#p-list li ul li:hover .prod-hover {margin-top: -30px;}
#p-list li ul li .prod-logo {width: 100%;height: 100%;padding: 0px;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#p-list li ul li .prod-logo img {width: 100%; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#p-list li ul li:hover .prod-logo img {margin-top: -5px;-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1;}

/************************************PRODUCT LIST TEMPLATE [end]************************************/

/************************************PRODUCT FORM TEMPLATE [start]************************************/

#p-data {width: 100%; float: left;}
#p-data .prod-form li {width: auto;float: left;display: inline;}
#p-data .prod-form li:first-child {width: 30%;}
#p-data .prod-form li:last-child {width: 70%; border-left: 1px solid #ebebeb;}
#p-data .prod-form li ul li, #p-data .prod-form li ul li:last-child, #p-data .prod-form li ul li:first-child {border-left: 0px;}
#p-data .prod-form li .prod-name {width: 100%;float: left;padding: 30px;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}

#p-data .prod-form li .prod-name li {width: 100%;float: left;display: list-item;border-right: 0px;}
#p-data .prod-form li .prod-name li.logo {width: 100%;margin-top: -20px;}
#p-data .prod-form li .prod-name li.logo img {width: 100%;line-height: 0px;}
#p-data .prod-form li .prod-name li.details {font-family: robotolight;font-size: 14px;line-height: 14px;text-align: center;color: #c0c0c0; border-left: 0px;}
#p-data .prod-form li .prod-details {width: 100%;float: left;padding: 40px;text-align: left;}

#p-data .prod-form li .prod-details .form-notice {width: 100%;float: left;font-family: robotolight;font-size: 12px;color: #4285f4;margin-bottom: 10px;}
#p-data .prod-form li .prod-details .form-header {width: 100%; float: left; font-family: robotobold; font-size: 15px; line-height:15px; color: #4c4c4c; border-top: 1px solid #4285f4; background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right; padding: 15px 0px 7px 0px; margin:15px 0px 5px 0px;}
#p-data .prod-form li .prod-details .form-layout {width: 100%;float: left;}
#p-data .prod-form li .prod-details .form-layout li {width: 100%;float: left;display: list-item;padding: 5px 0px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#p-data .prod-form li .prod-details .form-layout li.amount input {font-size: 32px; line-height: 32px; font-family: robotolight; text-align: right;}
#p-data .prod-form li .prod-details .form-layout li.amount span {text-align: right; float: left; width: calc(100% - 6px)}
#p-data .prod-form li .prod-details .form-layout li ul li {width: auto;display: inline;}
#p-data .prod-form li .prod-details .form-layout li ul.row2 li {width: 50%;padding: 0px 5px;}
#p-data .prod-form li .prod-details .form-layout li ul.row2 li:first-child {padding-left: 0px;}
#p-data .prod-form li .prod-details .form-layout li ul.row2 li:last-child {padding-right: 0px;}
#p-data .prod-form li .prod-details .form-layout li ul.row2-offset1 li {width: auto;padding: 0px 5px;}
#p-data .prod-form li .prod-details .form-layout li ul.row2-offset1 li:first-child {padding-left: 0px; width: 25%;}
#p-data .prod-form li .prod-details .form-layout li ul.row2-offset1 li:last-child {padding-right: 0px; width: 75%;}
#p-data .prod-form li .prod-details .form-layout li ul.row2-offset2 li {width: auto;padding: 0px 5px;}
#p-data .prod-form li .prod-details .form-layout li ul.row2-offset2 li:first-child {padding-left: 0px; width: 75%;}
#p-data .prod-form li .prod-details .form-layout li ul.row2-offset2 li:last-child {padding-right: 0px; width: 25%;}
#p-data .prod-form li .prod-details .form-layout li ul.row3 li {width: 33%;padding: 0px 5px;}
#p-data .prod-form li .prod-details .form-layout li ul.row3 li:first-child {padding-left: 0px;}
#p-data .prod-form li .prod-details .form-layout li ul.row3 li:last-child {padding-right: 0px !important; width: 34%;}
#p-data .prod-form li .prod-details .form-layout li ul.row2 li.radio, .form-layout li ul.row2 li.checkbox {margin-top: 15px;}
#p-data .prod-form li .prod-details .form-layout li ul.row3 li.radio, .form-layout li ul.row3 li.checkbox {margin-top: 15px;}
#p-data .prod-form li .prod-details .form-layout li.radio, .form-layout li.checkbox {width: auto;margin-top: 3px;}
#p-data .prod-form li .prod-details .form-layout li.radio ul li, .form-layout li.checkbox ul li {width: auto;display: inline;}
#p-data .prod-form li .prod-details .form-layout li.radio ul li.label, .form-layout li.checkbox ul li.label {color: #918f8f;font-family: robotolight;font-size: 14px;margin-top: -4px; padding-right: 10px;}
#p-data .prod-form li .prod-details .form-layout li.radio ul li label, .form-layout li.checkbox ul li label {padding-left: 5px;margin-top: 0px;font-size: 12px;line-height: 12px;float: left;}
#p-data .prod-form li .prod-details .form-layout li span {width: 100%;float: left;display: block;margin-top: 5px;padding-left: 5px;font-size: 12px; line-height: 12px;color: #7a7a7a;}
#p-data .prod-form li .prod-details .form-layout li .formlabel {width: 100%;float: left;display: block;margin-bottom: 5px;font-size: 11px; line-height: 11px;color: #7a7a7a; display: block; font-family: robotobold; text-transform: uppercase; margin-bottom: 7px; color: #5c5c5c; margin-left: -3px;}
#p-data .prod-form li .prod-details .form-btn {width: 100%;float: left;margin-top: 15px;}
#p-data .prod-form li .prod-details .form-layout li ul li .btn-graybox {margin-top: 0px;}


#method-sideinfo {width: 100%;float: left;}

#method-sideinfo .logo {width: 100%;float: left;border: 1px solid #e5e5e5;line-height: 0px;border-radius: 3px;overflow: hidden;text-align: center;}
#method-sideinfo .logo img {width: 80%;}
#method-sideinfo .mdata {width: 100%;float: left;margin-top: 10px; margin-bottom: 10px;}

#method-sideinfo .mdata li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #e5e5e5 !important;
	padding: 10px 0px;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
	color: #6a6a6a;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#method-sideinfo .mdata li:last-child {border-bottom: 0px!important;}
#method-sideinfo .mdata li i {width: 13px;float: left;text-align: center;margin-right: 5px;}
#method-sideinfo .mdata li span {color: #4285f4;}
#method-sideinfo .mdata li span.fullspan {width: 100%;float: left;margin-top: 8px;}

/************************************PRODUCT FORM TEMPLATE [end]************************************/

/************************************PRODUCT CONFIRMATION [start]************************************/

#p-confirm {width: 100%;float: left;}
#p-confirm .box-header, .p-confirm .box-header {background: #fff;}
#p-confirm li.pc-left .shadow, .p-confirm .shadow {background: #f5f9fe;}
#p-confirm li.pc-left {width: 70%;float: left;}
#p-confirm li.pc-right {width: 30%;float: left; padding-right: 0px !important;}
#p-confirm .p-confirm-body, .p-confirm .p-confirm-body {width: 100%;float: left;background-color: #fff;background-image: url(../storage/img/bg/bgFooterTriangle.png);background-repeat: no-repeat;background-position: bottom;}
#p-confirm .p-confirm-body .t-data, .p-confirm .p-confirm-body .t-data {width: 100%;float: left;padding:45px;}
#p-confirm .p-confirm-body .t-data div, .p-confirm .p-confirm-body .t-data div {width: 100%;float: left;margin-bottom: 10px;text-align: left;}
#p-confirm .p-confirm-body .t-data .box li, .p-confirm .p-confirm-body .t-data .box li {width: 100%;float: left;display: list-item;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#p-confirm .p-confirm-body .t-data .box li.label, .p-confirm .p-confirm-body .t-data .box li.label {font-family: robotoreg;font-size: 14px;line-height: 14px;color: #4a4a4a;margin-bottom: 10px;}

#p-confirm .p-confirm-body .t-data .box li.account, .p-confirm .p-confirm-body .t-data .box li.account {
	border: 3px solid #4285f4;
	font-family: robotoreg;
	font-size: 35px;
	line-height: 35px;
	text-align: center;
	letter-spacing: -2px;
	color: #4a4a4a;
	padding: 12px;
	text-transform: uppercase;
}

.p-confirm .p-confirm-body .t-data .box li.account-name {border: 3px solid #4285f4;font-family: robotoreg;font-size: 30px;line-height: 30px;text-align: center;letter-spacing: -2px;color: #4a4a4a;padding: 20px;}
.p-confirm .p-confirm-body .t-data .box li.account-name-red {border: 3px solid #f05160;font-family: robotoreg;font-size: 30px;line-height: 30px;text-align: center;letter-spacing: -2px;color: #4a4a4a;padding: 20px;}
.p-confirm .p-confirm-body .t-data .box li.account-name-orange {border: 3px solid #ffb967;font-family: robotoreg;font-size: 30px;line-height: 30px;text-align: center;letter-spacing: -2px;color: #4a4a4a;padding: 20px;}
#p-confirm .p-confirm-body .t-data .data-list, .p-confirm .p-confirm-body .t-data .data-list {width: 100%;float: left;}
#p-confirm .p-confirm-body .t-data .data-list li, .p-confirm .p-confirm-body .t-data .data-list li {width: 100%;float: left;border-bottom: 1px dashed #d6d6d6;padding: 10px 0px;font-family: robotolight;color: #818181;font-size: 14px;line-height: 14px;}
#p-confirm .p-confirm-body .t-data .data-list li ul li, .p-confirm .p-confirm-body .t-data .data-list li ul li {width: 50%;float: left;border-bottom: 0px;padding: 0px;}
#p-confirm .p-confirm-body .t-data .data-list li ul li:first-child, .p-confirm .p-confirm-body .t-data .data-list li ul li:first-child {font-family: robotoreg;font-size: 11px;line-height: 11px;color: #7a7a7a;text-align: left;text-transform: uppercase;}
#p-confirm .p-confirm-body .t-data .data-list li ul li:last-child, .p-confirm .p-confirm-body .t-data .data-list li ul li:last-child {font-family: robotoreg;font-size: 14px;line-height: 14px;color:#4c4c4c;text-align: right; text-transform: capitalize;}
#p-confirm .p-confirm-body .t-data .data-list li ul li:last-child, .p-confirm .p-confirm-body .t-data .data-list li ul li:last-child a {text-transform: lowercase;}
#p-confirm .p-confirm-body .message, .p-confirm .p-confirm-body .message {font-size: 12px;font-family: robotolight;color: #b2b2b2;}
#p-confirm .p-confirm-body .message li, .p-confirm .p-confirm-body .message li {width: 100%;float: left;display: list-item;}
#p-confirm .p-confirm-body .message li:first-child, .p-confirm .p-confirm-body .message li:first-child {font-size: 11px; line-height: 11px;font-family: robotoreg;color: #7a7a7a; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px;}
#p-confirm .p-confirm-body .message li:last-child, .p-confirm .p-confirm-body .message li:last-child {font-family: robotolight;font-size: 12px;line-height: 12px;color: #b2b2b2}
#p-confirm .footer, .p-confirm .footer {width: 100%;float: left;padding: 20px;}

#totality, .totality {width: 100%;float: left;padding: 0px;}
#totality div, .totality div {width: 100%;float: left;margin-bottom: 10px;}
#totality div:last-child, .totality div:last-child {margin-bottom: 0px;}
#totality .total-list, .totality .total-list {width: 100%;float: left;}

#totality .total-list li, .totality .total-list li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #e5e5e5 !important;
	font-size: 14px;
	line-height: 14px;
	padding: 12px 0px !important;
}

#totality .total-list li ul li, .totality .total-list li ul li {width: auto;float: left;display: inline;border-bottom: 0px !important;padding: 0px !important;}
#totality .total-list li ul li:first-child, .totality .total-list li ul li:first-child {width: 30%;font-family: robotoreg;color: #7a7a7a;font-size: 11px;line-height: 11px;text-transform: uppercase;}
#totality .total-list li ul li:last-child, .totality .total-list li ul li:last-child {width: 70%;text-align: right;font-family: robotoreg;color:#4c4c4c;}
#totality .grand-total, .totality .grand-total {width: 100%;float: left;margin: 10px 0px !important; background: #f5f9fe; padding: 10px; border: 1px solid #e7eef7;border-radius: 2px;}
#totality .grand-total li.label, .totality .grand-total li.label {width: 100%;float: left;font-family: robotobold;font-size: 11px;text-transform: uppercase; padding-top: 0px; border-bottom: 0px; padding-bottom: 7px;}

#totality .grand-total li.amount, .totality .grand-total li.amount {
	width: 100%;
	font-family: robotoreg;
	text-transform: uppercase;
	font-size: 30px !important;
	line-height: 30px !important;
	letter-spacing: -2px !important;
	text-align: right;
	color: #3a3a3a;
	padding-top: 0px;
	border-bottom: 0px;
	padding-bottom: 10px;
}

#totality .grand-total li.notice, .totality .grand-total li.notice {font-family: robotoreg;font-size: 11px;line-height: 11px;border-top: 1px dotted #bbc4d2;padding-top: 10px;color: #8f99a8;}
#totality .grand-total li.amount span.decimal, .totality .grand-total li.amount span.decimal {color: #c1c1c1;}
#totality .notice, .totality .notice {font-family: robotoreg;color: #b2b2b2;font-size: 12px;line-height: 12px;}
#totality .other-fees, .totality .other-fees {width: 100%;float: left;margin: 10px 0px 2px 0px !important; background: #f6f6f6; padding: 10px; border: 1px solid #e3e3e3;border-radius: 2px; margin-top: -3px !important;}
#totality .other-fees li, .totality .other-fees li,#totality .bene-receive li, .totality .bene-receive li  {width: 100%;float: left;display: list-item;border-bottom: 1px solid #e2e2e2; padding: 10px 0px;}

#totality .other-fees li ul li, .totality .other-fees li ul li, #totality .bene-receive li ul li, .totality .bene-receive li ul li {padding: 0px 0px;border-bottom: 0px;}
#totality .bene-receive, .totality .bene-receive {width: 100%;float: left;margin: 10px 0px 2px 0px !important; background: #effaef; padding: 10px; border: 1px solid #d5f2d4;border-radius: 2px; margin-top: -3px !important; margin-bottom: 11px !important;}
#totality .other-fees li.charge-list ul li:first-child, .totality .other-fees li.charge-list ul li:first-child, #totality .bene-receive li.charge-list ul li:first-child, .totality .bene-receive li.charge-list ul li:first-child {width: 50%;font-family: robotoreg;color: #7a7a7a;font-size: 10px;line-height: 10px;text-transform: uppercase;}
#totality .other-fees li.charge-list ul li:last-child, .totality .other-fees li.charge-list ul li:last-child, #totality .bene-receive li.charge-list ul li:last-child, .totality .bene-receive li.charge-list ul li:last-child {width: 50%;text-align: right;font-family: robotoreg;color:#4c4c4c; font-size: 11px; line-height: 11px;}

#totality .other-fees li.charge-total ul li:first-child, .totality .other-fees li.charge-total ul li:first-child, #totality .bene-receive li.charge-total ul li:first-child, .totality .bene-receive li.charge-total ul li:first-child {width: 100%;font-family: robotoreg;color: #7a7a7a;font-size: 10px;line-height: 10px;text-transform: uppercase;}
#totality .other-fees li.charge-total ul li:last-child, .totality .other-fees li.charge-total ul li:last-child, #totality .bene-receive li.charge-total ul li:last-child, .totality .bene-receive li.charge-total ul li:last-child {width: 100%;text-align: right;font-family: robotobold;color:#4c4c4c; font-size: 16px; line-height: 16px; margin-top: 7px; margin-bottom: 0px;}
#totality .other-fees li.notice, .totality .other-fees li.notice, #totality .bene-receive li.notice, .totality .bene-receive li.notice {font-family: robotoreg;font-size: 11px;line-height: 11px;padding-top: 10px;color: #909090; border-bottom: 0px; padding-bottom: 0px;}

/************************************PRODUCT CONFIRMATION [end]************************************/

/************************************TRANSACTION RESULT [start]************************************/

#treslayout-1 #t-result {width: 100%;max-width: 800px;margin: 0 auto;}
#treslayout-2 #t-result {width: 100%;max-width: 480px;margin: 0 auto;}
#treslayout-2 #t-result .transaction-data {display: none;}

#t-result .shadow {background: #f5f9fe;}
#t-result .shadow .box-body {width: 100%;float: left;background-color: #fff;background-image: url(../storage/img/bg/bgFooterTriangle.png);background-repeat: no-repeat;background-position: bottom;}
#t-result .shadow .box-body .result-timer {width: 100%;float: left;background: #4285f4;}
#t-result .shadow .box-body .result-timer .msg {width: 75%;float: left;padding: 20px;color: #fff;}
#t-result .shadow .box-body .result-timer .msg .title {width: 100%;float: left;font-family: robotoreg;font-size: 18px;line-height: 18px;text-align: left;margin-bottom: 5px;}
#t-result .shadow .box-body .result-timer .msg .subtitle {width: 100%;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;text-align: left;color: #d0e2ff;}
#t-result .shadow .box-body .result-timer .clock {width: 25%;float: left;background: #4a69cf;padding: 20px;}
#t-result .shadow .box-body .result-timer .clock .icon {width: 60px;font-size: 45px;line-height: 45px;color: #fff;text-align: left;float: left;margin-top: 3px;}
#t-result .shadow .box-body .result-timer .clock .data {width: calc(100% - 60px);float: left;text-align: right;margin-top: 2px;}

#t-result .shadow .box-body .result-timer .clock .data .label {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 5px;
	color: #a5c7ff;
}

#t-result .shadow .box-body .result-timer .clock .data .countdown {font-family: robotobold;font-size: 30px;line-height: 30px;color: #fff;}

#treslayout-1 #t-result .shadow .box-body .result-data {
	width: 60%;
	float: left;
	padding: 40px;
	text-align: left;	
	background-image: url(../storage/img/icon/blueTriangle2.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#treslayout-2 #t-result .shadow .box-body .result-data {
	width: 100%;
	float: left;
	padding: 40px;
	text-align: left;	
	background-image: url(../storage/img/icon/redTriangle2.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#t-result .shadow .box-body .result-data div {width: 100%;float: left;margin-bottom: 20px;text-align: center;}
#t-result .shadow .box-body .result-data div div {margin-bottom: 0px;}
#t-result .shadow .box-body .result-data .result-icon {color: #4385f5;font-size: 100px;line-height: 100px;}
#t-result .shadow .box-body .result-data .result-qr {width: 100%;float: left;text-align: center; padding: 30px 0px}
#t-result .shadow .box-body .result-data .result-qr img {width: 80%;}
#t-result .shadow .box-body .result-data .result-icon .success {color: #4385f5;}
#t-result .shadow .box-body .result-data .result-icon .failed {color: #f05160;}
#t-result .shadow .box-body .result-data .result-icon .pending {color: #c0c0c0;}
#t-result .shadow .box-body .result-data .result-title {font-family: robotoreg;color: #4385f5;font-size: 30px;line-height: 30px;letter-spacing: -1px;}	
#t-result .shadow .box-body .result-data .result-title .success {color: #4385f5;}
#t-result .shadow .box-body .result-data .result-title .failed {color: #f05160;}
#t-result .shadow .box-body .result-data .result-title .pending {color: #4385f5;}
#t-result .shadow .box-body .result-data .result-subtitle {font-family: robotoreg;font-size: 14px;line-height: 16px;}
#t-result .shadow .box-body .result-data .result-tno {width: 100%;float: left;}
#t-result .shadow .box-body .result-data .result-tno li {
	width: 100%;
	float: left;
	display: list-item;
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
	padding: 10px 20px;
	text-align: center;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#t-result .shadow .box-body .result-data .result-tno li.success {border: 1px solid #4285f4;}
#t-result .shadow .box-body .result-data .result-tno li.failed {border: 1px solid #f05160;}
#t-result .shadow .box-body .result-data .result-tno li ul li {border: 0px; margin-bottom: 5px;	padding: 0px;}
#t-result .shadow .box-body .result-data .result-tno li ul li.label {font-family: robotoreg;font-size: 11px;line-height: 11px;color: #454545;text-transform: uppercase;}
#t-result .shadow .box-body .result-data .result-tno li ul li.no {font-family: robotobold;font-size: 20px;line-height: 20px;color: #454545;text-transform: uppercase;}

#t-result .shadow .box-body .result-data .notice {font-family: robotoreg;color: #b2b2b2;font-size: 12px;line-height: 12px; width: 100%;}
#t-result .shadow .box-body .transaction-data {width: 40%;float: left;text-align: left;padding-bottom: 20px;border-left: 1px solid #ebebeb;}
#t-result .shadow .box-body .transaction-data .margin {width: 100%;float: left;padding: 30px;margin-top: -15px;}

#t-result .shadow .box-body .transaction-data .margin .stat-pend  {
	width: 100%;
	float: left;
	padding: 10px;
	font-family: robotobold;
	font-size: 10px;
	line-height: 10px;
	border-radius: 2px;	
	text-transform: uppercase;
	background: #fff6d0;
	border:1px solid #ece1b7;
	color: #8b6550;
	text-align: center;
}

#t-result .shadow .box-body .transaction-data .margin li {
	width: 100%;
	float: left;
	border-bottom: 1px dashed #d6d6d6;
	padding: 8px 0px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#t-result .shadow .box-body .transaction-data .margin li.list-title {
	border-bottom: 0px;
	padding: 0px 0px;
	font-family: robotobold;
	color: #252525;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 5px;
}

#t-result .shadow .box-body .transaction-data .margin div {width: 100%;float: left;	margin-bottom: 10px;}
#t-result .shadow .box-body .transaction-data .margin div .data-title {width: 100%;float: left;font-family: robotobold;font-size: 14px;line-height: 14px;}
#t-result .shadow .box-body .transaction-data .margin div .data-list {width: 100%;float: left;} 
#t-result .shadow .box-body .transaction-data .margin li ul li {width: 50%;float: left;padding: 0px;border-bottom: 0px;}
#t-result .shadow .box-body .transaction-data .margin li ul li.label {font-size: 12px;line-height: 12px;font-family: robotoreg; text-transform: capitalize;}
#t-result .shadow .box-body .transaction-data .margin li ul li.output {font-size: 12px;line-height: 12px;font-family: robotobold;text-align: right;color: #6d6d6d;word-wrap: break-word; text-transform: capitalize;}
#t-result .shadow .box-body .transaction-data .margin li ul li.output a {text-transform: lowercase;}

#t-result .shadow .box-body .transaction-data .margin li.total {
	border-bottom: 1px solid #4285f4;
	border-top: 1px solid #4285f4;
	padding: 10px 0px 15px 0px;
	text-transform: uppercase;
	margin-top: -1px;
}

#t-result .shadow .box-body .transaction-data .margin li.total ul li.label {
	font-size: 11px;
	line-height: 11px;
	font-family: robotobold;
	text-transform: uppercase;
	padding:0px;
	color: #252525;
}

#t-result .shadow .box-body .transaction-data .margin li.total ul li.output {
	font-size: 30px;
	line-height: 30px;
	font-family: robotoreg;
	text-align: right;
	color: #3e3e3e;
	letter-spacing: -1px;
	padding-bottom: 15px;
	padding:0px;
	width: 100%;	
}

#t-result .shadow .box-body .transaction-data .margin li.total ul li.output span {color: #c1c1c1;}
#t-result .shadow .box-footer {width: 100%;float: left;padding: 20px;border-top: 0px;}


/************************************TRANSACTION RESULT [end]************************************/

/************************************REGISTRATION RESULT [start]************************************/

#r-result {width: 100%;max-width: 550px;margin: 0 auto;}
#r-result .shadow {background: #f5f9fe;}
#r-result .shadow .box-body {width: 100%;float: left;background-color: #fff;background-repeat: no-repeat;background-position: bottom;color: #4385f5;font-size: 100px;line-height: 100px;}

#r-result .shadow .box-body .result-icon-success {
	width: 100%;
	float: left;
	background-image: url(../storage/img/icon/blueTriangle2.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 40px;
	color: #4385f5;
}

#r-result .shadow .box-body .result-icon-failed {
	width: 100%;
	float: left;
	background-image: url(../storage/img/icon/redTriangle2.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 40px;
	color: #f05160;
}

#r-result .shadow .box-body .result-data {width: 100%;float: right;padding: 20px 50px 40px 50px;text-align: center;}
#r-result .shadow .box-body .result-data .result-title {
	font-family: robotoreg;
	color: #4385f5;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 0px;
	width: 100%;
	float: left;
	text-transform: uppercase;
}
#r-result .shadow .box-body .result-data .result-title .success {color: #4385f5;}
#r-result .shadow .box-body .result-data .result-title .failed {color: #f05160;}
#r-result .shadow .box-body .result-data .result-subtitle {font-family: robotoreg;font-size: 14px;line-height: 16px;width: 100%; float: left; color: #7f7f7f;}
#r-result .shadow .box-body .result-data .result-a-services {width: 100%;float: left;text-align: center;font-size: 14px;line-height: 14px;margin-top: 40px;margin-bottom: 10px;}
#r-result .shadow .box-body .result-data .result-a-services .pos {width: 100%;margin: 0 auto;border: 1px solid #4285f4;float: left;}
#r-result .shadow .box-body .result-data .result-a-services .pos li {
	padding: 20px;
	width: 50%;
	float: left;
	display: inline;
	list-style: none;
	text-align: center;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#r-result .shadow .box-body .result-data .result-a-services .pos li:first-child {border-right: 1px solid #4285f4;}
#r-result .shadow .box-body .result-data .result-a-services .pos li ul li:first-child {border-right:0px;}
#r-result .shadow .box-body .result-data .result-a-services .pos li ul li {width: 100%;float: left;display: list-item;padding: 0px;}
#r-result .shadow .box-body .result-data .result-a-services .pos li ul li.icon {font-size: 24px;line-height: 24px;margin-bottom: 5px;}
#r-result .shadow .box-body .result-data .result-a-services .pos li ul li.icon .yes {color: #4285f4;}
#r-result .shadow .box-body .result-data .result-a-services .pos li ul li.icon .no {color: #f67b7b;}
#r-result .shadow .box-body .result-data .result-a-services .pos li ul li.label {font-family: robotobold;font-size: 11px;line-height: 11px;text-transform: uppercase;color: #454545;}
#r-result .shadow .cprofile-body {width: 100%;float: left;background: #fff;border-top: 1px dashed #d3d3d3;}
#r-result .shadow .cprofile-body .c-profile-intro .box {background: #fff;border: 0px;}
#r-result .shadow .box-body .result-data .result-a-services .notice {width: 100%;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;color: #b2b2b2;margin-top: 10px;}

/************************************REGISTRATION RESULT [end]************************************/

/************************************UPDATE RESULT [start]************************************/

.u-result-wide {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.u-result {width: 100%;float: left;text-align: center;}
.u-result .icon {width: 100%;float: left;font-size: 80px;line-height: 80px;color: #4285f4;margin-bottom: 15px;}
.u-result .text {width: 100%;float: left;font-family: robotobold;font-size: 12px;line-height: 12px;text-transform: uppercase;color: #4285f4;padding-bottom: 10px;}
.u-result .msg {width: 100%;float: left;font-family: robotoreg;font-size: 13px;line-height: 13px; padding:15px; background: #e5ebf5; border: 1px solid #d4dff2; border-radius: 5px; margin-top: 5px;}
.u-result .msg span {color: #4285f4; font-family: robotobold; font-size: 14px;}
.bpop-result-contents {height: 100%;}

/************************************UPDATE RESULT [end]************************************/

/************************************GLOBAL FILTER [start]************************************/

#GH-t-filter {	
	position: relative;	
	float: right;
	top: -100px;
	height: 50px;
	background: #4285f4;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;

	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-o-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}

#GH-t-filter .globalContainer li {width: auto;float: left;border-right: 1px solid #6ea1f7;padding: 0px;}
#GH-t-filter .globalContainer li ul li {border-right: 0px;}
#GH-t-filter .globalContainer li.sort-type {padding: 8px;background: url(../storage/img/icon/whiteTriangle2.png) no-repeat bottom right;}
#GH-t-filter .globalContainer li.sort-date {padding: 0px 0px 0px 10px;background: url(../storage/img/icon/whiteTriangle2.png) no-repeat bottom right; display: none;}
@media (min-width:1350px) { #GH-t-filter .globalContainer li.sort-date {display: block;}}
#GH-t-filter .globalContainer li.search {width: auto;float: right;background: url(../storage/img/icon/whiteTriangle2.png) no-repeat bottom right;}
#GH-t-filter .globalContainer li.page {width: auto;float: right;}

/*****GF Search Filter - Type [start]*****/

#GH-t-filter #s-filter-nav {width: 100%; float: left;}
#GH-t-filter #s-filter-nav li {color: #b6d1ff;}
#GH-t-filter #s-filter-nav li:hover {border: 1px solid #2e71df; color: #fff; background: #3478e8;}
#GH-t-filter #s-filter-nav li:hover ul {display: block;}
#GH-t-filter #s-filter-nav li ul li {width: 100%;display: list-item;}
#GH-t-filter #s-filter-nav li.arrow:hover {background: none;}
#GH-t-filter #s-filter-nav li ul li:hover {padding: 0px !important;border: 0px !important;border-bottom: 1px solid #d2dae3 !important;}
#GH-t-filter #s-filter-nav li ul li, #GH-t-filter #s-filter-nav li ul li:hover {background: #fff;}
#GH-t-filter #s-filter-nav li ul li.arrow {background: none;}
#GH-t-filter #s-filter-nav li ul li.arrow:hover {border-bottom: 0px !important;}

/*****GF Search Filter - Type [end]*****/


/*****GF Search Filter - Date [start]*****/

#GH-t-filter #s-filter-date {padding: 8px; margin-top: 1px;}
#GH-t-filter #s-filter-date .pos li.icon1 {color:#b6d1ff;}
#GH-t-filter #s-filter-date .pos li.icon2 {color:#b6d1ff;}
#GH-t-filter #s-filter-date .pos li.btn {margin-top: 2px;margin-left: 5px;}
#GH-t-filter #s-filter-date .pos li input {background: #4285f4; border: 1px solid #6ea1f7 !important; color: #b6d1ff !important; padding: 8px 12px !important; margin-top: -1px;}
#GH-t-filter #s-filter-date .pos li input:focus {border: 1px solid #2e71df !important;color: #fff !important; background: #3478e8;
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-ms-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-o-box-shadow:0px 0px 0px rgba(0,0,0,0);
	box-shadow:0px 0px 0px rgba(0,0,0,0);
}

#GH-t-filter #s-filter-date .pos li input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #b6d1ff !important;font-family: robotoreg;}
#GH-t-filter #s-filter-date .pos li input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #b6d1ff !important; font-family: robotoreg;}
#GH-t-filter #s-filter-date .pos li input::-ms-input-placeholder { /* Microsoft Edge */color: #b6d1ff !important; font-family: robotoreg;}

#GH-t-filter #s-filter-date .pos li input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #fff !important;font-family: robotoreg;}
#GH-t-filter #s-filter-date .pos li input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff !important;font-family: robotoreg;}
#GH-t-filter #s-filter-date .pos li input:focus::-ms-input-placeholder { /* Microsoft Edge */color: #fff !important;font-family: robotoreg;}

#GH-t-filter #s-filter-date .pos li.btn {margin-top: 1px;}
#GH-t-filter #s-filter-date .pos li button {border: 1px solid #6ea1f7;color: #b6d1ff;}
#GH-t-filter #s-filter-date .pos li button:hover {color: #fff; border: 1px solid #2e71df; background: #3478e8;}

/*****GF Search Filter - Date [end]*****/

/*****GH Paging [start]*****/

#GH-t-filter #GH-paging {width: auto;float: left;margin-top: 16px;margin-right: 5px;margin-left: 7px;}
#GH-t-filter #GH-paging li {width: auto;float: left;display: inline;padding: 0px 5px;}
#GH-t-filter #GH-paging li.output {font-family: robotolight;font-size: 12px;line-height: 12px;margin-top: 2px;color: #fff;}

#GH-t-filter #GH-paging li a {
	padding: 2px 10px;
	text-align: center;
	border: 1px solid #6ea1f7;
	color: #b6d1ff;
	font-size: 16px;
	line-height: 16px;
	border-radius: 3px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#GH-t-filter #GH-paging li a:hover {color: #fff; border: 1px solid #2e71df; background: #3478e8;}
#GH-t-filter #GH-paging li.action-btn {margin-top: -1px;}

#GH-t-filter #GH-paging li.action-btn a {
	padding: 7px 10px;
	text-align: center;
	border: 1px solid #6ea1f7;
	color: #b6d1ff;
	font-size: 11px;
	line-height: 11px;
	border-radius: 3px;
	text-transform: uppercase;
	font-family: robotobold;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#GH-t-filter #GH-paging li.action-btn-b {
	padding: 8px 10px;
	text-align: center;
	border: 1px solid #6ea1f7;
	color: #b6d1ff;
	font-size: 11px;
	line-height: 11px;
	border-radius: 3px;
	text-transform: uppercase;
	font-family: robotobold;
	cursor: pointer;
	margin-top: -6px;
	margin-right: 3px;
	margin-left: 4px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#GH-t-filter #GH-paging li#oview-slider2-off {display: none;}
#GH-t-filter #GH-paging li a:hover, #GH-t-filter #GH-paging li.action-btn-b:hover {color: #fff; border: 1px solid #2e71df; background: #3478e8;}

}


/*****GH Paging [end]*****/

/*****GF Paging [start]*****/

#GH-t-filter #GH-search {width: auto;float: left;}
#GH-t-filter #GH-search li {width: auto;float: left;display: inline;padding: 10px;margin-top: 0px;}
#GH-t-filter #GH-search li.sbox {width: 200px;float: left;}
#GH-t-filter #GH-search li.sbtn {width: auto;float: left;margin-left: -48px;margin-top: 1px;}
#GH-t-filter #GH-search li input {width: 100%;padding: 6px 10px;font-size: 12px;line-height: 12px;}

#GH-t-filter #GH-search li button {
	background: none;
	border: 0px;
	padding: 6px !important;
	margin: 0px;
	font-size: 16px;
	line-height: 16px;
	color: #4b4b4b;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#GH-t-filter #GH-search li button:hover {color: #4285f4;}

/*****GF Paging [end]*****/

/************************************GLOBAL FILTER [end]************************************/

/************************************TRANSACTION HISTORY [start]************************************/

#transaction-report {width: 100%;float: left;}
#transaction-report .hbody-left {width: 75%;}
#transaction-report .hbody-right {width: 25%;}

#s-filter {width: 100%;float: left;}
#s-filter li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #e5e5e5;}
#s-filter li ul li, #s-filter li:last-child {border-bottom: 0px;}
#s-filter li.filter-search {padding: 15px;}
#s-filter li.filter-specific {border-bottom: 1px solid #e5e5e5;}
#s-filter li.filter-specific.no-border {border-bottom: 0px !important;}
#s-filter li.filter-search.fsearch-adjust {width: calc(100% - 0px);background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
#s-filter li.search-inline {width: 307px; float: right; border-bottom: 0px; float: right;padding: 18px;border-left: 1px solid #e5e5e5; display: none;}
#s-filter li.search-inline ul li {padding-right: 10px; float: right;}
#s-filter li.search-inline ul li:first-child {padding-right: 0px;}



#s-filter li ul li {width: auto;float: left;display: inline;}
#s-filter li ul li.search-box {width: 100%;}
#s-filter li ul li.search-btn {width: auto;float: right;margin-top: -34px;margin-right: 6px;}
#s-filter li ul li.search-btn button {
	width: auto;
	display: block;
	padding: 5px;
	background: none;
	font-size: 16px;
	line-height: 16px;
	border: 0px;
	cursor: pointer;
	outline: none;
	color: #4b4b4b;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#s-filter li ul .sp li.search-btn {margin-top: -49px;margin-right: 13px;}
#s-filter li ul .sp li.search-btn button {font-size: 22px;line-height: 22px;}

#s-filter li ul li.search-btn button:hover {color: #4285f4;}
#s-filter li ul li.sort-type {width: auto;float: left;border-right: 1px solid #e5e5e5;padding: 10px;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
#s-filter li ul li.sort-type2 {width: 100%;float: left;padding: 10px; background: #fff; }
#s-filter li ul li.sort-date {width: auto;float: right; background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
#s-filter li ul li.paging {width: auto;float: right; background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
#s-filter li ul li.clr {width: auto;float: right; margin-top: 10px; margin-right: 15px;}
#s-filter li ul li.stat {width: auto;float: left; padding: 20px 20px; margin-top: 1px;font-size: 11px; line-height: 11px; font-family: robotoreg; text-transform: uppercase;color: #7a7a7a;}
#s-filter li ul li.paging .l-paging {margin-top: 15px; padding-right: 13px;}
#s-filter li.transaction-count {width: 100%;float: left;padding: 15px;}
#s-filter li.transaction-count ul li {width: 50%;float: left;display: inline;}
#s-filter li.transaction-count ul li.count {text-align: left;font-family: robotolight;font-size: 11px;text-transform: uppercase;margin-top: 3px;}

#s-filter li.transaction-count ul li.count span {
	font-family: robotobold;
	font-size: 12px;
	line-height: 12px;
	display: inline-block;
	background: #f5f8fc;
	border: 1px solid #e1e9f3;
	width: auto;
	text-align: center;
	border-radius: 3px;
	padding: 5px;
}

/*****Search Filter - Alpha [start]*****/

#s-filter li.filter-alpha-title {
	width: 100%;
	float: left;
	background: #fff;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	padding: 20px;
	text-align: left;
	color: #4c4c4c;
}
#s-filter li.filter-alpha {width: 100%;padding: 15px;}
#s-filter li.filter-alpha ul li {
	margin: 8px;
	cursor: pointer;
	display: inline-block;
	float: left;
	width: 22px;
	height: 22px;
	line-height: 20px;
	text-align: center;
	border-radius: 100px;
	border: 1px solid #4385f5;
	color: #4385f5;
	font-family: robotobold;
	font-size: 12px;
	text-transform: uppercase;
	background: #fff;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#s-filter li.filter-alpha ul li.active {background: #4385f5;color: #fff;}
#s-filter li.filter-alpha ul li:hover {background: #4385f5;color: #fff;}

/*****Search Filter - Alpha [end]*****/

/*****Search Filter - Type [start]*****/

#s-filter-nav {width: 100%; float: left;}

#s-filter-nav li, #s-filter-nav-a li a {
	width: auto;
	float: left;
	font-size: 11px;
	line-height: 11px;
	font-family: robotoreg;
	display: inline-block;
	text-transform: uppercase;
	padding: 11px 14px !important;
	cursor: pointer;
	border-radius: 3px;
	margin: 0px 5px;
	color: #7a7a7a;
}

#s-filter-nav li.offset, #s-filter-nav-a li.offset a {
	width: auto;
	float: left;
	font-size: 11px;
	line-height: 11px;
	font-family: robotobold;
	display: inline-block;
	text-transform: uppercase;
	padding: 11px 14px !important;
	cursor: pointer;
	border-radius: 3px;
	margin: 0px 5px;
	color: #7a7a7a;
}

#s-filter-nav li:hover {border: 1px solid #4285f4;padding: 10px 13px !important; color: #3c3c3c;

	-webkit-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-moz-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-ms-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-o-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	box-shadow:0px 0px 10px rgba(66,133,244,0.5);
}

#s-filter-nav li:hover ul.filter-subnav {display: block;}
#s-filter-nav li i {padding-right: 5px;}

#s-filter-nav li ul.filter-subnav {
	display: none;
	width: 170px;
	line-height: 0px;
	position: absolute;
	z-index: 1;
	background: #fff;
	margin-top: 12px;
	margin-left: -15px;
	border:1px solid #e5e5e5;
	border-bottom: 0px;
	border-radius: 0px;
	text-align: left;
	z-index: 10;

	-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.1);
	-ms-box-shadow:0px 5px 10px rgba(0,0,0,0.1);
	-o-box-shadow:0px 5px 10px rgba(0,0,0,0.1);
	box-shadow:0px 5px 10px rgba(0,0,0,0.1);
}

#s-filter-nav li ul li {width: 100%;display: list-item;padding: 0px !important;border-radius: 0px; margin: 0px 0px;border-bottom: 0px;}
#s-filter-nav li ul li:hover {padding: 0px !important;border: 0px !important; 
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-ms-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-o-box-shadow:0px 0px 0px rgba(0,0,0,0);
	box-shadow:0px 0px 0px rgba(0,0,0,0);
}

#s-filter-nav ul.filter-subnav-list {
	display: block;
	width: 100%;
	height: auto;
	max-height: 198px;
	overflow-y: hidden;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	border:0px;

	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-ms-box-shadow:0px 0px 0px rgba(0,0,0,0);
	-o-box-shadow:0px 0px 0px rgba(0,0,0,0);
	box-shadow:0px 0px 0px rgba(0,0,0,0);
}

#s-filter-nav li ul li ul li {width: 100%;display: list-item;border: 0px;border-bottom: 1px solid #e5e5e5;padding: 0px !important;border-radius: 0px; margin: 0px 0px;}
#s-filter-nav li ul li ul li:hover {padding: 0px !important;border: 0px !important;border-bottom: 1px solid #d2dae3 !important;}

#s-filter-nav li ul li ul li a {
	display: block;
	font-family: robotobold;
	font-style: 14px;
	text-transform: capitalize;
	color: #535353;
	width: 100%;
	padding: 10px;
	font-size: 12px;
	line-height: 12px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#s-filter-nav li ul li ul li.subnav-btn {
	display: block;
	font-family: robotobold;
	font-style: 14px;
	text-transform: capitalize;
	color: #535353 !important;
	width: 100%;
	padding: 10px !important;
	font-size: 12px;
	line-height: 12px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#s-filter-nav li ul li ul li a:hover, #s-filter-nav li ul li ul li.subnav-btn:hover {color: #4285f4 !important;background: #f5f8fc !important; padding: 10px !important;}
#s-filter-nav li ul li.arrow {border-bottom: 0px !important;padding: 0px;margin-top: -10px;border-top: 0px !important;position: absolute;}
#s-filter-nav li ul li.arrow:hover {border-bottom: 0px !important;background: none;}
#s-filter-nav li ul li.arrow img {margin-left: 10px;}

/*****Search Filter - Type [end]*****/

/*****Search Filter - Date [start]*****/

#s-filter-date {width: 100% !important; float: left; padding: 10px 10px 0px 10px; margin-top: 1px;}
#s-filter-date .pos li {width: auto;float: left;display: inline;}
#s-filter-date .pos li.icon1 {font-size: 12px;line-height: 12px;font-family: robotoreg;color: #7a7a7a;margin-top: 10px;}
#s-filter-date .pos li.icon2 {font-size: 10px;line-height: 10px;font-family: robotoreg;color: #7a7a7a;margin-top: 12px;}
#s-filter-date .pos li.btn {margin-top: 2px;margin-left: 5px;}
#s-filter-date .pos li.btn.adjust {margin-right: 5px;}
#s-filter-date .pos li.btn .btn-bluebox {margin-top: -3px;}
#s-filter-date .pos li.btn .btn-bluebox-b {margin-top: -3px; margin-left: 4px;}

#s-filter-date .pos li input {
	width: 90px;
	border: 0px;
	font-size: 11px;
	line-height: 11px;
	font-family: robotoreg;
	padding: 9px 12px !important;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 3px;
	margin: 0px 5px;
	background: #fff;
	color: #7a7a7a;
	margin-top: -1px !important;
	transition: 0.0s; -webkit-transition: 0.0s; -moz-transition: 0.0s; -ms-transition: 0.0s; -o-transition: 0.0s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#s-filter-date .pos li input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #7a7a7a;font-family: robotoreg;}
#s-filter-date .pos li input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #7a7a7a; font-family: robotoreg;}
#s-filter-date .pos li input::-ms-input-placeholder { /* Microsoft Edge */color: #7a7a7a; font-family: robotoreg;}

#s-filter-date .pos li input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #3c3c3c;font-family: robotoreg;}
#s-filter-date .pos li input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #3c3c3c;font-family: robotoreg;}
#s-filter-date .pos li input:focus::-ms-input-placeholder { /* Microsoft Edge */color: #3c3c3c;font-family: robotoreg;}


#s-filter-date .pos li input:focus {border: 1px solid #4285f4;padding: 8px 11px !important; color: #3c3c3c;
	-webkit-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-moz-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-ms-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-o-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	box-shadow:0px 0px 10px rgba(66,133,244,0.5);
}

#s-filter-date .pos li input {-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';}

#s-filter-date .pos li button {
	width: auto;
	display: block;
	padding: 7px 9px;
	background: none;
	font-size: 16px;
	line-height: 16px;
	border: 1px solid #ebebeb;
	cursor: pointer;
	outline: none;
	color: #4b4b4b;
	border-radius: 3px;
	margin-top: -2px;
	margin-right: 5px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#s-filter-date .pos li button:hover {color: #4285f4; border: 1px solid #4285f4;}

/*****Search Filter - Date [end]*****/














/*****Search Filter - Date [start]*****/

#s-filter-date {width: 100% !important; float: left; padding: 10px 10px 0px 10px; margin-top: 1px;}
#s-filter-date .pos li {width: auto;float: left;display: inline;}
#s-filter-date .pos li.icon1 {font-size: 12px;line-height: 12px;font-family: robotoreg;color: #7a7a7a;margin-top: 10px;}
#s-filter-date .pos li.icon2 {font-size: 10px;line-height: 10px;font-family: robotoreg;color: #7a7a7a;margin-top: 12px;}
#s-filter-date .pos li.btn {margin-top: 2px;margin-left: 5px;}
#s-filter-date .pos li.btn .btn-bluebox {margin-top: -3px;}
#s-filter-date .pos li.btn .btn-bluebox-b {margin-top: -3px; margin-left: 4px;}

#s-filter-date .pos li input {
	width: 90px;
	border: 0px;
	font-size: 11px;
	line-height: 11px;
	font-family: robotoreg;
	padding: 9px 12px !important;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 3px;
	margin: 0px 5px;
	background: #fff;
	color: #7a7a7a;
	transition: 0.0s; -webkit-transition: 0.0s; -moz-transition: 0.0s; -ms-transition: 0.0s; -o-transition: 0.0s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#s-filter-date .pos li input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #7a7a7a;font-family: robotoreg;}
#s-filter-date .pos li input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #7a7a7a; font-family: robotoreg;}
#s-filter-date .pos li input::-ms-input-placeholder { /* Microsoft Edge */color: #7a7a7a; font-family: robotoreg;}

#s-filter-date .pos li input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #3c3c3c;font-family: robotoreg;}
#s-filter-date .pos li input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #3c3c3c;font-family: robotoreg;}
#s-filter-date .pos li input:focus::-ms-input-placeholder { /* Microsoft Edge */color: #3c3c3c;font-family: robotoreg;}


#s-filter-date .pos li input:focus {border: 1px solid #4285f4;padding: 8px 11px !important; color: #3c3c3c;
	-webkit-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-moz-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-ms-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	-o-box-shadow:0px 0px 10px rgba(66,133,244,0.5);
	box-shadow:0px 0px 10px rgba(66,133,244,0.5);
}

#s-filter-date .pos li input {-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';}

#s-filter-date .pos li button {
	width: auto;
	display: block;
	padding: 7px 9px;
	background: none;
	font-size: 16px;
	line-height: 16px;
	border: 1px solid #ebebeb;
	cursor: pointer;
	outline: none;
	color: #4b4b4b;
	border-radius: 3px;
	margin-top: -2px;
	margin-right: 5px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#s-filter-date .pos li button:hover {color: #4285f4; border: 1px solid #4285f4;}

/*****Search Filter - Date [end]*****/

/*****Transaction Overview [start]*****/

#t-sOverview {width: 100%; max-width: 222px !important; position: fixed; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
@media (min-width:1350px) {#t-sOverview {max-width: 260px !important;}}
@media (min-width:1500px) {#t-sOverview {max-width: 275px !important;}}
#t-sOverview li {width: 100%;float: left;display: list-item;padding: 12px 0px;border-bottom: 1px solid #6ea1f7;}
#t-sOverview li:first-child {padding-top: 8px;}
#t-sOverview li.oview-line, #t-sOverview li.oview-line2 {border-bottom: 1px solid #b7d2ff;}
#t-sOverview li:last-child {padding-bottom: 0px; border-bottom: 0px;}
#t-sOverview li ul li, #t-sOverview li ul li:first-child {width: auto;float: left;display: inline;border-bottom: 0px;padding: 0px 0px;}
#t-sOverview li ul li.icon {width: 8%;float: left;font-size: 11px;line-height: 11px;margin-top: 4px; color: #a0c3ff;}
#t-sOverview li.oview-line2 ul li.icon {margin-top: 0px;}



#t-sOverview.list3 li ul li, #t-sOverview.list3 li ul li:first-child {width: auto;float: left;display: inline;border-bottom: 0px;padding: 0px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

#t-sOverview li ul li.label {
	width: 30%;
	float: left;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	padding-right: 10px;
	margin-top: 0px;
}

#t-sOverview.list3 li ul li.label {
	width: 50% !important;
	float: left;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	padding-right: 10px;
	margin-top: 0px;
}

#t-sOverview.list3 li ul li.label.full i {
	color:#f88a8a;
}

#t-sOverview li.oview-line2 ul li.label {
	width: 87% !important;
	margin-bottom: 10px;
}

#t-sOverview li ul li.output {
	width: 52%;
	float: right;
	text-align: right;
	font-family: robotoreg;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	letter-spacing:-1px;
}

#t-sOverview.list3 li ul li.output {
	width: 25% !important;
	float: left;
	text-align: right;
	font-family: robotoreg;
	font-size: 13px !important;
	line-height: 13px !important;
	color: #fff;
	letter-spacing:-1px;
}

#t-sOverview li.oview-line2 ul li.output {
	width: 100%;
	text-align: right;
	font-family: robotoreg;
	font-size: 18px;
	line-height: 18px;
	float: left;
	letter-spacing: 0px;
}

#t-sOverview li.total {
	width: 100%;
	float: left;
	padding: 15px 0px;
	/*border-bottom: 1px solid #b7d2ff;*/
	border-top: 1px solid #b7d2ff;
	margin-top: -1px;
}

#t-sOverview li.total ul li {border: 0px;margin-top: 0px;}

#t-sOverview li.total ul li.label {
	width:100%;
	float: left;
	font-family: robotobold;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}

#t-sOverview li.total ul li.label i {margin-right: 5px;}

#t-sOverview li.total ul li.output {
	width: 100%;
	float: right;
	text-align: right;
	font-family: robotoreg;
	font-size: 25px;
	line-height: 25px;
	color: #fff;
	letter-spacing:-1px;
}

#t-sOverview li.total.list2 {
	border-bottom: 0px !important;
	padding-top: 10px !important;
	margin-bottom: -5px !important;
}

#t-sOverview li.total.list2.adjust {
	padding-top: 15px !important;
	margin-bottom: -10px !important;
}

#t-sOverview li.total.list2 ul li {
	width:33.3%;
	float: left;
	display: inline;
	border-right: 1px solid #6ea1f7;
	padding-right: 10px !important;
}

#t-sOverview li.total.list2 ul li:last-child {
	border-right: 0px;
	width: 33.4% !important;
	padding-right: 0px !important;
}

#t-sOverview li.total.list2 ul li ul li.label {
	width:100% !important;
	float: left;
	font-family: robotobold;
	font-size: 10px;
	line-height: 10px;
	line-height: 11px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: right;
	border-right: 0px;
	padding-right: 0px !important;
	color: #fff;
}

#t-sOverview li.total.list2 ul li ul li.output {
	width: 100% !important;
	float: right;
	text-align: right;
	font-family: robotoreg;
	font-size: 19px !important;
	line-height: 19px !important;
	color: #fff;
	letter-spacing:0px;
}


#t-sOverview li ul li.output span {color: #a0c3ff;}
#t-sOverview .btn-bluebox a:hover  {background: #3478e8;border: 1px solid #2e71df;}

#t-sOverview .account-logs {width: 100%;float: left;margin-top: -10px;}
#t-sOverview .account-logs li {width: 100%;float: left;display: list-item;border-bottom: 1px dashed #6ea1f7;padding: 10px 0px;}
#t-sOverview .account-logs li ul li {width: auto;float: left;display: inline;border-bottom: 0px;padding: 0px 0px;}
#t-sOverview .account-logs li ul li.label {width: 50%;font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;color: #d6e5ff;}
#t-sOverview .account-logs li ul li.label i {padding-right: 10px;padding-left: 0px; width: 10px;}
#t-sOverview .account-logs li ul li.label span {width: 100%; float: left; margin-top: 5px;}
#t-sOverview .account-logs li ul li.output {width: 50%;font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase; letter-spacing: 0px; word-wrap: break-word;}
#t-sOverview .log-footer {width: 100%;float: left;margin-top: 20px;}
#t-sOverview .account-logs li ul li.output .activity {font-family: robotobold; color: #fff; width: 100%; float: left;}
#t-tOverview {width: 100%; max-width: 222px !important; position: fixed; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
@media (min-width:1350px) {#t-sOverview {max-width: 260px !important;}}
@media (min-width:1500px) {#t-sOverview {max-width: 275px !important;}}


#t-sOverview.list2 li {
	width: 100%;
	float: left;	
	padding: 3px 0px !important;
	border-bottom: 1px solid #6ea1f7;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#t-sOverview.list2 li.header {
	border-bottom: 1px solid #b7d2ff;
	margin-bottom: 5px;
	margin-top: -10px;
}

#t-sOverview.list3 li.header {
	border-bottom: 1px solid #b7d2ff;
	margin-bottom: 5px;
}

#t-sOverview.list3 li.header ul li.label, #t-sOverview.list3 li.header ul li.output {
	font-family: robotobold;
	font-size: 10px !important;
	text-transform: uppercase;
	color: #fff;
	margin-top: -5px;
}

#t-sOverview.list2 li.header ul li ul li.label {
	font-family: robotobold;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 2px;
}

#t-sOverview.list2 li ul li {
	width: 40%;
	float: left;
	display: inline;
	border-bottom: 0px;
	
	
}

#t-sOverview.list2 li ul li:first-child {
	float: left;
}

#t-sOverview.list2 li ul li {
	float: right;
}

#t-sOverview.list2 li ul li ul li {
	width: 35%;
	float: left;
	display: inline;
	border-bottom: 0px;
	border: 0px;
	padding: 0px !important;
}

#t-sOverview.list2 li ul li ul li:first-child {
	width: 30%;
	float: left;
	display: inline;
}

#t-sOverview.list2 li ul li ul li .label {
	
	float: left;
	font-family: robotoreg;
	display: inline;
	text-align: center;
	background: #6ea1f7;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 100px;
	padding: 0px;
	margin-top: -2px;
}

#t-sOverview.list2 li ul li ul li .label.open {
	/*background: #8db854;*/
	background: #6ea1f7;
}

#t-sOverview.list2 li ul li ul li .label.close {
	background: #f67b7b;
}


#t-sOverview.list2 li ul li ul li.output {
	float: left;
	text-align: right;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	display: inline;
	letter-spacing: 0px;

}


/*****Transaction Overview [end]*****/

/*****Transaction History Table [start]*****/

.t-table-header {width: 100%;float: left;}
.t-table-header .list-title {width: 50%;float: left;margin-top: 5px;}
.t-table-header .list-title  span {color: #4285f4;}
.t-table-header .list-control {width: 50%;float: left;}
.t-table-header .list-control i {padding: 0px !important;margin: 0px !important;}

#t-table.col3 tr th:not(.dataTables_empty), #t-table.col3 tr td:not(.dataTables_empty) {width: 33.3% !important;}
#t-table.col4 tr th:not(.dataTables_empty), #t-table.col4 tr td:not(.dataTables_empty) {width: 25% !important;}
#t-table.col7 tr th:not(.dataTables_empty), #t-table.col7 tr td:not(.dataTables_empty) {width: 14.2% !important;}
#t-table.col8 tr th:not(.dataTables_empty), #t-table.col8 tr td:not(.dataTables_empty) {width: 12.5% !important;}
#t-table.col9 tr th:not(.dataTables_empty), #t-table.col9 tr td:not(.dataTables_empty) {width: 11.1% !important;}
#t-table.col10 tr th:not(.dataTables_empty), #t-table.col10 tr td:not(.dataTables_empty) {width: 10% !important;}

#t-table tr td, #t-table tr th {padding: 12px 5px !important; text-transform: uppercase;}
#t-table tr td i, #t-table tr th i {font-size: 16px;}

#t-table tr td .stat0 i {color: #4285f4 !important;}
#t-table tr td .stat1 i {color: #f05160 !important;}
#t-table tr td .stat2 i {color: #f9b557 !important;}
#t-table tr td .stat3 i {color: #8cc63f !important;}

#t-table.transactions tr th:first-child, #t-table.transactions tr td:first-child {width: 20% !important; text-align: left; padding-left: 20px !important;}
#t-table.transactions tr th:nth-child(2), #t-table.transactions tr td:nth-child(2) {width: 22% !important; text-align: left;}
#t-table.transactions tr th:nth-child(3), #t-table.transactions tr td:nth-child(3) {width: 15% !important; text-align: left;}
#t-table.transactions tr th:nth-child(4), #t-table.transactions tr td:nth-child(4) {width: 11% !important;}
#t-table.transactions tr th:nth-child(5), #t-table.transactions tr td:nth-child(5) {width: 12% !important; text-align: right;}
#t-table.transactions tr th:nth-child(6), #t-table.transactions tr td:nth-child(6) {width: 12% !important; text-align: center;}
#t-table.transactions tr th:last-child, #t-table.transactions tr td:last-child {width: 8% !important;}

#t-table.transactions tr td:first-child {font-family: robotobold; color: #5a5a5a;}
#t-table.transactions tr td:nth-child(2) {font-family: robotoreg; color: #4285f4; font-size: 12px !important;}
#t-table.transactions tr td:nth-child(5) {font-family: robotobold; font-size: 14px !important; color: #3e3e3e;}
#t-table.transactions tr td:nth-child(6) .screen {
	width: 100%;
	float: left;
	display: inline-block;
	font-family: robotoreg;
	font-size: 10px;
	color: #fff;
	padding: 5px;
	border-radius: 3px;
	text-align: right;
	margin-top: -3px;
	margin-bottom: -5px;
}

#t-table.transactions tr.warning {
	background: #fbeaea !important;
}

#t-table.transactions tr td:nth-child(6) .screen.status0 {background: #4285f4;;}
#t-table.transactions tr td:nth-child(6) .screen.status1 {background: #797979;}
#t-table.transactions tr td:nth-child(6) .screen.status2 {background: #fab572;}
#t-table.transactions tr td:nth-child(6) .screen.status3 {background: #abc57c;}
#t-table.transactions tr td:nth-child(6) .screen.status4 {background: #ed6464;}
#t-table.transactions tr td:nth-child(6) .screen.status5 {background: #ffe400; color: #00000090;}


#t-table.transactions tr td:nth-child(6) .screen i {font-size: 10px; float: left; margin-top: 1px;}

#t-table.transactions tr td:last-child .status0 {color: #4285f4;}


#t-table.advisory tr th:first-child, #t-table.advisory tr td:first-child {width: 10% !important; text-align:center;}
#t-table.advisory tr th:nth-child(2), #t-table.advisory tr td:nth-child(2) {width: 40% !important; text-align: left;}
#t-table.advisory tr th:nth-child(3), #t-table.advisory tr td:nth-child(3) {width: 20% !important; text-align: center; }
#t-table.advisory tr th:nth-child(4), #t-table.advisory tr td:nth-child(4) {width: 20% !important; text-align: center;}
#t-table.advisory tr th:last-child, #t-table.advisory tr td:last-child {width: 10% !important; text-align: center;padding-right: 20px !important;}
#t-table.advisory tr td:nth-child(2) {color: #5a5a5a; font-family: robotobold; font-size: 14px;text-transform: capitalize;}

#t-table.advisory tr td i.active {color: #4285f4;}
#t-table.advisory tr td i.inactive {color: #f25160;}

#t-table.schedule tr th:first-child, #t-table.schedule tr td:first-child {width: 17% !important; text-align:left; padding-left: 15px !important;}
#t-table.schedule tr th:nth-child(2), #t-table.schedule tr td:nth-child(2) {width: 10% !important; text-align: center;}
#t-table.schedule tr th:nth-child(3), #t-table.schedule tr td:nth-child(3) {width: 12% !important; text-align: center;}
#t-table.schedule tr th:nth-child(4), #t-table.schedule tr td:nth-child(4) {width: 18% !important;}
#t-table.schedule tr th:nth-child(5), #t-table.schedule tr td:nth-child(5) {width: 18% !important; text-align: left;}
#t-table.schedule tr td:nth-child(5) {text-transform: capitalize; color: #4285f4;}
#t-table.schedule tr th:nth-child(6), #t-table.schedule tr td:nth-child(6) {width: 10% !important; text-align: center;}
#t-table.schedule tr th:nth-child(7), #t-table.schedule tr td:nth-child(7) {width: 5% !important;}
#t-table.schedule tr td:nth-child(7) {font-family: robotobold; font-size: 14px !important; color: #3e3e3e; text-align: right;}
#t-table.schedule tr th:nth-child(8), #t-table.schedule tr td:nth-child(8) {width: 5% !important; text-align: center;}
#t-table.schedule tr th:nth-child(9), #t-table.schedule tr td:nth-child(9) {width: 5% !important; text-align: center; padding-right: 15px !important;}
#t-table.schedule tr td:nth-child(9) i {color: #bcbcbc;}
#t-table.schedule tr td:nth-child(9) i:hover {color: #4285f4;}



#t-table.walk-in tr th:first-child, #t-table.walk-in tr td:first-child {width: 30% !important; text-align:left; padding-left: 20px !important; }
#t-table.walk-in tr td:first-child {font-family: robotoreg; font-size: 14px !important; color: #4285f4; text-transform: none !important; }
#t-table.walk-in tr th:nth-child(2), #t-table.walk-in tr td:nth-child(2) {width: 20% !important; text-align: center;}
#t-table.walk-in tr th:nth-child(3), #t-table.walk-in tr td:nth-child(3) {width: 20% !important; text-align: center;}
#t-table.walk-in tr th:nth-child(4), #t-table.walk-in tr td:nth-child(4) {width: 20% !important; text-align: center;}
#t-table.walk-in tr th:nth-child(5), #t-table.walk-in tr td:nth-child(5) {width: 10% !important; text-align: center;}


#t-table tr td.dataTables_empty, #t-table tr td:first-child.dataTables_empty  {width: 100% !important; padding: 20px !important;}
#t-table tr td.dataTables_empty i, #t-table tr td:first-child.dataTables_empty i {font-size: 11px;}


#t-table {width: 100%;float: left;}
#t-table tr {border-bottom: 1px solid #bbbaba; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;float:left;width: 100%}

#t-table tr.header:hover {background: none;border-bottom: 1px solid #cacaca;cursor: default;}
#t-table tr.header {border-bottom: 1px solid #cacaca;}
#t-table th {font-size: 12px;font-family: robotobold;color: #434242;padding: 10px 0px !important;text-transform: uppercase;font-weight: normal;margin-bottom: 2px;border-collapse: collapse; word-wrap: break-word; float: left;}
#t-table td {font-family: robotolight;font-size: 12px;line-height: 12px;padding: 10px 0px !important;color: #727272;border-collapse: collapse; word-wrap: break-word; float: left;}
#t-table tr:hover {background: #f5f7fb;cursor: pointer;border-bottom: 1px solid #d2dae3 !important;}
#t-table td:last-child .success {color: #4285f4;}
#t-table td:last-child .failed {color: #f05160;}
#t-table td.nolink {cursor: auto;}
#t-table td.nolink:hover {background: #fff;}
#t-table td .nodata {width: 100%;float: left;border: 1px solid #ffb2b2;background: #fff;padding: 23px;font-family: robotobold;font-size: 11px;color: #f26666;text-transform: uppercase;}
.t-table-footer .box-footer {border-top: 0px !important;}
.t-table-footer .box-footer .box-footer-left {width: 50%;float: left;text-align: left;margin-top: 5px;}

#t-table thead tr, #t-table thead tr:hover {border-bottom: 1px solid #cacaca; padding: 5px 0px; cursor: default !important;}
#t-table thead tr th:hover {background: #fff !important; cursor: default !important;}

td.w5-l, th.w5-l {width:5%;text-align: left;}
td.w10-l, th.w10-l {width:10%;text-align: left;}
td.w15-l, th.w15-l {width:15%;text-align: left;}
td.w20-l, th.w20-l {width:20%;text-align: left;}
td.w25-l, th.w25-l {width:25%;text-align: left;}
td.w30-l, th.w30-l {width:30%;text-align: left;}
td.w35-l, th.w35-l {width:35%;text-align: left;}
td.w40-l, th.w40-l {width:40%;text-align: left;}
td.w45-l, th.w45-l {width:45%;text-align: left;}
td.w50-l, th.w50-l {width:50%;text-align: left;}
td.w55-l, th.w55-l {width:55%;text-align: left;}
td.w60-l, th.w60-l {width:60%;text-align: left;}

td.w5-c, th.w5-c {width:5%;text-align: center;}
td.w10-c, th.w10-c {width:10%;text-align: center;}
td.w15-c, th.w15-c {width:15%;text-align: center;}
td.w20-c, th.w20-c {width:20%;text-align: center;}
td.w25-c, th.w25-c {width:25%;text-align: center;}
td.w30-c, th.w30-c {width:30%;text-align: center;}
td.w35-c, th.w35-c {width:35%;text-align: center;}
td.w40-c, th.w40-c {width:40%;text-align: center;}
td.w45-c, th.w45-c {width:45%;text-align: center;}
td.w50-c, th.w50-c {width:50%;text-align: center;}
td.w55-c, th.w55-c {width:55%;text-align: center;}
td.w60-c, th.w60-c {width:60%;text-align: center;}

td.w5-r, th.w5-r {width:5%;text-align: right;}
td.w10-r, th.w10-r {width:10%;text-align: right;}
td.w15-r, th.w15-r {width:15%;text-align: right;}
td.w20-r, th.w20-r {width:20%;text-align: right;}
td.w25-r, th.w25-r {width:25%;text-align: right;}
td.w30-r, th.w30-r {width:30%;text-align: right;}
td.w35-r, th.w35-r {width:35%;text-align: right;}
td.w40-r, th.w40-r {width:40%;text-align: right;}
td.w45-r, th.w45-r {width:45%;text-align: right;}
td.w50-r, th.w50-r {width:50%;text-align: right;}
td.w55-r, th.w55-r {width:55%;text-align: right;}
td.w60-r, th.w60-r {width:60%;text-align: right;}

/*****Transaction History Table [end]*****/

/*****Customer / User List [start]*****/

.no-data {width: 100%;float: left;border: 1px solid #ffb2b2;background: #fff;padding: 23px;font-family: robotobold;font-size: 11px;color: #f26666;text-transform: uppercase;}
.found-data {width: 100%;float: left;border: 1px solid #4285f4;background: #fff;padding: 23px;font-family: robotoreg;font-size: 14px;color: #4285f4; text-align: center; text-transform: uppercase; background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
.no-result {width: 100%;float: left;border: 1px solid #ffb2b2;background: #fff;padding: 23px;font-family: robotoreg;font-size: 14px;color: #f26666;text-transform: uppercase; text-align: center; background: url(../storage/img/icon/redTriangle2.png) no-repeat top right;}
.no-result-description {width: 100%;float: left;border: 1px solid #ffb2b2;background: #fff;padding: 23px;background: url(../storage/img/icon/redTriangle2.png) no-repeat top right;margin-bottom: 20px;}
.no-result-description .title {width: 100%;float: left;font-family: robotoreg;font-size: 14px;color: #f26666;text-transform: uppercase; text-align: center;margin-bottom: 15px;}
.no-result-description .description {width: 100%;float: left;font-family: robotoreg;font-size: 14px;color: #9a9a9a;text-align: center; line-height: 14px;}

#customer-list {width: 100%;float: left;}
.list-nodata-w {width: 100%;float: left;border: 1px solid #ffb2b2;background: #fff;padding: 23px;font-family: robotobold;font-size: 11px;color: #f26666;text-transform: uppercase; text-align: center;}
.list-nodata-b {width: 100%;float: left;border: 1px solid #6ea1f7;background: #4285f4;padding: 15px;font-family: robotobold;font-size: 11px;color: #fff;text-transform: uppercase; text-align: center;}
#list-thumb {width: 100%;float: left; overflow: hidden !important;}
#list-thumb table {width: 100% !important;}
#list-thumb table tr td.dataTables_empty, #t-table tr td:first-child.dataTables_empty  {width: 100% !important; padding: 20px !important;}
#list-thumb li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #ebeaea;padding: 15px 20px;text-align: left;cursor: pointer;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#list-thumb li.suspended {background: #fff2f2;border-bottom: 1px solid #f4dfdf;}
#list-thumb li.suspended ul li.thumb {border: 1px solid #f4dfdf;}
#list-thumb li.unread {background: #f5f7fb; border-bottom: 1px solid #d2dae3;}
#list-thumb li.unread:hover {background: #ecf0f8; border-bottom: 1px solid #b1becd;}
#list-thumb li:hover {background: #f5f7fb;cursor: pointer;border-bottom: 1px solid #d2dae3;}
#list-thumb li ul li {width: auto;border-bottom: 0px;padding: 0px 0px;transition: 0.0s; -webkit-transition: 0.0s; -moz-transition: 0.0s; -ms-transition: 0.0s; -o-transition: 0.0s;}
#list-thumb li ul li:hover {background: none;border-bottom: 0px;}

#list-thumb .user-listmsghover {
	width: 100px;
	height: 96px;
	position: relative;
	z-index: 1;
	background: #4285f4;
	margin-top: -0px; 
	margin-bottom: -200px;
	margin-right: -120px;
	float: right;
	text-align: center;
	padding: 10px;
	color: #d4e4fe;
	cursor: pointer;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

#list-thumb .user-listmsghover:hover .icon, #list-thumb li .user-listmsghover:hover .label {color: #fff;}
#list-thumb .user-listmsghover .icon {width: 100%;float: left;font-size: 30px;line-height: 30px;margin-bottom: 10px;margin-top: 13px;}
#list-thumb .user-listmsghover .label {width: 100%;float: left;font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;}
#list-thumb li ul li.thumb {
	width: 65px;
	height: 65px;
	border: 1px solid #ebeaea;
	border-radius: 100px;
	overflow: hidden;
	background: #fff;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#list-thumb li.unread ul li.thumb {border: 1px solid #c5cfda;}
#list-thumb li:hover ul li.thumb {border: 1px solid #d2dae3;}
#list-thumb li ul li.storeicon {
	width: 65px;
	font-size: 35px;
	line-height: 60px;
	text-align: center;
	color: #e2e2e2;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#list-thumb li:hover ul li.storeicon {color: #4285f4;}
#list-thumb li ul li.thumb .status-online {width: 15px;height: 15px;background: #4285f4;position: absolute;border-radius: 100px;margin-left: 1px;margin-top: 2px;}
#list-thumb li ul li.thumb .status-offline {width: 15px;height: 15px;background: #d9d9d9;position: absolute;border-radius: 100px;margin-left: 1px;margin-top: 2px;}
#list-thumb li ul li.thumb .status-suspended {width: 15px;height: 15px;background: #f67b7b;position: absolute;border-radius: 100px;margin-left: 1px;margin-top: 2px;}

#list-thumb li ul li.thumb img {width: 100%;}
#list-thumb li ul li.details {width: calc(50% - 75px);float: left;padding-left: 20px;}
#list-thumb li ul li.details ul li {width: 100%;float: left;display: list-item;margin-bottom: 5px;}
#list-thumb li ul li.details ul li:first-child {margin-top: 8px;}
#list-thumb li ul li.details ul li.name {font-family: robotoreg; color:#4285f4; font-size: 14px; line-height: 14px; text-transform: capitalize;}
#list-thumb li ul li.details ul li.info {font-family: robotoreg; font-size: 11px; line-height: 11px; text-transform: uppercase; color: #7f7f7f;}

#list-thumb li ul li.details2 {width: calc(85% - 120px);float: left;padding-left: 20px;}
#list-thumb li ul li.details2 ul li {width: 100%;float: left;display: list-item;margin-bottom: 5px;}
#list-thumb li ul li.details2 ul li:first-child {margin-top: 8px;}
#list-thumb li ul li.details2 ul li.name {font-family: robotoreg; color:#4285f4; font-size: 14px; line-height: 14px;}
#list-thumb li ul li.details2 ul li.name .userinfo {font-family: robotoreg; font-size: 11px; line-height: 11px; text-transform: uppercase; color: #7f7f7f; margin-left: 10px;}
#list-thumb li.unread ul li.details2 ul li.name {font-family: robotobold;}
#list-thumb li ul li.details2 ul li.msg {width: 100%; float: left;}
#list-thumb li ul li.details2 ul li.msg ul li.icon {width: 30px;float: left;font-size: 17px;line-height: 17px;margin-top: 5px;}
#list-thumb li ul li.details2 ul li.msg ul li.text {font-family: robotoreg; width: calc(100% - 30px); float: left; font-size: 14px; line-height: 14px; margin-top: 5px;}
#list-thumb li.unread ul li.details2 ul li.msg ul li.text {font-family: robotobold;}
#list-thumb li ul li.status {float: right;padding-left: 20px;font-size: 14px;line-height: 14px;color: #4285f4;margin-top: 25px;}
#list-thumb li ul li.user-listmsg {float: right;padding-left: 20px;font-size: 14px;line-height: 14px;color: #4285f4;margin-top: 25px; cursor: pointer;}
#list-thumb li ul li.status .active {color:#4285f4;}
#list-thumb li ul li.status .offline {color:#d9d9d9;}
#list-thumb li ul li.status .suspended {color:#f67b7b;}
#list-thumb li ul li.last-log {float: right;font-family: robotoreg;font-size: 11px;text-transform: uppercase;margin-top: 25px; width: 130px;}
#list-thumb li ul li.last-log i, #list-thumb li ul li.user-branch i {color: #c4c4c4;}
#list-thumb li ul li.user-branch {float: right;font-family: robotoreg;font-size: 11px;text-transform: uppercase;margin-top: 25px; margin-right: 20px; width: 120px;}
#list-thumb li ul li.msginfo {width: 120px;float: right;}
#list-thumb li ul li.msginfo ul li.time {float: right;font-family: robotoreg;font-size: 11px;text-transform: uppercase;margin-top: 5px; width: 100%; text-align: right;}
#list-thumb li ul li.msginfo ul li.count {
	float: right;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
	margin-top: 10px; 
	background: #f36f6f; 
	border-radius: 100px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center !important;
	font-family: robotobold;

	-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:1px 2px 3px rgba(0,0,0,0.3);
	-ms-box-shadow:1px 2px 3px rgba(0,0,0,0.3);
	-o-box-shadow:1px 2px 3px rgba(0,0,0,0.3);
	box-shadow:1px 2px 3px rgba(0,0,0,0.3);
}

#list-thumb li ul .hi-risk li.status {background: #ffb967;border:1px solid #efa54e;}

#list-thumb li ul .suspended li.status {background: #f67b7b;border:1px solid #df5e5e;}

#list-thumb li ul li.status {
	width: auto;
	float: right;
	border-radius: 3px;
	padding: 2px;
	font-family: robotobold;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 20px;
	margin-right: 10px;
	padding: 5px;
}

#list-thumb li ul li.customer-status {width: auto;float: right;margin-top: 18px;margin-right: 10px;}
#list-thumb li ul li.customer-status ul .on li {border: 1px solid #4285f4;color: #4285f4;background: #fff;} 
#list-thumb li ul li.customer-status ul .off li {border: 1px solid #d5d5d5;color: #d5d5d5;background: #fff;}
#list-thumb li ul li.customer-status ul li {width: 28px;height: 28px;line-height: 26px;text-align: center;display: inline;float: left;border-radius: 100px;margin-left: 10px;}
#list-thumb li ul li.customer-status ul li.card {font-size: 12px;}
#list-thumb li ul li.customer-status ul li.kyc {font-size: 12px;font-family: robotobold; line-height: 25px;}
#list-thumb li ul li.customer-status ul .on li .status {background: #4285f4;}
#list-thumb li ul li.customer-status ul .off li .status {background: #f67b7b;}
#list-thumb li ul li.customer-status ul li .status {
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: #fff;
	border-radius: 50px;
	color: #fff;
	text-align: center !important;
	position: relative;
	z-index: 1;
	margin-bottom: -11px;
	margin-left: 20px;
	margin-top: -4px;
	font-family: robotobold;
	font-size: 8px;
}
#list-thumb li ul li.customer-status ul li .status i {margin: 0px !important;padding: 0px !important;}

/*****Customer / User List [end]*****/

/************************************TRANSACTION HISTORY [end]************************************/

/************************************PAGING TEMPLATE [start]************************************/

/*****Pagination [start]*****/

.l-paging {width: 100%;	float: left;text-align: center;}
.l-paging .left {width: auto;float: left}
.l-paging .right {width: auto;float: right;}
.l-paging .center {width: auto;display: inline-block;}
.l-paging .left li, .l-paging .right li, .l-paging .center li {width: auto;float: left;display: inline;margin: 0px 2px;}
.l-paging .left li.output, .l-paging .right li.output, .l-paging .center li.output {font-size: 12px;font-family: robotolight;margin: 5px;}

.l-paging .left li a, .l-paging .right li a, .l-paging .center li a {
	display: block;
	font-size: 12px;
	line-height: 12px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	color: #4285f4;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	color: #686868;
	font-family: robotolight;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.l-paging .left li.active a, .l-paging .right li.active a, .l-paging .center li.active a {font-family: robotobold;color: #fff;background: #4285f4;border: 1px solid #3c7eec;}
.l-paging .left li.arrow a, .l-paging .right li.arrow a, .l-paging .center li.arrow a {color: #4285f4;border: 1px solid #e7e7e7;}
.l-paging .left li a:hover, .l-paging .right li a:hover, .l-paging .center li a:hover {border: 1px solid #3c7eec;color: #4285f4;border: 1px solid #4285f4;font-family: robotoreg !important;}
.l-paging .left li.active a:hover, .l-paging .right li.active a:hover, .l-paging .center li.active a:hover {color: #fff;}
.l-paging .left li.arrow a:hover, .l-paging .right li.arrow a:hover, .l-paging .center li.arrow a:hover {background: #4285f4;color: #fff;border: 1px solid #3d7eeb;}

/*****Pagination [end]*****/

/*****Footer Entry [start]*****/

.footer-list-entries {font-family: robotolight;font-size: 12px;line-height: 12px;color: #727272}
.footer-list-entries .h1 {font-family: robotoreg;color: #4285f4;}
.footer-list-entries .h2 {font-family: robotoreg;color: #424242;}
.t-table-footer .box-footer .box-footer-right {width: 50%;float: left;}

/*****Footer Entry [end]*****/


.parsley-errors-list .error-msg{width: 75%!important;font-size: 11px !important;color: #c0392b !important;}
.hidden {display: none !important;}

/************************************PAGING TEMPLATE [end]************************************/

/************************************TRANSACTION VIEW [start]************************************/

#transaction-report-view {width: 100%; float: left;}
#transaction-report-view li ul li.extend {padding-right: 0px;}
#transaction-report-view .box-header .back-action {width: auto;float: left;}
#transaction-report-view .box-header .next-action {width: auto;float: right;}
#transaction-report-view .view-body-header {width: 100%;float: left;border-bottom: 1px solid #bcbcbc; background: #fff;}

.trview .box-white .shadow {background: #f5f9fe;}
.trview .box-white .shadow .box-header {background: #fff;}
#transaction-report-view .view-body-header .display {width: 25%;float: left;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;padding: 30px;}
#transaction-report-view .view-body-header .display li {width: 100%;float: left;display: list-item;}
#transaction-report-view .view-body-header .display li.prod-image img {width: 100%;line-height: 0px;}
#transaction-report-view .view-body-header .details {width: 100%;float: left;text-align: left;}
#transaction-report-view .view-body-header .details li {width: 100%;float: left;display: list-item;padding: 0px;border-bottom: 1px solid #e5e5e5;}
#transaction-report-view .view-body-header .details li:last-child {border-bottom: 0px;}
#transaction-report-view .view-body-header .details li ul li {border-bottom: 0px;}
#transaction-report-view .view-body-header .details li.trans-type {padding: 0px;}
#transaction-report-view .view-body-header .details li.trans-type ul li {width: auto;float: left;padding: 0px 20px;}



#transaction-report-view .view-body-header .details li.trans-type .profileBox {
	width: 100%;
	float: left;
	padding: 25px;
	border-bottom: 1px solid #e5e5e5;
}


#transaction-report-view .view-body-header .details li.trans-type .profileBox .certQR {
	width: 235px;
	float: right;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .certQR img {
	width: 100%;
	opacity: .8;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .certQR .noQR {
	width: 100%;
	height: 235px;
	border-radius: 5px;
	display: flex; 
	align-items: center; 
	justify-content: center; 
	text-align: center;
	border: 1px solid #e5e5e5;
	/*background: #f6f6f6;*/
	float: left;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .certQR .noQR .box {
	width: 100%;
	float: left;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .certQR .noQR .box .icon {
	width: 100%;
	float: left;
	font-size: 20px;
	display: block;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .certQR .noQR .box .label {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 5px;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .details {
	width: calc(100% - 235px);
	float: left;
	padding-right: 25px;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .trans-statusBox {
	width: 100%;
	float: left;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0px;
	margin: 20px 0px;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus {
	width: 100%;
	float: right;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .result {
	width: 160px;
	background: #404040;
	border-radius: 3px;
	color: #fff;
	padding: 10px;
	text-align: center;
	float: left !important;
	display: inline-block;
	font-family: robotobold;
	font-size: 12px;
	text-transform: uppercase;
	margin-right: 10px;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .btn {
	width: auto;
	background: #fff;
	border-radius: 3px;
	color: #4285f4;
	padding: 9px 15px;
	text-align: center;
	float: right !important;
	display: inline-block;
	font-family: robotobold;
	font-size: 12px;
	text-transform: uppercase;
	border: 1px solid #e7e7e7;
	cursor: pointer;
}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .btn:hover {
	background: #4285f4;
	border: 1px solid #397be8;
	color: #fff;
}


#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .result.status0 {background: #4285f4;;}
#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .result.status1 {background: #797979;}
#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .result.status2 {background: #fab572;}
#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .result.status3 {background: #abc57c;}
#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .result.status4 {background: #ed6464;}
#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .result.status5 {background: #ffe400; color: #00000090;}

#transaction-report-view .view-body-header .details li.trans-type .profileBox .details .appStatus .result i {
	font-size: 16px;
	display: inline-block;
	float: left;
	margin-top: 0px;
}

#transaction-report-view .view-body-header .details li.trans-type ul li.trans-type-title {
	width: 60%;
	float: left;
	padding-left: 0px;
}

#transaction-report-view .view-body-header .details li.trans-type ul li.trans-type-title ul li {
	width: 100%;
	float: left;
	display: list-item;
	padding: 4px 0px;
	font-family: robotoreg;
	font-size: 14px;
	color: #393939;
}

#transaction-report-view .view-body-header .details li.trans-type ul li.trans-type-title ul li i {
	display: inline-block;
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	background: #4285f4;
	color: #fff;
	line-height: 21px;
	margin-top: 0px;
	margin-right: 10px;
	text-align: center;
	font-size: 11px;
}


#transaction-report-view .view-body-header .details li.trans-type ul li.trans-type-title ul li.name  {
	font-family: robotobold;
	font-size: 25px;
	line-height: 25px;
	color: #4285f4;
	float: left;
	width: auto;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0px !important;
}

#transaction-report-view .view-body-header .details li.trans-type ul li.trans-status {
	font-family: robotobold;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	width: auto;
	float: left;
	margin-top: 3px;
	color: #6c6c6c;
}

#transaction-report-view .view-body-header .details li.trans-type ul li.trans-status i {
	font-size: 20px;
	line-height: 20px;
	display: inline-block;
	margin-top: -4px;
	float: right;
	margin-left: 10px;
}

#transaction-report-view .view-body-header .details li.trans-type ul li.trans-status.type {
	width: auto;
	border-left: 1px solid #e5e5e5;
}

#transaction-report-view .view-body-header .details li.trans-type ul li.trans-status.type .exp-btn {
	width: auto;
	float: right;
	padding: 8px 15px;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	margin-top: -8px;
	margin-bottom: -10px;
	margin-left: 20px;
	background: #4285f4;
	border: 1px solid #3a7ce9;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

#transaction-report-view .view-body-header .details li.trans-type ul li.trans-status.type .exp-btn i {
	font-size: inherit;
	line-height: inherit;
	float: left;
	padding: 0px !important;
	margin-right: 5px !important;
	margin-top: 1px !important;
	margin: 0px;
}

#transaction-report-view .view-body-header .details li.trans-type ul li.trans-status.type .exp-btn:hover {
	background: #2b6edc;
	border: 1px solid #2565cf;
}

#transaction-report-view .view-body-header .details li.trans-amount {width: 100%;float: left;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
#transaction-report-view .view-body-header .details li.trans-amount ul li {width: auto;float: left;display: inline;padding: 25px 20px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li ul li {padding: 0px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.application {float: left;width: 33%; border-right: 1px solid #e5e5e5;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.application li {width: 100%;float: left;display: list-item;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.application ul li.label {font-size: 10px;line-height: 10px;font-family: robotoreg;text-transform: uppercase;margin-bottom: 3px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.application ul li.output {font-size: 18px;line-height: 18px;font-family: robotobold;color: #3e3e3e;letter-spacing:0px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.amount {float: left;width: 33%;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;border-right: 1px solid #e5e5e5;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.amount ul li {width: 25%;float: left;margin-top: 5px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.amount ul li.main {width: 50%;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.amount ul li ul li {width: 100%;float: left;display: list-item;margin-top: 0px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.amount ul li ul li.label {font-size: 10px;line-height: 10px;font-family: robotoreg;text-transform: uppercase;margin-bottom: 3px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.amount ul li ul li.output {font-size: 18px;line-height: 18px;font-family: robotobold;color: #3e3e3e;letter-spacing: -1px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.total {float: right;width: 34%;text-align: right; padding: 20px 20px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.total ul li {width: 100%;float: left;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.total ul li.label {font-size: 10px;line-height: 10px;font-family: robotoreg;text-transform: uppercase;margin-bottom: 3px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.total ul li.output {font-size: 30px;line-height: 30px;font-family: robotobold;color: #3e3e3e;letter-spacing: -1px;}
#transaction-report-view .view-body-header .details li.trans-amount ul li.total ul li.output span {color: #c2c2c2;}
#transaction-report-view .view-body-header .details li.trans-id {width: 100%;float: left;}
#transaction-report-view .view-body-header .details li.trans-id ul li {width: 33%;float:left;display: inline;padding: 20px 20px;border-right: 1px solid #e5e5e5;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right; padding-top: 27px; padding-bottom: 27px; ba}
#transaction-report-view .view-body-header .details li.trans-id ul li:last-child {border-right: 0px; width: 34%;}
#transaction-report-view .view-body-header .details li.trans-id ul li ul li {width: 100%;float: left;display: list-item;padding:0px;border-right: 0px; background: none;}
#transaction-report-view .view-body-header .details li.trans-id ul li ul li.label {font-size: 10px;line-height: 10px;font-family: robotoreg;text-transform: uppercase;margin-bottom: 5px;}
#transaction-report-view .view-body-header .details li.trans-id ul li ul li.output {font-size: 16px;line-height: 16px;font-family: robotobold;color: #3e3e3e; width: 100%;}
#transaction-report-view .view-body-header .details li.trans-id i {color: #c2c2c2;}


#transaction-report-view .data-tab {
	width: 100%;
	float: left;
	background: #4285f4;
	border-top: 4px solid #f2f2f2;
}

#transaction-report-view .data-tab li {
	width: 20%;
	float: left;
	padding: 20px 15px;
	font-family: robotobold;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	border-right: 1px solid #689df5;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

#transaction-report-view .data-tab li i {display: inline-block; padding-right: 5px;}

#transaction-report-view .data-tab li:last-child {
	border-right: 0px;
}


#transaction-report-view .data-tab li:hover, #transaction-report-view .data-tab li.active {
	background: #356df2;
	color: #fff;
}


/*#transaction-report-view .view-body {width: 100%;float: left;padding: 35px;text-align: left;margin-top: 0px; border-top: 2px solid #f8f8f8; background-color: #fff;  background-image: url(../storage/img/bg/bgFooterTriangle.png); background-position: bottom; background-repeat: no-repeat;}*/
#transaction-report-view .view-body {width: 100%;float: left;text-align: left;margin-top: 0px;padding: 35px; margin-top: -10px; margin-bottom: 15px;}

#transaction-report-view .view-body .data-list {width: 100%;float: left; margin-top: -22px;}
#transaction-report-view .view-body .data-list li {width: 100%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li.list-title {font-family: robotobold;font-size: 16px;line-height: 11px;text-transform: capitalize;color: #4c4c4c;margin-top: 30px;margin-bottom: 10px;}
#transaction-report-view .view-body .data-list li.list-title i {color: #4285f4; padding-right: 5px;}
#transaction-report-view .view-body .data-list li.list-title.exp {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #4c4c4c;
	text-align: left;
	text-transform: capitalize;
	margin-bottom: 20px !important;

}

#transaction-report-view .view-body .data-list li ul li.list-subtitle {width: 100%; float: left; font-family: robotobold; font-size: 12px; text-transform: uppercase; color: #4285f4; border-bottom: 1px solid #a8c5f5;}

#transaction-report-view .view-body .data-list li.list-title.exp i {color: #4c4c4c !important;}

#transaction-report-view .view-body .data-list li.exp-remarks {
	background: #f5f9fe;
	border: 1px solid #e1e6ed;
	border-radius: 3px;
	padding: 10px 20px;
	margin-bottom: 15px;
}

#transaction-report-view .view-body .data-list li.exp-remarks a {color: #4285f4;}

#transaction-report-view .view-body .data-list li.exp-remarks ul li:last-child {
	border-bottom: 0px;
}

#transaction-report-view .view-body .data-list li.exp-remarks ul li .attach {
	width: 100px;
	height: auto;
	min-height: 100px;
	border-radius: 3px;
	overflow: hidden;
	float: right;
	border: 1px solid #dde4ed;
	background-color: #fff;
	background-image: url(../storage/img/icon/expedite-noimg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

#transaction-report-view .view-body .data-list li.exp-remarks ul li .attach:hover {
	border: 1px solid #4285f4;
}

#transaction-report-view .view-body .data-list li.exp-remarks ul li .attach img {
	width: 100%;
}

#transaction-report-view .view-body .data-list li.exp-remarks ul li span.title {font-size: 11px; text-transform: uppercase; font-family: robotobold; margin-bottom: 10px; width: 100%; float: left;}

.trview-section-container {width: 100%;float: left;text-align: left;margin-top: 0px; border-top: 2px solid #f8f8f8; background-color: #fff;  background-image: url(../storage/img/bg/bgFooterTriangle.png); background-position: bottom; background-repeat: no-repeat; overflow: hidden;}
.trview-section-container .trview-section-slider {width: 500%; float: left; position: relative; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.trview-section-container .trview-section-slider .trview-section {width: 20%; float: left;}
.trview-section-container .trview-section-slider .trview-section .vbody-spacer {width: 100%;float: left; height: 5px; visibility: hidden;}

#transaction-report-view .view-body .data-list li.list-title.exp i {color: #4285f4; padding-right: 5px;}
#transaction-report-view .view-body .data-list li.exp-remarks ul li i {color: #4285f4 !important;}


#transaction-report-view .view-body .data-list li ul.header {width: 100%; float: left; background: #f5f9fe; border: 1px solid #e7ebf1; border-radius: 5px; padding: 20px; padding-top: 5px; margin-top: 10px;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#transaction-report-view .view-body .data-list li ul li {border-bottom: 1px dashed #d6d6d6;margin-top: 0px;padding: 15px 0px;}
#transaction-report-view .view-body .data-list li ul li.noborder {border-bottom: 0px; padding-bottom: 0px;}
#transaction-report-view .view-body .data-list li ul li ul li {width: auto;float: left;border-bottom: 0px; padding: 0px;}
#transaction-report-view .view-body .data-list li ul li ul li.label {font-family: robotoreg;font-size: 11px;line-height: 10px;text-transform: uppercase;text-align: left;color: #7a7e87; width: 100% !important; margin-bottom: 5px;}
#transaction-report-view .view-body .data-list li ul li ul li.output {font-family: robotoreg;font-size: 14px;line-height: 12px; text-align: left;color: #3e3e3e; width: 100% !important;}
#transaction-report-view .view-body .data-list li ul li ul li.output i {color: #a7bbd4; float: left; margin-right: 7px; margin-top: -1px;}
#transaction-report-view .view-body .data-list li ul li ul li.output.questionLabel {line-height: 16px;}
#transaction-report-view .view-body .data-list li ul li ul li.output.questionAnswer {width: 30px; float: right;}
#transaction-report-view .view-body .data-list li ul li ul li.output.output.exp-remarksMsg {line-height: 16px !important;}
#transaction-report-view .view-body .data-list li ul li ul li.output.remarks {width: 100%; float: left; padding: 20px; border-radius: 5px; min-height: 100px; margin-top: 5px; background: #fffcc7; border: 1px solid #f6f2ae; line-height: 16px;}
#transaction-report-view .view-body .data-list li ul li ul li.output.certNo {width: 100%; float: left; padding: 20px; border-radius: 5px; margin-top: 5px; background: #f5f9fe; border: 1px solid #e7ebf1; font-family: robotobold; font-size: 28px; text-align: center; letter-spacing: 10px;}
#transaction-report-view .box-white .shadow .box-footer {border-top: 0px; margin-top: 0px !important;}

#transaction-report-view .view-body .data-list li ul li.col2 ul li {width: 50%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col2.type2 ul li:first-child {width: 25%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col2.type2 ul li:last-child {width: 75%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col2.type3 ul li:first-child {width: 75%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col2.type3 ul li:last-child {width: 25%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col3 ul li {width: 25%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col3.type1 ul li:last-child {width: 50%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col3.type2 ul li:first-child {width: 50%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col3.type3 ul li:nth-child(2) {width: 50%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col3.noborder ul li:last-child {border-bottom: 0px; padding-bottom: 0px;}
#transaction-report-view .view-body .data-list li ul li.col4 ul li {width: 25%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li.col5 ul li {width: 20%;float: left;display: list-item;}
#transaction-report-view .view-body .data-list li ul li span {color: #4285f4;}
#transaction-report-view .view-body .data-list li ul.questionnaire li {float: left; display: inline; width: 100%;}
#transaction-report-view .view-body .data-list li ul.questionnaire li ul li:first-child {width: 80%; font-family: robotoreg;font-size: 14px;line-height: 16px; text-align: left;color: #3e3e3e;}
#transaction-report-view .view-body .data-list li ul.questionnaire li ul li:last-child {width: 20%;}
#transaction-report-view .view-body .data-list li ul.questionnaire li ul li:last-child .answer {width: 40%; float: right; padding: 5px; font-family: robotobold; font-size: 11px; text-transform: uppercase; text-align: center; border-radius: 3px;}
#transaction-report-view .view-body .data-list li ul.questionnaire li ul li:last-child .answer.stat0 {background: #f5f9fe; border: 1px solid #e7ebf1;color: #44474b;}
#transaction-report-view .view-body .data-list li ul.questionnaire li ul li:last-child .answer.stat1 {background: #fab572; border: 1px solid #fab572;color: #fff;}
#transaction-report-view .view-body .data-list li ul.questionnaire li .remarks {width: 100%; float: left; margin-top: 10px;}
#transaction-report-view .view-body .data-list li ul.questionnaire li .remarks .rlabel {width: 100%; float: left; font-family: robotobold; font-size: 11px; text-transform: uppercase; color: #4285f4; padding-left: 3px;}
#transaction-report-view .view-body .data-list li ul.questionnaire li .remarks .rmsg {width: 100%; float: left; padding: 15px; margin-top: 5px; background: #fffcc7; border: 1px solid #f6f2ae; border-radius: 5px; font-family: robotoreg; font-size: 14px; line-height: 16px; color: #4c4c4c;}
#transaction-report-view .view-body .data-list li ul li ul li ul li {width: 100% !important;}

#transaction-report-view .view-body .data-list li.doc-layout ul li {border-bottom: 0px; margin-top: 5px;}
#transaction-report-view .view-body .data-list li.doc-layout ul li {width: 33.3% !important; float: left; display: inline; padding: 5px;}
#transaction-report-view .view-body .data-list li.doc-layout.covid19 ul li {width: 100% !important; float: left; display: inline; padding: 5px;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox {
	width: 100%;
	height: 420px;
	float: left;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 10px;
	position: relative;
}

#transaction-report-view .view-body .data-list li.doc-layout.covid19 ul li .docBox {height: auto; padding-bottom: 65px;}

#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox:hover {border: 1px solid #4285f4;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}

#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li {
	width: 100% !important;
	float: left;
	display: list-item;
}

#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.label {font-family: robotobold; font-size: 13px; text-transform: uppercase; color: #4285f4;}
#transaction-report-view .view-body .data-list li.doc-layout.covid19 ul li .docBox li.label.second-dose {border-top: 1px solid #bfd4f6; padding-top: 20px !important; margin-top: 25px !important;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.doc {width: 100%; height: 190px; float: left; overflow: hidden; border-radius: 3px;border: 1px solid #ececec; padding: 0px; cursor: pointer;display: flex; align-items: center; justify-content: center; text-align: center; background: #f2f2f2;}
#transaction-report-view .view-body .data-list li.doc-layout.covid19 ul li .docBox li.doc {width: 310px !important;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.doc img {width: 100%; line-height: 0px; opacity: .8;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox:hover li.doc img {opacity: 1.0;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.doc .nodata {width: 100%;float: left;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.doc .nodata {width: 100%;float: left; font-size: 35px; color: #bdbdbd;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.doc .label {width: 100%;float: left; font-size: 11px; color: #797979; font-family: robotobold; text-transform: uppercase;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.details { border-bottom: 1px dashed #d6d6d6; padding-top: 0px !important; padding-bottom: 2px;}
#transaction-report-view .view-body .data-list li.doc-layout.covid19 ul li .docBox li.details { width: calc(100% - 320px) !important; float: right;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.details:last-child {border-bottom: 0px; padding-bottom: 0px;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.details ul li {width: 50% !important; float: left; display: inline;}

#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.details ul li.label {font-family: robotoreg; font-size: 11px; text-transform: uppercase; color: #7a7e87;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.details ul li.output {font-family: robotoreg;font-size: 14px;line-height: 12px; text-align: right;color: #3e3e3e;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.footer {width: 100%; position: absolute; bottom: 10px;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.footer .docBtn {width: 30px; height: 30px; float: left; border-radius: 3px; border: 1px solid #e2e2e2; font-size: 14px; line-height: 30px; margin-right: 10px; text-align: center; cursor: pointer;}
#transaction-report-view .view-body .data-list li.doc-layout ul li .docBox li.footer .docBtn:hover {background: #4285f4; border: 1px solid #4285f4; color: #fff;}

/************************************TRANSACTION VIEW [end]************************************/

/************************************UNDER CONSTRUCTION [start]************************************/

#no-page {width: 100%;float: left;}
#no-page .body-margin {padding: 80px 0px;}
#no-page .container {width: 50%;margin: 0 auto;background: red;}
#no-page .container .picon {width: 20%;float: left;border-right: 1px solid #e8e8e8;}
#no-page .container .msg {width: 80%;float: left;padding-left: 30px;margin-top: 45px;}
#no-page .container .msg li {width: 100%;float: left;display: list-item;margin-bottom: 10px;}
#no-page .container .msg li.header {font-family: robotobold;font-size: 16px;line-height: 16px;color: #333333;text-transform: uppercase;}
#no-page .container .msg li.content {font-size: 12px;line-height: 12px;font-family: robotoreg;color: #7b7b7b;}

/************************************UNDER CONSTRUCTION [end]************************************/

/************************************PROFILE TEMPLATE [start]************************************/

/*****Profile Template [start]*****/

#profile {width: 100%;float: left;}
#profile .hbody-left {width: 75%;}
#profile .hbody-right {width: 25%;}
.profile-intro {width: 100%;float: left;padding: 25px;}
.profile-intro .p-online .box {background-color: #f5f9fe;border: 1px solid #e7ebf1;background-image: url(../storage/img/icon/blueTriangle2.png);background-position: top right;background-repeat: no-repeat;}
.profile-intro .p-suspended .box {background-color: #fff2f2;border: 1px solid #f4dfdf;background-image: url(../storage/img/icon/redTriangle2.png);background-position: top right;background-repeat: no-repeat;}
.profile-intro .p-offline .box {background-color: #f3f3f3;border: 1px solid #dedede;background-image: url(../storage/img/icon/grayTriangle2.png);background-position: top right;background-repeat: no-repeat;}
.profile-intro .box {padding: 0px;width: 100%;float: left;padding: 25px 25px;}
.profile-intro .box li {width: 100% !important;float: left;display: list-item;margin-bottom: 10px;}
.profile-intro .box li .thumb {width: 150px;height: 150px;border-radius: 100px; margin: 0 auto;overflow: hidden;background: #fff; display: block;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.profile-intro .p-online .box li .thumb {border: 8px solid #d3deeb;}
.profile-intro .p-suspended .box li .thumb {border: 8px solid #fbb5b5 !important;}
.profile-intro .p-offline .box li .thumb {border: 8px solid #e1e1e1 !important;}
.profile-intro .box li .thumb .overlay {width: 100%; height: 100%; z-index: 1; position: relative; cursor: pointer; margin-top: 0px; font-family: robotoreg; font-size: 10px; line-height: 140px; text-transform: uppercase; color: #fff; background: url(../storage/img/bg/bg-bluetransparent.png);transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}

.profile-intro .box li .thumb .overlay i {
	font-size: 16px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100px;
	text-align: center;
	background: #fff;
	margin: 0 auto;
	margin-top:-45px;
	display: block;
	color: #6f6f6f;
	cursor: pointer;
}

.profile-intro .box li .thumb img {width: 100%; height: 100%;}
.profile-intro .box li.name {font-family: robotothin;font-size: 40px;line-height: 40px;letter-spacing: -1px;padding: 10px 0px;}
.profile-intro .p-online .box li.name {color: #4285f4;}
.profile-intro .p-suspended .box li.name {color: #f05155;}
.profile-intro .p-offline .box li.name {color: #7d7d7d;}
.profile-intro .box li.upload-photo {font-family: robotobold;font-size: 12px;line-height: 12px;letter-spacing: 0px;padding: 5px 0px;text-transform: uppercase; color: #73869d;}
.profile-intro .box li.upload-photo-notice {width: 100%; float: left; background: #fff; border: 1px solid #e7ebf1; padding: 10px; font-family: robotoreg; font-size: 12px; line-height: 12px; color: #9dabbc; border-radius:3px;}
.profile-intro .box li.email {font-family: robotolight;font-size: 16px;line-height: 16px;}
.profile-intro .p-online .box li.email a {color: #4285f4;}
.profile-intro .p-suspended .box li.email a {color: #f67b7b;}
.profile-intro .p-offline .box li.email a {color: #7d7d7d;}
.profile-intro .box li.access-type {font-family: robotoreg;font-size: 12px;line-height: 12px;text-transform: uppercase;}
.profile-intro .box .btn-boxicon {float: left;margin-left: 98%;margin-top: -13px;margin-bottom: -25px;}
.profile-intro .box li.logo {width: 100%;height: 176px;border: 1px solid #d3deeb;overflow: hidden;background: #fff;float: left;}
.profile-intro .box li.logo .btn-boxicon {float: right;margin-top: -38px;margin-right: 10px;z-index: 1;position: relative;}
.profile-intro .box li.logo img {width: 100%; height: 100%;}
.profile-intro .box li.company {font-family: robotoreg;font-size: 25px;line-height: 25px;letter-spacing: -1px;padding: 10px 0px; margin-top: 5px;}
.profile-intro .box li.branch-name {font-family: robotolight;font-size: 16px;line-height: 16px;}
.profile-intro .box li.branch-name i {font-size: 14px; line-height: 14px; display: inline-block;}
.profile-intro .box li.branch-address {font-family: robotoreg;font-size: 14px;line-height: 14px; margin-top: 5px;}
.profile-intro .box li.vat {font-family: robotobold;font-size: 14px;line-height: 14px; margin-top: -5px; color: #606060; text-transform: uppercase;}
#profile .access-data {width: 100%;float: left;padding: 0px 25px;}
#profile .access-data .box {border: 1px solid #ebeaea;float: left;width: 100%;}
#profile .access-data .box2 {border: 1px solid #e0e0e0;float: left;width: 100%; padding: 5px 17px; margin-top: 20px; background: #f3f3f3;}
#profile .access-data .box2 li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #e3e3e3;text-align: left;padding: 5px 0px;}
#profile .access-data .box2 li:last-child {border-bottom: 0px;}
#profile .access-data .box2 li ul li {width: auto;float: left;display: inline;border-bottom: 0px;}
#profile .access-data .box2 li ul li.label {width: 20%;float: left;font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;}
#profile .access-data .box2 li ul li.output {width: 80%;float: left;font-family: robotobold;font-size: 11px;line-height: 11px;text-transform: uppercase;}
#profile .access-data .box .boxbody {border-bottom: 1px solid #c7c7c7;float: left;width: 100%;}
#profile .access-data .box .boxbody div {width: 33%;float: left;padding: 25px;}
#profile .access-data .box .boxbody div:nth-child(2) {width: calc(34%);border-right: 1px solid #ebeaea;}
#profile .access-data .box .boxbody div:first-child {border-right: 1px solid #ebeaea; z-index: 1; position: relative;}
#profile .access-data .box .boxbody div div, #myaccount .access-data .box .boxbody div div:first-child {padding: 0px;border-right: 0px;}
#profile .access-data .box .boxbody div .label {width: 100%;float: left;font-family: robotoreg;font-size: 10px;color: #7f7f7f;text-transform: uppercase;margin-bottom: 5px;margin-top: -15px;}
#profile .access-data .box .boxbody div .output {width: 100%;float: left;font-family: robotolight;font-size: 14px;line-height: 14px;color: #4285f4; word-break: break-all;}
#profile .access-data .box .boxbody div .btn-boxicon {margin-left: 95%;margin-top: -10px; float: left; display: block;z-index: 1;}
#profile .access-data .box .boxbody div .btn-boxicon-none {margin-left: 95%;margin-top: -10px; float: left; display: block;z-index: 1;}
#profile .access-data .box .boxbody div .btn-boxicon-switch {margin-left: 95%;margin-top: -10px; margin-bottom: 13px; float: left; display: block;z-index: 1;}
.btn-boxicon-none {width: 25px !important;height: 25px !important;border: 1px solid #fff !important;display: block;font-size: 12px;line-height: 22px;text-align: center;border-radius: 3px;background: #fff;}
#profile .details {width: 100%;float: left;padding: 25px;text-align: left;}
#profile .details2 {width: 100%;float: left;text-align: left; margin-top: -20px;}
#profile .details li {width: 100%;float: left;display: inline;border-bottom: 1px solid #e8e8e8;padding: 12px 0px;}
#profile .details li ul li {width: auto;float: left;border-bottom: 0px;padding: 0px 0px;}
#profile .details li ul li.label {width: 25%;float: left;font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;color: #888888;margin-top: 1px;}
#profile .details li ul li.output {width: 75%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #6a6a6a;}
#profile .details .footer {width: 100%;float: left;margin-top: 40px;}

#bpop-result, #bpop-exp-result, #wpop-result {display: none;}
#bpop-mail-result {display: none;}
#wpop-result {height: 100%;}

#profile .co-details {width: 100%;float: left; margin-top: -10px;}
#profile .co-details .pos {width: 90%;margin: 0 auto;}
#profile .co-details .pos li {width: 33%;float: left;display: inline;border-right: 1px solid #e5e5e5;padding: 0px 10px;}
#profile .co-details .pos li:last-child {border-right: 0px;}
#profile .co-details .pos li ul li {width: 100%;float: left;display: list-item;border-right: 0px;padding: 3px 0px;}
#profile .co-details .pos li ul li.icon {font-size: 25px;line-height: 25px;color: #b3cefb;margin-bottom: 10px;}
#profile .co-details .pos li ul li.label {font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;}
#profile .co-details .pos li ul li.output {font-family: robotoreg;font-size: 14px;line-height: 14px;color: #494949;word-wrap: break-word;}
#profile .co-footer {width: 100%;float: left;padding: 25px; margin-top: 10px;}

/*****Profile Template [end]*****/

/************************************PROFILE TEMPLATE [end]************************************/


/************************************SLOT LIST [start]************************************/
.popSlotList {width: 100%; float: left;}
.popSlotList .slotheader {width: 100%; float: left;}
.popSlotList .slotheader .label {width: 50%; float: left; font-family: robotobold; font-size: 11px; text-transform: uppercase;}
.popSlotList .slotheader .output {width: 50%; float: left; font-family: robotobold; font-size: 16px; color: #4285f4; text-align: right; margin-top: -3px; text-transform: uppercase;}
.popSlotList .slotlist {width: 100%;float: left;margin-top: 9.4px;border: 1px solid #00000025; border-radius: 5px; overflow: hidden;}
.popSlotList .slotlist li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #00000015; cursor: pointer; text-align: center !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.popSlotList .slotlist li:hover {background: #eff6f9; border-bottom: 1px solid #00000025;}
.popSlotList .slotlist li:last-child {border-bottom: 0px;}
.popSlotList .slotlist li:hover ul li {border: 0px; border-collapse: collapse;}
.popSlotList .slotlist li ul li {width: auto;float: left;display: inline;border-bottom: 0px;padding: 18px;/*border-right: 1px solid #e5e5e5;*/}
.popSlotList .slotlist li:hover ul li {background: none;}
.popSlotList .slotlist ul li.list-header ul li {padding: 10px 20px;}
.popSlotList .slotlist ul li.list-header ul li.time,.popSlotList .slotlist ul li.list-header ul li.slots {font-family: robotobold;font-size: 12px;text-transform: uppercase;color: #858585;background: #eff6f9;}
.popSlotList .slotlist li ul li:last-child {border-right: 0px;}
.popSlotList .slotlist li ul li.time {width: 60%;}
.popSlotList .slotlist li ul li.time ul li, .popSlotList .slotlist li ul li.slots ul li {width: auto;float: left;display: inline;padding: 0px 10px !important;border-right: 0px; border-bottom: 0px;}
.popSlotList .slotlist li ul li.time ul li.option {width: 10%;}
.popSlotList .slotlist li ul li.time ul li.option .form-radio {margin-top: 3px; float: left; margin-left: -10px !important;}
.popSlotList .slotlist li:hover ul li.time ul li.option .form-radio .radiomark {border: 2px solid #0094cd;height: 16px;width: 16px;}
.popSlotList .slotlist li ul li.time ul li.icon {width: 14%;color: #0094cd;font-size: 14px;margin-top: -1px;}
.popSlotList .slotlist li ul li.time ul li.time {width: 38%;font-family:robotoreg;font-size: 14px;color: #4c4c4c;}
.popSlotList .slotlist li ul li.slots {width: 20%;font-family: robotobold;font-size: 14px;color: #5a5a5a;padding: 18px;}
.popSlotList .slotlist li ul li.created {width: 20%;font-family: robotoreg;font-size: 14px;color: #fff;padding: 18px; background: #eff6f9; color: #6a6767;}
.popSlotList .slotlist li.limit ul li.slots {background: #fcdad8; }
.popSlotList .slotlist li.warning ul li.slots {background: #fbf7c7;}
.popSlotList .slotlist li.good ul li.slots {background: #d3e6b1;}
.popSlotList .slotlist li:hover.limit ul li.slots, .popSlotList .slotlist li:hover.warning ul li.slots, .popSlotList .slotlist li:hover.good ul li.slots {background: #eff6f9; }
.popSlotList .slot-footer {width: 100%;float: left; margin-top: 20px;}

/************************************SLOT LIST [end]************************************/


/************************************SETTINGS [start]************************************/


#advisory-data .content-display {padding: 25px;}
#advisory-data .content-display .header {
	width: 100%;
	float: left;
	border: 1px solid #ebeaea;
	padding: 0px !important;
	margin: 0px !important;
}

#advisory-data .content-display .header li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #ebeaea;
	text-align: left;
}

#advisory-data .content-display .header li:last-child {
	border-bottom: 1px solid #c4c4c4;
}


#advisory-data .content-display .header li ul li {
	width: auto;
	float: left;
	display: inline;
	border-bottom: 0px;
	border-right: 1px solid #ebeaea;
	padding: 18px;
}

#advisory-data .content-display .header li ul li:last-child {
	border-bottom: 0px;
}

#advisory-data .content-display .header li.row1 ul li {
	width: 100%;
	border-right: 0px;
}

#advisory-data .content-display .header li.row3 ul li {
	width: 33.3%;
}

#advisory-data .content-display .header li.row3 ul li:last-child {
	width: 33.4%;
	border-right: 0px;
}

#advisory-data .content-display .header li ul li ul li {
	width: 100% !important;
	float: left;
	display: list-item;
	padding: 0px;
	border-bottom: 0px;
	border-right: 0px;
}

#advisory-data .content-display .header li ul li ul li.label {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 11px;
	text-transform: uppercase;
	color: #7f7f7f;
	margin-bottom: 3px;
}

#advisory-data .content-display .header li.row2 ul li:last-child  ul li.label {text-align: right;}

#advisory-data .content-display .header li ul li ul li.output {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 14px;
	line-height: 15px;
	color: #5a5a5a;
}

#advisory-data .content-display .header li ul li ul li.output .btn-boxicon-switch {
	float: right;
	margin-top: 3px;
}

#advisory-data .content-display .header li ul li ul li.output .stat-label {
	float: right;
	padding-right: 15px;
	font-family: robotobold;
	text-transform: uppercase;
	font-size: 11px;
}

#advisory-data .content-display .header li ul li ul li.output .stat-label.stat0 {
	color: #4285f4;
}

#advisory-data .content-display .header li ul li ul li.output .stat-label.stat1 {
	color: #f67b7b;
}

#advisory-data .content-display .header li ul li ul li.output.mainTitle {
	font-size: 16px;
	line-height: 18px;
}

#advisory-data .content-display .header li ul li ul li.output.mainTitle.link {
	color: #4285f4;
}

#advisory-data .content-display .header li ul li ul li.output .status {
	width: 100%;
	float: left;
}

#advisory-data .content-display .header li ul li ul li.output .status .label {
	width: auto;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
}

#advisory-data .content-display .header li ul li ul li.output .status i {
	float: right;
	font-size: 20px;
	margin-top: -3px;
}

#advisory-data .content-display .header li ul li ul li.output .status i.stat0 {color: #4285f4;}
#advisory-data .content-display .header li ul li ul li.output .status i.stat1 {color: #fab55c;}

#advisory-data .content-display .htitle {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 16px;
	text-align: left;
	padding: 15px 0px;
	color: #4c4c4c;
}


.advisory-slider-container {
	width: 100%;
	float: left;
	overflow: hidden;
}

.advisory-slider-container .advisory-slider {
	width: 200%;
	float: left;
	position: relative;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}

.advisory-slider-container .advisory-slider .sections {
	width: 50%;
	float: left;
}

.advisory-slider-container .advisory-slider .adslide-spacer {
	width: 100%;
	float: left;
}

#advisory-data .adbody {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 0px !important;
	margin-top:15px;
	margin-bottom: 30px;
	text-align: left;

}

#advisory-data .remarks {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 0px !important;
	margin-bottom: 30px;
	text-align: left;

}


#advisory-data .adbody img {
	width: 100% !important;
	height: auto !important;
	line-height: 0px !important;
	float: left;
}

#advisory-data .editorbody {
	width: 100%;
	float: left;
}



/*****Branch Details [start]*****/

#branch-data .profile-intro {padding: 25px;}
#branch-data .profile-intro .box {padding: 0px;width: 100%;float: left;padding: 0px 0px;background: #fff;border: 0px;background-image: none;}
#branch-data .branch-map .box-white {margin-top: 10px; background-image: none;}
#branch-data .branch-map .box-white .body-margin {padding: 5px; line-height: 0px;}
#branch-data .branch-map .box-white .body-margin .btn-boxicon {margin-top: -35px;margin-right: 10px;z-index: 1;position: relative;float: right;}
#branch-settings {width: 100%;float: left;border: 1px solid #ebeaea;}
#branch-settings .s-boxview {width: 100%;border-bottom: 1px solid #c7c7c7;display: inline;float: left;}
#branch-settings .s-boxview .services {width: 70%;float: left;border-right: 1px solid #ebeaea;padding: 20px;background: #f3f3f3;}
#branch-settings .s-boxview .services .label {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;padding-left: 3px;margin-bottom: 5px;}
#branch-settings .s-boxview .services .output {width: 100%;float: left;}
#branch-settings .s-boxview .services .output li {display: inline;float: left;width: 25%;padding-right: 5px;padding-top: 5px;}
#branch-settings .s-boxview .services .output li .s-box {width: 100%;float: left;border: 1px solid #ebeaea;padding: 10px;border-radius: 3px;background: #fff;cursor: pointer;}
#branch-settings .s-boxview .services .output li .s-box:hover {border: 1px solid #4285f4;}

#branch-settings .s-boxview .services .output li .s-box .servicetitle {
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	text-align: center;
	color: #989898;
}
#branch-settings .s-boxview .services .output li .s-box  .serviceicon {width: 100%;float: left;padding: 5px 0px;}
#branch-settings .s-boxview .services .output li .s-box  .servicestatus {
	font-family: robotobold;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	text-align: center;
	color: #989898;
	margin-top: 5px;
}
#branch-settings .s-boxview .services .output li .s-box  .serviceicon .activated .icon {background: #4285f4;}
#branch-settings .s-boxview .services .output li .s-box  .serviceicon .activated .servicestatus {color: #4285f4;}
#branch-settings .s-boxview .services .output li .s-box  .serviceicon .deactivated .icon {background: #d9d9d9;}
#branch-settings .s-boxview .services .output li .s-box  .serviceicon .deactivated .servicestatus {color: #d9d9d9;}
#branch-settings .s-boxview .services .output li .s-box .icon {
	font-size: 20px;
	line-height: 35px;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
#branch-settings .s-boxview .other-data {width: 30%;float: right;}
#branch-settings .s-boxview .other-data .ip {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ebeaea;
	text-align: left;
	padding: 20px;
	text-align: center;
	background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;
}
#branch-settings .s-boxview .other-data .ip .status {
	width: 100%;
	float: left;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	color: #909090;
	margin-bottom: 5px;
	padding-left: 2px;	
}
#branch-settings .s-boxview .other-data .ip .status span {font-family: robotoreg;}
#branch-settings .s-boxview .other-data .ip .output{width: 100%;float: left;font-size: 23px;line-height: 23px;font-family: robotobold;letter-spacing: -1px;color: #595959;}
#branch-settings .s-boxview .other-data .walletstat {
	width: 100%;
	float: left;
	text-align: left;
	padding: 20px;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	color: #909090;
	font-family: robotoreg;
}
#branch-settings .s-boxview .other-data .walletstat span {font-family: robotoreg;text-transform: uppercase;}
#branch-code {width: 100%;float: left; margin-top: -2px;}
#branch-code li {width: 100%;float: left;display: list-item;padding: 14px 0px;}
#branch-code li:first-child {padding-top: 9px;border-bottom: 1px solid #6ea1f7;}
#branch-code li:last-child {padding-bottom: 0px;}
#branch-code li ul li, #branch-code li ul li:first-child {width: auto;float: left;display: inline;border-bottom: 0px;padding: 0px 0px;}
#branch-code li ul li.icon {width: 7%;float: left;font-size: 14px;line-height: 14px;margin-top: 5px;}
#branch-code li ul li.label {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	padding-right: 10px;
	margin-bottom: 10px;
}

#branch-code li ul li.output1 {
	width: 100%;
	float: left;
	text-align: right;
	font-family: robotoreg;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #fff;
	margin-top: -25px;
}


#branch-code li ul li.output2 {
	width: 100%;
	float: left;
	text-align: left;
	font-family: robotoreg;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0px;
	color: #fff;
}

#branch-code li ul li.output2.branchViewAddess {font-size: 12px; line-height: 14px; color: #cddef9;}
#branch-code li ul li.output span {color: #a0c3ff;}
#branch-code .btn-bluebox a:hover  {background: #3478e8;border: 1px solid #2e71df;}
#addbranch-data {width: 100%;float: left;}
.bdata-msg {width: 100%;float: left;font-family: robotoreg;font-size: 11px;color: #8999ac;margin-top: 3px;}
#addbranch-data .branch-id {width: 100%;float: left;background: #fdfdfd;margin-bottom: 20px;}
#addbranch-data .branch-id li {width: 100%;float: left;border: 1px solid #e9e9e9;padding: 20px;margin-top: -1px;}
#addbranch-data .branch-id li ul li {width: auto;float: left;display: inline;border: 0px;padding: 0px;}
#addbranch-data .branch-id li ul li.label {
	width: 20%;
	float: left;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #6c6c6c;
	margin-top: 2px;
}

#addbranch-data .branch-id li ul li.output1 {width: 80%;float: left;color: #4f4f4f;font-family: robotobold;font-size: 22px;line-height: 22px;text-transform: uppercase;text-align: right;letter-spacing: -1px;margin-top: 0px;}
#addbranch-data .branch-id li ul li.output2 {width: 80%;float: left;color: #4f4f4f;font-family: robotoreg;font-size: 14px;line-height: 14px;text-transform: uppercase;text-align: right;margin-top: 4px;}
#addbranch-map {width: 100%;float: left;margin-top: 15px;}
#addbranch-map .map {width: 100%;float: left;border: 1px solid #dfdfdf;padding: 5px;line-height: 0px;}
#addbranch-map .footer {width: 100%;float: left;margin-top: 15px;}

/*****Branch Details [end]*****/

/************************************SETTINGS [end]************************************/

/************************************TRANSACTION OVERVIEW [start]************************************/

#oview-slider-off, #oview-slider2-off {display: none;}
#oview-slider-container {width: 100%;float: left;overflow: hidden;}
#oview-slider-container #oview-slider  {width: 200% !important;margin-left: 0%;float: left;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}

#o-slide1 {width: 50%;float: left;}
#o-slide2 {width: 50%;float: left;}

#oview-template li#s-filter {padding-right: 0px;}
#oview-template #s-filter {width: 100% !important;float: left;}
#oview-template {width: 100%;float: left;}
#oview-template li.detailed-overview ul.column li {width: calc(50%);}
#oview-template li.detailed-overview ul.column li:last-child {padding-right: 0px;}
#oview-template li.detailed-overview ul.column li .box-white .shadow .box-header {background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
#oview-summary {width: 100%;float: left; display: flex;}
#oview-summary .transaction {width: 65%;float: left;}
#oview-summary .transaction li {width: 100%;float: left;display: list-item;padding: 22px 20px;border-bottom: 1px solid #5994f5;}
#oview-summary .transaction li:last-child {border-bottom: 0px;}
#oview-summary .transaction li ul li {padding: 0px 0px;border-bottom: 0px;display: inline;}

#oview-summary .transaction li ul li.label {
	width: 25%;
	float: left;
	text-align: left;
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	color: #d2eaff;
	margin-top: 10px;
}
#oview-summary .transaction li ul li.output {
	width: 75%;
	float: left;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	font-family: robotoreg;
	text-align: right;
	letter-spacing: -1px;
}

#oview-summary .transaction li ul li.output.type2 {font-size: 25px;}
#oview-summary .transaction li ul li.output span, #oview-summary .income li ul li.output span {color: #97c3ff;}
#oview-summary .transaction li ul li.label span, #oview-summary .income li ul li.label span {float: left;display: inline-block;}
#oview-summary .transaction li ul li.label span.icon, #oview-summary .income li ul li.label span.icon {width: 25px;font-size: 14px;line-height: 14px;margin-top: 4px;}
#oview-summary .transaction li ul li.label span.text, #oview-summary .income li ul li.label span.text {width: calc(100% - 25px);}
#oview-summary .transaction li.status {width: 100%;float: left;margin-top: 2px;}
#oview-summary .transaction li.status ul li {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	color: #d2eaff;
	text-align: left;
	margin-bottom: 10px;
}
#oview-summary .transaction li.status ul li span {font-size: 14px;line-height: 14px;font-family: robotobold;margin-left: 5px;color: #fff;}
#oview-summary .income {width: 35%;float: left;background: #4a69cf;}
#oview-summary .income li {width: 100%;float: left;display: list-item;padding: 15px;border-bottom: 1px solid #607bd5;}
#oview-summary .income li:last-child {border-bottom: 0px;}
#oview-summary .income li ul li {padding: 0px 0px;border-bottom: 0px;display: inline;}
#oview-summary .income li ul li.label {width: 20%;float: left;text-align: left;font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;color: #c2d0ff;}
#oview-summary .income li ul li.output {width: 80%;float: left;font-size: 20px;line-height: 20px;color: #fff;font-family: robotoreg;text-align: right;}
#oview-summary .income li.total ul li {padding: 0px 0px;border-bottom: 0px;display: inline;width: 100%;}
#oview-summary .income li.total ul li.label {
	width: 100%;
	float: left;
	text-align: left;
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	color: #c2d0ff;
	margin-bottom: 10px;
}
#oview-summary .income li.total ul li.label span.icon {margin-top: -1px;}
#oview-summary .income li.total ul li.output {width: 100%;float: left;font-size: 30px;line-height: 30px;color: #fff;font-family: robotoreg;text-align: right;letter-spacing: -1px;}
#oview-summary .income .legend {
	width: 100%;
	float: left;
	padding: 20px;
	padding-bottom: 0px;
}

#oview-summary .income .legend li {
	width: 20%;
	float: left;
	display: inline;
	padding: 5px !important;
	border: 0px !important;
}

#oview-summary .income .legend li ul li {
	width: auto;
	float: left;
	display: inline-block;
	padding: 0px !important;
}

#oview-summary .income .legend li ul li.icon {
	width: 15px;
	height: 15px;
	border-radius: 1px;
}

#oview-summary .income .legend li.icon.chart-color1 {background-color: #4285f4;}
#oview-summary .income .legend li.icon.chart-color2 {background-color: #5bb8f7;}
#oview-summary .income .legend li.icon.chart-color3 {background-color: #2b9fd2;}
#oview-summary .income .legend li.icon.chart-color4 {background-color: #539aff;}
#oview-summary .income .legend li.icon.chart-color5 {background-color: #2bacd2;}
#oview-summary .income .legend li.icon.chart-color6 {background-color: #35bec8;}
#oview-summary .income .legend li.icon.chart-color7 {background-color: #547be1;}
#oview-summary .income .legend li.icon.chart-color8 {background-color: #6290ff;}
#oview-summary .income .legend li.icon.chart-color9 {background-color: #4473ff;}
#oview-summary .income .legend li.icon.chart-color10 {background-color: #8571e7;}
#oview-summary .income .legend li.icon.chart-color11 {background-color: #a983d4;}
#oview-summary .income .legend li.icon.chart-color12 {background-color: #be8ccb;}
#oview-summary .income .legend li.icon.chart-color13 {background-color: #7186e7;}
#oview-summary .income .legend li.icon.chart-color14 {background-color: #7e96e3;}
#oview-summary .income .legend li.icon.chart-color15 {background-color: #947ee3;}
#oview-summary .income .legend li.icon.chart-color16 {background-color: #3074de;}
#oview-summary .income .legend li.icon.chart-color17 {background-color: #565fb8;}

#oview-summary .income .legend li ul li.label {
	width: calc(100% - 15px);
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 1px;
	padding-left: 5px !important;
}


#oview-summary .income .chart {width: 100%;float: left;padding: 20px 20px 10px 20px;}
#oview-summary .income .footer {width: 100%;float: left;padding: 10px 20px 20px 20px;}
.sview-summary {width: 100%;float: left;padding: 25px;margin-top: -15px;}
.sview-summary li {width: 100% !important;float: left;display: list-item;padding: 10px 0px;border-bottom: 1px solid #e8e8e8;}
.sview-summary li:last-child {border-bottom: 0px;}
.sview-summary li:nth-child(4) {border-bottom: 1px solid #bebebe;}
.sview-summary li:nth-child(6), .sview-summary li:last-child {border-bottom: 1px solid #4285f4;}
.sview-summary li ul li:nth-child(4) {border-bottom: 0px;}
.sview-summary li ul li:nth-child(6), .sview-summary li ul li:last-child {border-bottom: 0px;}
.sview-summary li ul li {width: auto;border-bottom: 0px;padding: 0px 0px;}
.sview-summary li ul li.label {width: 50% !important;float: left;font-family: robotolight;font-size: 11px;line-height: 11px;text-transform: uppercase;text-align: left;margin-top: 1px;}
.sview-summary li ul li.output {width: 50% !important;float: left;font-family: robotobold;text-align: right;font-size: 14px;line-height: 14px;}
.sview-summary li ul li.output span {color: #a4a4a4;}
.sview-summary li.total {padding: 15px 0px !important;}
.sview-summary li.total ul li.label {
	width: 50% !important;
	float: left;
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	text-align: left;
	margin-top: 4px;
}
.sview-summary li.total ul li.output {
	width: 50% !important;
	float: left;
	font-family: robotobold;
	text-align: right;
	font-size: 20px;
	line-height: 20px;
	color: #4285f4;
}
.sview-summary li.total ul li.output span {color: #97c3ff;}
.sview-summary .footer, #o-slide2 .footer {width: 100%;float: left;margin-top: 20px;}
#o-slide2 .graph {width: 100%;float: left;text-align: center;padding: 10px 0px;}

/************************************TRANSACTION OVERVIEW [end]************************************/

/************************************REGISTRATION [start]************************************/

#regi {width: 100%;float: left;text-align: center;}
#regi .mini {width: 80%;display: inline-block;}
#regi .main {width: 65%;float: left;border-right: 1px solid #ebeaea;}
#regi .main-cust {width: 100%;float: left; padding: 20px;}
#regi .pic {width: 35%;float: left;}
#regi .profile-intro {padding: 0px;text-align: center;}
#regi .profile-id {width: 100%;float: left;border-bottom: 1px solid #e5e5e5;padding: 25px 0px;}
#regi .profile-id li {width: auto;float: left;display: inline;}
#regi .profile-id li ul li {width: 100%;float: left;display: list-item;}
#regi .profile-id li:first-child {width: 35%;float: left;}
#regi .profile-id li:last-child {width: 65%;float: left;}
#regi .profile-id li ul li:first-child, #regi .profile-id li ul li:last-child {width: 100%;}
#regi .profile-id li ul li.label {font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;margin-bottom: 5px;}
#regi .profile-id li ul li.notice {font-family: robotoreg;font-size: 11px;line-height: 11px;color: #8999ac;}
#regi .profile-id li.output {font-family: robotoreg;font-size: 22px;line-height: 22px;text-transform: uppercase;text-align: right;letter-spacing: -1px;margin-top: 10px;}
.regiheader {width: 100%;float: left;margin: 0px;overflow: hidden;border-radius: 5px;background: #4285f4;margin-bottom: 25px;}
.regiheader .title {width: 100%;float: left;background: #4285f4;padding: 30px;background: #4285f4;}
.regiheader .title .mainTitle {width: 100%;float: left;font-family: robotolight;letter-spacing: 0px;font-size: 25px;line-height: 25px;color: #fff;margin-bottom: 5px;}
.regiheader .title .subTitle {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #bad3fc;}
.regiheader .type {width: 30%;float: left;background: #3265ba;font-family: robotobold;font-size: 20px;line-height: 20px;color: #fff;text-align: right;padding: 30px;}

.regiheader.delete {background: #f67b7b;}
.regiheader.delete .title {background: #f67b7b;}
.regiheader.delete .title .subTitle {color: #fce4e4;}


#regiadd-header {width: 100%;position: fixed;left: 0px;top: 90px;z-index: 10;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#regiadd-header .h-margin {float: right;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#regiadd-header .h-margin .pos {max-width: 880px;width: 75%;margin: 0 auto;padding: 35px;}
#regiadd-header .h-margin .pos .ca-schollheader {
	max-width: 803px;
	width: 100%;
	background: blue;
	float: left;
	margin-left: 5px;
	background: #4285f4;
	border-radius: 5px;
	overflow: hidden;
	margin-top: -200px;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;

	-webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 2px 3px rgba(0,0,0,0.3);
	-ms-box-shadow:0px 2px 3px rgba(0,0,0,0.3);
	-o-box-shadow:0px 2px 3px rgba(0,0,0,0.3);
	box-shadow:0px 2px 3px rgba(0,0,0,0.3);
}
#regiadd-header .h-margin .pos .ca-schollheader .title {width: 100%;float: left;background: #4285f4;padding: 20px;background: #4285f4; text-align: left;}
#regiadd-header .h-margin .pos .ca-schollheader .title .mainTitle {width: 100%;float: left;font-family: robotoreg;letter-spacing: 0px;font-size: 18px;line-height: 18px;color: #fff;margin-bottom: 5px;}
#regiadd-header .h-margin .pos .ca-schollheader .title .subTitle {width: 100%;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;color: #bad3fc;}
#regiadd-header .h-margin .pos .ca-schollheader .type {width: 25%;float: left;background: #3265ba;font-family: robotobold;font-size: 16px;line-height: 16px;color: #fff;text-align: right;padding: 20px;}

#addoption-toggle {display: none; float: left;}
#addoption-togglecontrol {width: 100%;float: left;margin-top: 30px;margin-bottom: 20px;}
#addoption-togglecontrol .line {width: 100%;float: left;border-top: 1px solid #4285f4;}
#addoption-togglecontrol .btnset {width: 100%;float: left;margin-top: -40px;position: relative;}
#addoption-togglecontrol .btnset #addoption-togglebtn {
	width: 40px;
	height: 40px;
	border: 1px solid #4285f4;
	background: #fff;
	border-radius: 100px;
	color: #4e4e4e;
	text-align: center;	
	margin: 0 auto;
	cursor: pointer;
	line-height: 40px;
	font-size: 18px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#addoption-togglecontrol .btnset #addoption-togglebtn:hover {color: #fff;background: #4285f4;}
#addoption-togglecontrol .btnset #addoption-togglebtn .aodownarrow {display: block;}
#addoption-togglecontrol .btnset #addoption-togglebtn .aouparrow {display: none;}
#addoption-togglecontrol .btnset .addoption-togglelabel {
	width: 100%;
	float: left;
	text-align: center;
	font-family: robotobold;
	font-size: 11px;
	line-height: 12px;
	text-transform: uppercase;	
	margin-top: 10px;
	color: #4e4e4e;
}

/************************************REGISTRATION [end]************************************/

/************************************TRANSACTION PROCESSOR [start]************************************/

#processor {width: 100px;height: 90px;display: block;float: left;overflow: hidden;}
#processor .icon-loader {width: 100%;float: left;padding: 3px 20px;}
#processor .text-loader {width: 100%;float: left;font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;margin-top: 3px;color: #7f7f7f;}
#pbox, #pbox1, #pbox2, #pbox3, #pbox4, #pbox5 {float: left;width: 100%;text-align: center;margin-top: -500px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#pbox .pbox-position, #pbox2 .pbox-position, #pbox3 .pbox-position, #pbox4 .pbox-position, #pbox5 .pbox-position {width: auto;display: inline-block;}
#pbox .pbox-position .pbox-container, #pbox2 .pbox-position .pbox-container, #pbox3 .pbox-position .pbox-container, #pbox4 .pbox-position .pbox-container, #pbox5 .pbox-position .pbox-container {float: left;background-color: #fff;border: 1px solid #dfdfdf;background-image: url(../storage/img/icon/blueTriangle2.png);background-repeat: no-repeat;background-position: top right;}
#pbox .pbox-position .pbox-container .pbox-shadow, #pbox2 .pbox-position .pbox-container .pbox-shadow, #pbox3 .pbox-position .pbox-container .pbox-shadow, #pbox4 .pbox-position .pbox-container .pbox-shadow, #pbox5 .pbox-position .pbox-container .pbox-shadow {float: left;padding: 40px;border-bottom: 1px solid #bcbcbc;}


/************************************TRANSACTION PROCESSOR [end]************************************/

/************************************WALLET [start]************************************/

#wallet-slider-container {width: 100%;float: left;overflow: hidden;}
#wallet-slider {width: 400%;float: left;position: relative;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#wallet-slider .section {width: 25%;float: left;}

#mywallet {width: 100%;float: left;}
#mywallet .main-balance {width: 100%;float: left;border: 5px solid #4285f4;padding: 25px; background: #fff;}
#mywallet .main-balance .label {width: 30%;float: left;}
#mywallet .main-balance .label .icon {width: 40px;float: left;font-size: 22px;line-height: 22px;color: #4285f4;margin-top: 10px;}
#mywallet .main-balance .label .text {width: calc(100% - 40px);float: left;font-family: robotolight;font-size: 14px;line-height: 14px;text-align: left;margin-top: 6px;}
#mywallet .main-balance .label .text span {font-family: robotobold;}
#mywallet .main-balance .output {width: 70%;float: left;}

#mywallet .main-balance .output .no {
	width: calc(100% - 90px);
	float: right;
	font-family: robotoreg;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: -2px;
	text-align: right;
	color: #3e3e3e;
}

#mywallet .main-balance .output .no span {color: #c2c2c2;}
#mywallet .main-balance .output .links {width: 90px;float: right;text-align: right;margin-top: 8px;}
#mywallet .main-balance .output .links li {width: auto;float: right;display: inline;margin-left: 10px;}
#mywallet .main-balance .output .links li.switch-pos {margin-top: 8px !important;}
#mywallet .main-balance .output .links .load, #mywallet .main-balance .output .links .status-open, #mywallet .main-balance .output .links .status-lock {width: auto;float: right;margin-left: 10px;}
#mywallet .main-balance .output .links .load a {color: #d2d2d2;font-size: 25px;line-height: 25px;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#mywallet .main-balance .output .links .load a:hover {color: #4285f4;}
#mywallet .main-balance .output .links .status-open .btn-boxicon {border: 1px solid #4285f4 !important;color: #4285f4;}
#mywallet .main-balance .output .links .status-open .btn-boxicon:hover {color: #fff;}
#mywallet .main-balance .output .links .status-lock .btn-boxicon {border: 1px solid #f05160 !important;color: #f05160;}
#mywallet .main-balance .output .links .status-lock .btn-boxicon:hover {color: #fff;background: #f05160;}
#mywallet .main-balance .output .links .status:hover {color: #4285f4;}
#mywallet .balance-details {width: 100%;float: left;}
#mywallet .balance-details .allocation {width: 30%;float: left;border-right: 1px solid #e0e0e0;	background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}

#mywallet .balance-details .allocation .title {
	width: 100%;
	float: left;
	text-align: center;
	font-family: robotobold;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	color: #727272;
	padding: 10px 0px;
}

#mywallet .balance-details .allocation .percentage {width: 100%;float: left;}

#mywallet .balance-details .allocation .percentage .output {
	width: 150px;
	height: 150px;
	font-size: 45px;
	line-height: 135px;
	font-family: robotothin;
	text-align: center;	
	border-radius: 100px;
	display: block;
	margin: 0 auto;
	letter-spacing: -2px;
}

#mywallet .balance-details .allocation .percentage .output#good {border: 8px solid #e8f0f9;}
#mywallet .balance-details .allocation .percentage .output#warning {border: 8px solid #feecd4;}
#mywallet .balance-details .allocation .percentage .output#bad {border: 8px solid #ffe6eb;}
#mywallet .balance-details .data {width: 70%;float: left;padding-left: 20px;}
#mywallet .balance-details .data li {width: 100%;float: left;border-bottom: 1px dashed #e0e0e0;padding: 15px 0px;}
#mywallet .balance-details .data li:last-child {border-bottom: 0px;}
#mywallet .balance-details .data li ul li {border-bottom: 0px;padding: 0px 0px;}

#mywallet .balance-details .data li.latestlog {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-align: left;
	text-transform: uppercase;
	color: #727272;
}

#mywallet .balance-details .data li ul li.label {
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-align: left;
	text-transform: uppercase;
	color: #727272;
	width: 30%;
	float: left;
	margin-top: 3px;
}

#mywallet .balance-details .data li ul li.output {
	float: left;
	width: 70%;
	font-family: robotobold;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	color: #727272;
	width: 70%;	
	text-align: right;
	padding-right: 5px;
	color: #494949;
}

#mywallet .balance-details .data li ul li.output span {color: #c2c2c2;}
#mywallet .branch-wallet {width: 100%;float: left;}

#mywallet .branch-wallet li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 25px;
	display: list-item;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#mywallet .branch-wallet li.bwallet-off {background: #fff2f2;border-bottom: 1px solid #f4dfdf;}
#mywallet .branch-wallet li:hover {background: #f5f7fb !important;border-bottom: 1px solid #d2dae3 !important;}
#mywallet .branch-wallet li:hover ul li, #mywallet .branch-wallet li:hover ul li ul li {background: none;border-bottom: 0px !important;}
#mywallet .branch-wallet li ul li {padding: 0px;border-bottom: 0px;display: inline;}
#mywallet .branch-wallet li ul li.wallet-name {width: 50%;float: left;text-align: left;margin-top:14px;}
#mywallet .branch-wallet li ul li.wallet-name ul li {width: 100%;float: left;}
#mywallet .branch-wallet li ul li.wallet-name ul li.name {font-family: robotoreg;font-size: 14px;line-height: 14px;color: #5f5f5f;margin-bottom: 5px;}
#mywallet .branch-wallet li ul li.wallet-name ul li.update {font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;color: #a3a3a3;}
#mywallet .branch-wallet li ul li.wallet-percent {width: 10%;float: right;}

#mywallet .branch-wallet li ul li.wallet-percent .percent {
	width: 60px;
	height: 60px;
	border: 3px solid #e8f0f9;
	font-family: robotolight;
	color: #6e6e6e;
	font-size: 18px;
	line-height: 55px;
	text-align: center;
	border-radius: 100px;
	background: #fff;
}

#mywallet .branch-wallet li:hover ul li.wallet-percent .percent {border: 3px solid #c7d9ed;}
#mywallet .branch-wallet li ul li.wallet-balance {width: 20%;float: right;text-align: right;margin-top: 10px;}
#mywallet .branch-wallet li ul li.wallet-balance ul li {width: 100%;float: left;font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;}
#mywallet .branch-wallet li ul li.wallet-balance ul li.amount {font-size: 25px;line-height: 25px;font-family: robotoreg;letter-spacing: -1px;margin-top: 5px;color: #555555;}
#mywallet .branch-wallet li:hover ul li.wallet-balance ul li.amount {color: #4285f4;}
#mywallet .branch-wallet li ul li.wallet-balance ul li.amount span {color: #c2c2c2;}
#mywallet .branch-wallet li:hover ul li.wallet-balance ul li.amount span {color: #adb9c8}
#mywallet .branch-wallet li ul li.wallet-btns {width: 20%;float: right;}
#mywallet .branch-wallet li ul li.wallet-btns ul li {width: auto;float: left;display: inline;margin-left: 7px;float: right;margin-top: 18px;}
#mywallet .branch-wallet li ul li.wallet-btns ul li.switch-pos {margin-top: 26px !important;}
#mywallet .branch-wallet li ul li.wallet-btns ul li.w-unlock .btn-circleicon-b {border: 1px solid #4285f4; color: #4285f4;}
#mywallet .branch-wallet li ul li.wallet-btns ul li.w-unlock .btn-circleicon-b:hover {border: 1px solid #4285f4; color: #fff; background: #4285f4;}
#mywallet .branch-wallet li ul li.wallet-btns ul li.w-lock .btn-circleicon-b {border: 1px solid #f05160; color: #f05160;}
#mywallet .branch-wallet li ul li.wallet-btns ul li.w-lock .btn-circleicon-b:hover {border: 1px solid #e54453; color: #fff; background: #f05160;}

#mywallet .fund-transfer {width: 100%;float: left;padding: 50px;}
#mywallet .fund-transfer .bwallet-info {width: 100%;float: left;}
#mywallet .fund-transfer .bwallet-info .box {width: 100%;float: left;border: 3px solid #4385f5;padding: 20px;}
#mywallet .fund-transfer .bwallet-info .box2 {width: 100%;float: left;border: 3px solid #ffb967;padding: 20px;}
#mywallet .fund-transfer .bwallet-info .box li, #mywallet .fund-transfer .bwallet-info .box2 li {width: auto;float: left;display: inline;}
#mywallet .fund-transfer .bwallet-info .box li.label, #mywallet .fund-transfer .bwallet-info .box2 li.label {font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;width: 30%;text-align: left;color: #7a7a7a;}

#mywallet .fund-transfer .bwallet-info .box li.output, #mywallet .fund-transfer .bwallet-info .box2 li.output {
	font-family: robotoreg;
	font-size: 35px;
	line-height: 35px;
	width: 70%;
	text-align: right;
	letter-spacing: -1px;
	color: #3e3e3e;
}

#mywallet .fund-transfer .bwallet-info .box li.output span, #mywallet .fund-transfer .bwallet-info .box2 li.output span{color: #c4c4c4;}
#mywallet .fund-transfer .form {width: 100%;float: left;}
#mywallet .fund-transfer .compute {width: 100%;float: left; margin-top: 20px;}
#mywallet .fund-transfer .compute .header {width: 100%;float: left;font-size: 16px;line-height: 16px;font-family: robotobold;color: #4c4c4c;text-align: left;margin-bottom: 10px;}
#mywallet .fund-transfer .compute li {width: 100%;float: left;display: list-item;padding: 10px 0px;border-bottom: 1px dashed #d6d6d6;}
#mywallet .fund-transfer .compute li:last-child {border-bottom: 0px !important;}
#mywallet .fund-transfer .compute li ul li {width: 50%;float: left;display: inline;padding: 0px 0px;border-bottom: 0px;}
#mywallet .fund-transfer .compute li ul li.label {font-family: robotoreg;font-size: 11px;line-height: 11px;text-align: left;text-transform: uppercase;}
#mywallet .fund-transfer .compute li.total ul li.label {font-size: 11px;line-height: 11px;font-family: robotobold;}
#mywallet .fund-transfer .compute li ul li.output {font-family: robotobold;font-size: 16px;line-height: 16px;text-align: right;color: #676767;}
#mywallet .fund-transfer .compute li ul li.output span {color: #afafaf;}
#mywallet .fund-transfer .compute li.total ul li.output {font-size: 20px;line-height: 20px;color: #4285f4;}
#mywallet-fund-plus, #mywallet-fund-minus, #mywallet-fund-plus-confirm, #mywallet-fund-minus-confirm {display: none;}
#mywallet-fund-plus-title, #mywallet-fund-minus-title, #mywallet-fund-plus-confirm-title, #mywallet-fund-minus-confirm-title {display: none;}
#transaction-report-view .wallet-custom .view-body-header .details {width: 100% !important;float: left;text-align: left; border-left: 1px solid #ebebeb;}
#mywallet .wupdate-newbalance .wallet-notice {background: #f0f4f9;border: 1px solid #e0e7ef; display: block;}
#mywallet .wupdate-newbalance .wallet-notice .n-header .mssg .title {color: #4285f4;}
#mywallet .wupdate-newbalance .wallet-notice .n-header .mssg .subtitle {color: #93989e;}
#mywallet .wupdate-newbalance .wallet-notice .n-header .icon {color: #4285f4;}
#mywallet .wupdate-lowbalance .wallet-notice {background: #fff5f6;border: 1px solid #f5e9eb; display: none;}
#mywallet .wupdate-lowbalance .wallet-notice .n-header .mssg .title {color: #f05160;}
#mywallet .wupdate-lowbalance .wallet-notice .n-header .mssg .subtitle {color: #93989e;}
#mywallet .wupdate-lowbalance .wallet-notice .n-header .icon {color: #f05160;}
#mywallet .wallet-notice {width: 100%;float: left;padding: 20px;margin-bottom: 20px;}
#mywallet .wallet-notice .n-header {width: 100%;float: left;}
#mywallet .wallet-notice .n-header .mssg {width: 70%;float: left;margin-bottom: 20px;}
#mywallet .wallet-notice .n-header .mssg .title {width: 100%;float: left;font-family: robotoreg;font-size: 23px;line-height: 23px;letter-spacing: -1px;margin-bottom: 10px;}
#mywallet .wallet-notice .n-header .mssg .subtitle {width: 100%;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;}
#mywallet .wallet-notice .n-header .icon {width: 30%;float: left;text-align: right;font-size: 60px;line-height: 60px;}
#mywallet .wallet-notice .n-details {width: 100%;float: left;background: #fff;border: 1px solid #e6e6e6;}
#mywallet .wallet-notice .n-details li {width: auto;height: 85px;float: left;border-right: 1px solid #e6e6e6;padding: 20px;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
#mywallet .wallet-notice .n-details li:first-child {width: 25%;}
#mywallet .wallet-notice .n-details li:nth-child(2) {width: 20%;}
#mywallet .wallet-notice .n-details li:nth-child(3) {width: 25%;}
#mywallet .wallet-notice .n-details li:last-child {width: 30%;border-right: 0px;}
#mywallet .wallet-notice .n-details li ul li {width: 100% !important;height: auto;float: left;display: list-item;border: 0px;padding: 0px;background: none;}
#mywallet .wallet-notice .n-details li ul li.label {font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;margin-bottom: 8px;color: #727272;}
#mywallet .wallet-notice .n-details li ul li.output {font-family: robotobold;font-size: 16px;line-height: 16px;text-transform: uppercase;}
#mywallet .wallet-notice .n-details li ul li.date-output {font-family: robotoreg; font-size: 10px;line-height: 14px; text-transform: uppercase;}
#mywallet .wallet-notice .n-details li ul li.channel-output {font-family: robotobold; font-size: 12px;line-height: 14px;}
#mywallet .wallet-notice .n-details li ul li.channel-output span {font-family: robotoreg; font-size: 11px;line-height: 11px; color: #929292;}
#mywallet .wallet-notice .n-details li ul li.output span {color: #c2c2c2;}

/*****Wallet Top-up [start]*****/

#wallet-topup {width: 100%;float: left;}
#wallet-topup .top-category {
	width: 100%;
	float: left;
	background: #4285f4;
	padding: 15px 20px;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	text-align: left;
}
.cat-optlist {width: 100%;float: left;}
.cat-optlist .listbox {width: 100%;float: left;padding: 5px;border-bottom: 1px solid #e6e6e6;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
.cat-optlist .listbox:last-child {border-bottom: 0px;}
.cat-optlist .listbox:hover {background: #f5f7fb;}
.cat-optlist .listbox:hover .default .logo {border: 1px solid #d2dae3;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1.0;}
.cat-optlist .listbox:hover .default .arrow span {color: #4285f4;}
.cat-optlist .listbox .default {width: 100%;float: left;cursor: pointer;}
.cat-optlist .listbox .default .logo {border: 1px solid #fff;width: 140px;line-height: 0px;float: left;border-radius: 3px;overflow: hidden;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8;}
.cat-optlist .listbox .default .logo img {width: 100%;}
.cat-optlist .listbox .default .label {
	width:calc(100% - 220px);
	float: left;
	font-family: robotoreg;
	font-size: 15px;
	line-height: 15px;
	padding-left: 20px;
	text-align: left;
	margin-top: 37px;
	color: #333333;
}
.cat-optlist .listbox .default .label span {font-family: robotolight;font-size: 14px;line-height: 14px;color: #767676;}
.cat-optlist .listbox .default .arrow {width: 80px;float: left;font-size: 18px;line-height: 18px;margin-top: 37px;text-align: center;}
.cat-optlist .listbox .default .arrow .off {color: #8e8e8e;}
.cat-optlist .listbox .default .arrow .on {color: #4285f4; display: none;}
.cat-optlist .listbox .moreinfo {width: 83%;float: right;text-align: left;margin-top: -20px;padding-left: 20px;display: none;}
.cat-optlist .listbox .moreinfo .details {width: 100%;float: left;padding-right: 20px;}
.cat-optlist .listbox .moreinfo .details li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px dotted #d6d6d6;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
	padding: 7px 0px;
	color: #656565;
}
.cat-optlist .listbox .moreinfo .details li span {color: #4385f5;}
.cat-optlist .listbox .moreinfo .details li i {width: 16px;float: left;text-align: center;margin-right: 10px;}
.cat-optlist .listbox .moreinfo .acctdata {width: 100%;float: left;padding: 20px 0px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo {width: calc(100% - 20px);float: left;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlisttitle {
	width: 100%;
	float: left;
	border-bottom: 1px solid #4285f4;
	font-family: robotoreg;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 0px;
	color: #333333;
}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .noacct {
	width: 100%;
	float: left;
	border: 1px solid #fbb5b5;
	background: #fff2f2;
	margin-top: 10px;
	margin-bottom: 5px;
	border-radius: 2px;
	padding: 10px;
	text-align: center;
	font-family: robotoreg;
	font-size: 14px;
	line-height: 14px;
	color: #f05155;
}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .noacct span {font-family: robotobold;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlistheader {width: 100%;float: left;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlistheader li {
	width: auto;
	float: left;
	display: inline;
	border: 0px;
	padding: 10px;
	font-family: robotobold;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlistheader li.t-status {width: 5%;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlistheader li.t-acctname {width: 40%;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlistheader li.vt-acctname {width: 50%;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlistheader li.t-acctno {width: 30%;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlistheader li.vt-acctno {width: 45%;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlistheader li.t-accttype {width: 20%;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlistheader li.t-rselect {width: 5%;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist {width: 100%;float: left;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li {
	width: 100%;
	display: list-item;
	float: left;
	border: 1px solid #e5e5e5;
	border-bottom: 1px solid #cecece;
	background: #fff;
	margin-bottom: 5px  !important;
	border-radius: 3px;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li {
	width: auto;
	float: left;
	display: inline;
	border: 0px;
	padding: 10px;
	margin-bottom: 0px !important;
	border-radius: 0px;
	border-right: 1px solid #e5e5e5;
	font-family: robotoreg;
	font-size: 14px;
	line-height: 14px;
}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li:last-child  {border-right: : 0px;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li.status {background: #fff;width: 5%;text-align: center;color: #fff;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul.confirmed li.status {background: #4285f4;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul.unconfirmed li.status {background: #7f7f7f;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li.vacctname {width: 45%;font-family: robotobold;color: #565656;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li.acctname {width: 40%;font-family: robotobold;color: #565656;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li.acctno {width: 30%;font-family: robotobold;color: #4285f4;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li.vacctno {width: 50%;font-family: robotobold;color: #4285f4;border-right: 0px;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li.accttype {width: 20%;font-family: robotoreg;color: #8d8d8d;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li.rselect {width: 5%;float: right;border-right: 0px;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actlist li ul li.rselect .radiopos {width: 100%;margin: 0 auto;background: red !important;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actadd {width: 100%;float: left;margin-top: 10px;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actadd .btn-pos {width: auto;float: left;}
.cat-optlist .listbox .moreinfo .acctdata .acctinfo .actadd .label {
	width: auto;
	float: left;
	font-family: robotobold;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	margin-left: 10px;
	margin-top: 7px;
	color: #4c4c4c;
}
.cat-optlist .listbox .moreinfo .list-btn {width: 100%;float: left;padding: 20px;}
.cat-optlist .waitblock {display: block; width: calc(100% + 5px);height: 105px;margin-bottom: -105px;margin-top: 0px;margin-left: -5px;float: left;position:relative;z-index: 1;background: url(../storage/img/bg/bg-c-black50.png);}
.cat-optlist .waitblock .contents {width: calc(100% - 150px);height: 100%;float: right;position: relative;z-index: 1;}
.cat-optlist .waitblock .contents .timer {width: 25%;height: 100%;float: left;background: #4285f4;padding: 20px;text-align: left;}
.cat-optlist .waitblock .contents .timer .icon {font-size: 45px;line-height: 45px;color: #fff;float: left;width: 50px;margin-top: 10px;}
.cat-optlist .waitblock .contents .timer .data {width: calc(100% - 50px);float: left;text-align: right;margin-top: 12px;}
.cat-optlist .waitblock .contents .timer .data .label {width: 100%;float: left;font-family: robotoreg;font-size: 9px;line-height: 9px;color: #fff;text-transform: uppercase;margin-bottom: 3px;}
.cat-optlist .waitblock .contents .timer .data .countdown {width: 100%;float: left;font-family: robotobold;font-size: 28px;line-height: 28px;color: #fff;}
.cat-optlist .waitblock .contents .msg {width: 55%;float: left;color: #fff;text-align: left;padding: 0px 20px;margin-top: 20px;}
.cat-optlist .waitblock .contents .msg .title {width: 100%;float: left;font-family: robotoreg;font-size: 16px;line-height: 16px;}
.cat-optlist .waitblock .contents .msg .title span {width: 100%;float: left;font-family: robotolight;font-size: 12px;line-height: 12px;margin-top: 5px;}
.cat-optlist .waitblock .contents .btn {width: 20%;float: left;margin-top: 37px;padding-right: 25px;}

.channel-info {width: 100%;float: left;}
.channel-info .channel-header {width: 100%;float: left;border-bottom: 1px solid #dfdfdf; background: #fff;}
.channel-info .channel-header .logo {width: 30%;float: left;border-right: 1px solid #e1e1e1;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;padding: 10px;line-height: 0px;}
.channel-info .channel-header .logo img {width: 100%;}
.channel-info .channel-header .label {width: 70%;float: right;text-align: right;padding: 30px 40px;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
.channel-info .channel-header .label .title {width: 100%;float: left;font-family: robotoreg;font-size: 24px;line-height: 24px;letter-spacing: -1px;color: #3d3d3d;margin-bottom: 10px;}
.channel-info .channel-header .label .subtitle {width: 100%;float: left;text-align: right;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #727272;}
.channel-info .channel-header .info {width: 100%;float: left;text-align: right;font-family: robotoreg;font-size: 10px;line-height: 10px;color: #656565;text-transform: uppercase;margin-top: 15px;}
.channel-info .channel-header .fee {width: auto;float: right;margin-top: 7px;}

.channel-info .channel-header .fee li {
	width: auto;
	float: left;
	border: 1px solid #4285f4;
	font-family: robotobold;
	font-size: 12px;
	line-height: 12px;
	padding: 5px;
	margin-left: -1px;
	border-radius: 3px;
}
.channel-info .channel-header .fee li:first-child {background: #4285f4;color: #fff;}
.channel-info .channel-guide {width: 100%;float: left;}
.channel-info .section-title {width: 100%;float: left;font-family: robotoreg;font-size: 15px;line-height: 15px;padding: 30px 0px 20px 0px;}
.channel-info .list {width: 100%;float: left;padding: 20px;border: 1px solid #dedede;}
.channel-info .list li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #e5e5e5;padding: 5px 0px;}
.channel-info .list li:last-child {border-bottom: 0px;}
.channel-info .list li ul li {width: auto;display: inline;border-bottom: 0px;padding: 0px 0px;}
.channel-info .list li ul li.no {background: #4285f4;border-radius: 100px;width: 15px;height: 15px;color: #fff;text-align: center;line-height: 15px;font-family: robotobold;font-size: 10px;}
.channel-info .list li ul li.info {width: calc(100% - 30px);font-size: 12px;line-height: 12px;font-family: robotoreg;padding-left: 10px;margin-top: 1px;}
.channel-info .channel-partners {width: 100%;float: left;margin-left: 1px;}

.channel-info .channel-partners li {
	width: calc(20% + 1px);
	float: left;
	display: list-item;
	border: 1px solid #ededed;
	margin-top: -1px;
	margin-left: -1px;
	background: #fff;
	line-height: 0px;
	margin-bottom: 0px !important;
}

.channel-info .channel-partners li img {width: 100%;}
.channel-info .topup-msg {
	width: 100%;
	float: left;
	background: #f2f7fe;
	border: 1px solid #e9eef7;
	border-radius: 3px;
	padding:15px;
	background-image: url(../storage/img/bg/bg-accountTopup.png);
	background-repeat: no-repeat;
	background-position: 60px center;
}

.channel-info .topup-msg .icon {width: 80px;height: 80px;line-height: 112px;background: #fff;border-radius: 100px;border: 3px solid #8fbcfd;float: left;text-align: center;}
.channel-info .topup-msg .msg {width: calc(100% - 80px);float: left;padding-left: 20px;	text-align: right;margin-top: 17px;padding-right: 10px;}
.channel-info .topup-msg .msg .title {width: 100%;float: left;font-family: robotolight;font-size: 23px;line-height: 23px;color: #6d7a90;letter-spacing: -1px;margin-bottom: 5px;}
.channel-info .topup-msg .msg .subtitle {width: 100%;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;color: #6f6f6f;}
.remit-msg {
    width: 100%;
    float: left;
    background: #f2f7fe;
    border: 1px solid #e9eef7;
    border-radius: 3px;
    padding:15px;
    background-image: url(../storage/img/bg/bg-remit.png);
    background-repeat: no-repeat;
    background-position: 60px center;
}
.remit-msg .icon {width: 80px;height: 80px;line-height: 105px;background: #fff;border-radius: 100px;border: 3px solid #8fbcfd;float: left;text-align: center;}
.remit-msg .icon img {margin-left: -3px;}
.remit-msg .msg {width: calc(100% - 80px);float: left;padding-left: 20px; text-align: right;margin-top: 17px;padding-right: 10px;}
.remit-msg .msg .title {width: 100%;float: left;font-family: robotolight;font-size: 23px;line-height: 23px;color: #6d7a90;letter-spacing: -1px;margin-bottom: 5px;}
.remit-msg .msg .subtitle {width: 100%;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;color: #6f6f6f;}
.channel-info .list-partners {width: 100%;float: left;margin-top: 20px;}
.channel-info .list-partners li {width: 25%;float: left;display: inline;padding: 5px;}
.channel-info .list-partners li ul li {
	width: 100%;
	float: left;
	display: list-item;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 5px;
	padding: 0px;
	color: #8e8e8e;
	list-style: circle;
	list-style-position: inside;
}
.channel-info .list-partners li ul li:first-child {font-family: robotobold;text-transform: uppercase;color: #4e4e4e;}
.channel-steps {width: 100%;float: left;padding: 40px;}
.channel-steps li {width: calc(33% + 2px) !important;float: left;display: inline;padding: 20px; margin-bottom: 0px !important;}
.channel-steps ul.border li {width: calc(33% + 3px) !important;border: 1px solid #e1e1e1;margin-left: -1px;margin-top: -1px;height: 230px;background: #fff;}
.channel-steps ul.border2 li {width: calc(33% + 3px) !important;border: 1px solid #e1e1e1;margin-left: -1px;margin-top: -1px;height: 270px;background: #fff;}
.channel-steps ul.border li ul li {height: auto;}
.channel-steps li div {width: 100%;float: left;display: list-item;text-align: center;margin-bottom: 12px;}
.channel-steps li div.title {text-align: center;}
.channel-steps li div.title .stepheader {width: auto;display: inline-block;float: none;margin-bottom: 0px;}
.channel-steps li div.title .stepheader div {width: auto;float: left;margin-bottom: 0px;}
.channel-steps li div.title .stepheader div.step {color: #5a5a5a;font-family: robotobold;font-size: 12px;line-height: 12px;text-transform: uppercase;margin-right: 5px;}
.channel-steps li div.title .stepheader div.no {
	color: #fff;
	font-family: robotobold;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: #4285f4;
	border-radius: 100px;
	margin-top: -5px;
}
.channel-steps li div.description {width: 100%;height: 40px;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;color: #747474; z-index: 1; position: relative;}
.channel-steps li div.thumb {text-align: center;}
.channel-steps li div.thumb img {width: 90%;}
.channel-steps li div.result {width: 100%;float: left;text-align: center;}
.channel-steps li div.result .icon {width: 100%;float: left;font-size:100px;line-height: 100px;color: #4285f4;height: 140px;}
.channel-steps li div.ppay {width: 100%;float: left;text-align: center;}
.channel-steps li div.ppay img {width: 15%;}
.channel-steps li div.refno {width: 100%;border: 5px solid #4285f4;padding: 15px;font-family: robotobold;font-size: 16px;line-height: 16px; border-radius: 7px;}
.channel-steps li div.c-icon {width: 100%;font-size:70px;line-height: 70px;color: #4e4e4e;height: 140px;}
.channel-steps li div.c-img {width: 100%; float: left;}
.channel-steps li div.c-img img {width: 100%; margin-top: -20px;}
.channel-steps li div.c-icon-b {width: 100%;font-size:80px;line-height: 80px;color: #4285f4;height: 140px;}
.channel-steps li div.btn {width: 100%;float: left;}
.channel-search {
	width: 100%;
	float: left;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 20px;
	background: #f0f4f9;
	border: 1px solid #e0e7ef;
	border-radius: 3px;
	color: #959aa0;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
}
.channel-search .sheader {width: 100%;float: left;border-bottom: 1px solid #e0e7ef;padding-bottom: 15px;}
.channel-search .sheader .icon {width: 25px;float: left;font-size: 20px;line-height: 20px;color: #4285f4;}
.channel-search .sheader .context {width: calc(100% - 25px);float: left;color: #959aa0;font-family: robotoreg;font-size: 12px;line-height: 12px;}
.channel-search .sform {width: 100%;float: left;padding: 10px 0px;}
.channel-search .btn {width: 100%;float: left;}
.channel-branch {width: 100%;float: left;margin-left: 1px;}
.channel-branch li {
	width:calc(50% + 1px) !important;
	float: left;
	display: inline;
	border: 1px solid #ebebeb;
	margin-left: -1px;
	margin-top: -1px;
	background: #fff;
	margin-bottom: 0px !important;
}
.channel-branch li .b-section {width: 100%;float: left;padding: 20px;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
.channel-branch li .b-section div {margin-bottom: 10px;}
.channel-branch li .b-section div:last-child {margin-bottom: 0px;}
.channel-branch li .b-section .b-name {font-family: robotobold;font-size: 12px;line-height: 12px;color: #5a5a5a;text-transform: uppercase;}
.channel-branch li .b-section .address {font-family: robotoreg;font-size: 12px;line-height: 12px;color: #7a7a7a;}
.channel-branch li .b-section .contact {font-family: robotobold;font-size: 12px;line-height: 12px;color: #686868;}
.channel-branch li .b-section .contact i {color: #4285f4;}
.channel-branch li .b-section .location {width: auto;float: right;position: relative !important;z-index: 1;margin-bottom: -40px;margin-top: -3px;}
.channel-branch li .b-section .logo {width: 100%;float: left;text-align: center;}
.channel-branch li .b-section .logo img {width: 60%;}
.channel-branch li .b-section .acctinfo {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;	
	border: 1px solid #e5e5e5;
	margin: 0px;
	margin-top: -1px;
	padding: 10px;
	color: #8d8d8d
}
.channel-branch li .b-section .acctinfo span {font-family: robotobold;float: right;color: #686868;}
.channel-dp {width: 100%;float: left;}
.channel-dp .dpheader {
	width: 100%;
	float: left;
	font-family: robotolight;
	font-size: 23px;
	line-height: 23px;
	color: #565656;
	text-align: center;
	margin-bottom: 25px;
	letter-spacing: -1px;
	margin-top: 10px;
}
.channel-dp .option {width: 100%;float: left;}
.channel-dp .option li {width: 50%;float: left;padding: 30px;cursor: pointer; border-radius: 5px;}
.channel-dp .option li#dp-no {background: #4285f4;}
.channel-dp .option li#dp-yes {background: #4a69cf;}
.channel-dp .option li#dp-no:hover {background: #3274f2;}
.channel-dp .option li#dp-yes:hover {background: #3958c6;}
.channel-dp .option li ul li {width: 100%;float: left;text-align: center;padding: 0px;}
.channel-dp .option li ul li.title {font-family: robotoreg;font-size: 14px;line-height: 14px;color: #fff;margin-bottom: 10px;}
.channel-dp .option li ul li.description {font-family: robotoreg;font-size: 12px;line-height: 12px;color: #bdd6ff;}
#dp-guide {display: none;}

.tchannel-1-1, .tchannel-1-2, .tchannel-1-3, .tchannel-1-4 {display: none;}
.tchannel-2-1, .tchannel-2-2, .tchannel-2-3, .tchannel-2-4, .tchannel-2-5 {display: none;}

.tchannelform-1-1, .tchannelform-1-2, .tchannelform-1-3, .tchannelform-1-4 {display: none;}
.tchannelform-2-1, .tchannelform-2-2, .tchannelform-2-3, .tchannelform-2-4, .tchannelform-2-5 {display: none;}

.tchannel-sideinfo-1-1, .tchannel-sideinfo-1-2, .tchannel-sideinfo-1-3, .tchannel-sideinfo-1-4 {display: none;}
.tchannel-sideinfo-2-1, .tchannel-sideinfo-2-2, .tchannel-sideinfo-2-3, .tchannel-sideinfo-2-4, .tchannel-sideinfo-2-5 {display: none;}

.tchannelconfirm-1-1, .tchannelconfirm-1-2, .tchannelconfirm-1-3, .tchannelconfirm-1-4 {display: none;}
.tchannelconfirm-2-1, .tchannelconfirm-2-2, .tchannelconfirm-2-3, .tchannelconfirm-2-4, .tchannelconfirm-2-5 {display: none;}

/************************************WALLET [end]************************************/

/************************************VIRTUAL CARD [start]************************************/

#vcard-pane-slider {width: 400%;float: left;position: relative;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#vcard-pane-slider .section {width: 25%;float: left;}
#vcard-pane {width: 100%;float: left;overflow: hidden;}


#vcard-pane .balancebox {width: 100%;float: left;border: 5px solid #4a69cf;padding: 25px;margin-bottom: 20px;}
#vcard-pane .balancebox li {width: 100%;float: left;display: list-item;text-align: center;border-bottom: 0px;padding: 0px 0px;}
#vcard-pane .balancebox li.label {font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;}
#vcard-pane .balancebox li.output {font-size: 25px;line-height: 25px;font-family: robotoreg;letter-spacing: -1px;margin-top: 5px;color: #555555;}
#vcard-pane .balancebox li.output span {color: #c2c2c2;}
#vcard-pane .thumb {width: 100%;float: left;line-height: 0px;border-radius: 12px;border: 1px solid #ebebeb;}
#vcard-pane .thumb img {width: 100%;}

#vcard-pane .thumb .cardno {
	width: auto;
	float: right;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	margin-top: -65px;
	margin-right: 15px;
	position: relative;
	z-index: 1;
	letter-spacing: 0px;
	color: #414141;
}

#vcard-pane .thumb .name {
	width: auto;
	float: left;
	font-family: robotobold;
	font-size: 10px;
	line-height: 10px;
	margin-top: -25px;
	margin-left: 25px;
	position: relative;
	z-index: 1;
	letter-spacing: 0px;
	color: #414141;
	text-transform: uppercase;
}

#vcard-pane .thumb .date {
	width: auto;
	float: left;
	font-family: robotobold;
	font-size: 10px;
	line-height: 10px;
	margin-top: -42px;
	margin-left: 118px;
	position: relative;
	z-index: 1;
	letter-spacing: 0px;
	color: #414141;
	text-transform: uppercase;
}

#vcard-pane .data {width: 100%;float: left; margin-top: 5px;}
#vcard-pane .data li {
	width: 100%;
	float: left;
	display: list-item;
	padding: 15px 0px;
	border-bottom: 1px solid #e5e5e5;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#vcard-pane .data li:last-child {border-bottom: 0px;padding-bottom: 0px;}
#vcard-pane .data li ul li {border-bottom: 0px;padding: 0px 0px;}
#vcard-pane .data li.balance {padding: 15px 0px;}
#vcard-pane .data li.balance ul li.label {width: 30%;float: left;font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;color: #4f4f4f;}
#vcard-pane .data li.balance ul li.output {width: 70%;float: left;font-family: robotobold;font-size: 18px;line-height: 18px;color: #4f4f4f;padding-right: 5px;}
#vcard-pane .data li.balance ul li.output span {color: #afafaf;}
#vcard-pane .data li.info ul li {font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;color: #8a8a8a;margin: 3px 0px;}

/************************************VIRTUAL CARD [end]************************************/

/************************************SERVICE FEE [start]************************************/

#fees-slider {width: 200%;float: left;position: relative;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#fees-slider .slider-section {width: 50%;float: left;}
#fees-subslider {width: 200%;float: left;position: relative;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#fees-subslider .subslider-section {width: 50%;float: left;}
#fees-subslider .subslider-section#subslide-adjust {width: calc(50% - 1px);}
#rem-fees-setup {width: 100%;float: left; overflow: hidden;}
#fees {width: 100%;float: left; overflow: hidden;}
#fees .notice {width: 100%;float: left;padding: 25px 80px; background: #4285f4;text-align: center; color: #fff; font-family: robotolight; font-size: 14px; line-height: 16px;}
#fees .other-services {width: 100%;float: left;}
#fees .rem-fees {width: 100%;float: left;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding: 40px;}
#fees .rem-fees .icon {font-size: 70px;line-height: 70px;float: left;width: 20%;color: #4f4c4d;text-align: center;margin-top: 10px;}
#fees .rem-fees .mssg {width: 50%;float: left;text-align: left;margin-top: 20px;}
#fees .rem-fees .mssg .title {width: 100%;font-family: robotobold;font-size: 15px;line-height: 15px;text-transform: uppercase;color: #4f4c4d;margin-bottom: 10px;}
#fees .rem-fees .mssg .description {width: 100%;float: left;font-size: 14px;line-height: 14px;font-family: robotoreg;}

#fees .rem-fees .btn {
	display: block;
	width: 100px;
	height: 100px;
	float: right;
	background: blue;
	border-radius: 100%;
	background: #fff;
	border: 5px solid #e7ebf1;
	font-family: robotobold;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 14px;
	color: #727b86;
	padding-top: 32px;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#fees .rem-fees .btn:hover {background: #4285f4;color: #fff;border: 5px solid #4285f4;}
#fees .rem-fees .btn span {font-size: 11px;line-height: 11px;}
#fees .rem-fees-cat {width: 100%;float: left;}
#fees .rem-fees-cat .category {width: 100%;float: left;}

#fees .rem-fees-cat .category li {
	cursor: pointer;
	width: 100%;float: left;
	display: list-item; 
	padding: 15px; 
	border-bottom: 1px solid #ebebeb;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

#fees .rem-fees-cat .category li:last-child {border-bottom: 0px;}

#fees .rem-fees-cat .category li.cat-header, #fees .rem-fees-cat .category li.cat-header:hover {
	cursor: default;
	background: #f5f9fe;
	border-bottom: 1px solid #e7ebf1;
	padding: 15px 25px;
	font-family: robotobold;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	text-transform: uppercase;
	color: #727b86 !important;
}

#fees .rem-fees-cat .category li.cat-header i {float: right;font-size: 18px;line-height: 18px;margin-bottom: -10px;color: #adb9c8;}
#fees .rem-fees-cat .category li ul li {width: auto;float: left;border-bottom: 0px;padding: 0px;}
#fees .rem-fees-cat .category li ul li.logo {width: 15%;float: left;border-radius: 3px;overflow: hidden;line-height: 0px;}
#fees .rem-fees-cat .category li ul li.logo img {width: 100%; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */   filter: grayscale(100%);}
#fees .rem-fees-cat .category li ul li.title {width: 35%;float: left;text-align: left;padding-left: 10px;margin-top: 10px;}
#fees .rem-fees-cat .category li ul li.title .main-title {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #4f4c4d;margin-bottom: 5px;}
#fees .rem-fees-cat .category li ul li.title .sub-title {width: 100%;float: left;font-family: robotoreg;font-size: 11px;line-height: 11px;color: #919191;}
#fees .rem-fees-cat .category li ul li.title .sub-title li {width: 100%;float: left;margin-bottom: 2px;}
#fees .rem-fees-cat .category li ul li.title .sub-title li i {width: 15px;text-align: center;font-size: 9px;line-height: 9px;}
#fees .rem-fees-cat .category li ul li.status {width: 50%;float: left;margin-top: 10px;}
#fees .rem-fees-cat .category li ul li.status .update {width: auto;float: right;font-size: 11px;line-height: 11px;font-family: robotoreg;padding-right: 10px;margin-top: 5px;color: #a9a9a9;}
#fees .rem-fees-cat .category li ul li.status .stat-info .yes  i {color: #4bcf64;}
#fees .rem-fees-cat .category li ul li.status .stat-info .no  i {color: #f05160;}

#fees .rem-fees-cat .category li ul li.status .stat-info {
	width: 100%;
	float: right;
	display: block;
	width: 60px;
	text-align: center;
	border-radius: 10px;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	padding: 5px;
	text-transform: uppercase;
	border: 1px solid #e5e5e5;
	background: #fff;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#fees .rem-fees-cat .category li ul li.status .update span {font-family: robotobold;}
#fees .rem-fees-cat .category li:hover {background: #4285f4;border-bottom: 1px solid #3375e2;}
#fees .rem-fees-cat .category li:hover ul li {border-bottom: 0px;background: none;}
#fees .rem-fees-cat .category li:hover ul li.logo img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */   filter: grayscale(0%);}
#fees .rem-fees-cat .category li:hover ul li.title .main-title {color: #fff;}
#fees .rem-fees-cat .category li:hover ul li.title .sub-title, #fees .rem-fees-cat .category li:hover ul li.status .update  {color: #d5f0ff;}
#fees .rem-fees-cat .category li:hover ul li.status .stat-info {border: 1px solid #3071dc;}

#fees .other-services li {	
	display: block;
	width: 20%;
	float: left;
	margin-left: -1px;
	background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;	
	cursor: pointer;
	border-left: 1px solid #ebebeb;
}

#fees .other-services li:last-child {border-right: 0px;}
#fees .other-services li .details {width: 100%;height: 235px;float: left;padding: 30px;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#fees .other-services li .details .icon {width: 100%;float: left;font-size: 35px;line-height: 35px;color: #4f4c4d;margin-bottom: 15px;}

#fees .other-services li .details .title {
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 13px;
	color: #4f4c4d;
	font-family: robotoreg;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#fees .other-services li .details .description {
	width: 100%;
	float: left;
	font-size: 11px;
	line-height: 11px;
	font-family: robotoreg;
	margin-bottom: 20px;
	text-transform: uppercase;
	height: 25px;
}

#fees .other-services li .details .fee {
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 18px;
	color: #727b86;
	font-family: robotobold;
	background: #f5f9fe;
	padding: 10px;
	border-radius: 2px;
	border: 1px solid #e7ebf1;
}

#fees .other-services li .details .fee span {color: #adb9c8;}
#fees .other-services li .details .fee span.label {font-size: 10px !important;text-transform: uppercase;font-family: robotoreg;color: #727b86;line-height: 11px !important;float: left;text-align: center;width: 100%;margin-top: 5px;}
#fees .other-services li .details:hover {background: #4285f4;}
#fees .other-services li .details:hover .icon, #fees .other-services li .details:hover .title, #fees .other-services li .details:hover .description {color: #fff;}
#fees .other-services li .details:hover .fee {background: #fff;}
#fees .other-services-form {width: 100%;float: left;}
#fees .other-services-form .icon-pane {width: 40%;float: left;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;padding-top: 60px;}
#fees .other-services-form .icon-pane .icon {width: 100%;float: left;font-size: 120px;line-height: 120px;color: #4f4c4d;}
#fees .other-services-form .icon-pane .label {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;margin-top: 25px;color: #4f4c4d;	margin-bottom: 5px;}
#fees .other-services-form .icon-pane .description {font-size: 11px;line-height: 11px;font-family: robotoreg;text-transform: uppercase;}
#fees .other-services-form .form-pane {width: 60%;float: left;border-left: 1px solid #ebebeb;}
#fees .other-services-form .form-pane .current-fee {width: 100%;float: left;background: #f5f9fe;border: 1px solid #e7ebf1;border-radius: 3px;}
#fees .other-services-form .form-pane .current-fee .current {width: 100%;float: left;padding: 15px 15px;}
#fees .other-services-form .form-pane .current-fee .current .label {width: 30%;float: left;font-size: 11px;line-height: 11px;text-transform: uppercase;text-align: left;color: #728191;}
#fees .other-services-form .form-pane .current-fee .current .output {width: 70%;float: left;font-family: robotolight;font-size: 35px;line-height: 35px;text-align: right;letter-spacing: -1px;color: #728191;}
#fees .other-services-form .form-pane .current-fee .current .output span {color: #adb9c8;}

#fees .other-services-form .form-pane .current-fee .max-notice {
	border-top: 1px solid #e7ebf1;
	width: 100%;
	float: left;
	margin-top: 10px;
	padding: 15px 15px;	
	color: #fff;
	font-family: robotoreg;
	color: #4285f4;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
}

#fees .other-services-form .form-pane .current-fee .max-notice span {font-family: robotobold;}
#fee-UPDATE-title-1, #fee-UPDATE-title-2, #fee-UPDATE-title-3, #fee-UPDATE-title-4, #fee-UPDATE-title-5, #fee-UPDATE-title-6 { display: none; }
#fee-UPDATE-icon-1, #fee-UPDATE-icon-2, #fee-UPDATE-icon-3, #fee-UPDATE-icon-4, #fee-UPDATE-icon-5, #fee-UPDATE-icon-6 {display: none;}
#fee-UPDATE-form-1, #fee-UPDATE-form-2, #fee-UPDATE-form-3, #fee-UPDATE-form-4, #fee-UPDATE-form-5, #fee-UPDATE-form-6 {display: none;}
.rem-fees-cat, .other-services-form {display: none;}
#fees .remfee-view {width: 100%;float: left;}
#fees .remfee-view .prod-info {width: 100%;float: left;border-bottom: 1px solid #ebebeb;padding: 25px;}
#fees .remfee-view .prod-info .logo {width: 50%;float: left;text-align: center;}
#fees .remfee-view .prod-info .logo img {max-width: 380px;width: 100%;}
#fees .remfee-view .prod-info .info {width: 50%;float: left;padding-left: 45px;margin-top: 60px;border-left: 1px solid #e5e5e5;}

#fees .remfee-view .prod-info .info .title {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 20px;
	line-height: 20px;
	text-align: left;
	margin-bottom: 10px;
	color: #4f4f4f;
}

#fees .remfee-view .prod-info .info .description {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	margin-bottom: 20px;
	color: #4f4f4f;
}

#fees .remfee-view .prod-info .info .data {width: 100%;float: left;}
#fees .remfee-view .prod-info .info .data li {
	width: 100%;
	display: list-item;
	margin-bottom: 5px;
	text-align: left;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
}

#fees .remfee-view .prod-info .info .data li span {color: #4f4f4f;font-family: robotobold;}
#fees .remfee-view .prod-info .info .data li i {width: 15px;text-align: center;padding-right: 5px;}
#fees .remfee-view .rates {width: 100%;float: left; overflow: hidden;}
#fees .remfee-view .rates #rateform-slider {width: 200%;float: left;position: relative;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#fees .remfee-view .rates #rateform-slider .rateform-slider-section {width:  50%;float: left;}
#fees .remfee-view .rates .rate-section {width: 50%;float: left;border-right: 1px solid #ececec;}
#fees .remfee-view .rates .rate-section:first-child {background: #fcfcfc;}
#fees .remfee-view .rates .rate-section:last-child {border-right: 0px;}
#fees .remfee-view .rates .rate-section .rate-header {
	width: 100%;
	float: left;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;
	font-family: robotobold;
	font-size: 14px;
	line-height: 14px;
	color: #4f4f4f;
}
#fees .remfee-view .rates .rate-section .rate-body {width: 100%;float: left;padding: 25px;}
#fees .remfee-view .rates .rate-section .rate-body .description {width: 100%;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px; height: 50px;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table {width: 100%;float: left;margin-top: 15px;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table {width: 100%;float: left;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table th  {border-bottom: 1px solid #4285f4;font-family: robotobold;font-size: 12px;line-height: 12px;color: #4f4f4f;padding: 12px 0px;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table th:first-child {text-align: left;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table th:last-child {text-align: right;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table tr {border-bottom: 1px solid #e8e8e8;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table td {padding: 12px 0px;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table tr:last-child {border-bottom: 0px;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table td:first-child {width: 25%;font-family: robotobold;font-size: 11px;line-height: 11px;text-align: left;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table td:nth-child(2) {width: 10%;font-family: robotobold;font-size: 11px;line-height: 11px;text-align: left;color: #b1b1b1;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table td:nth-child(3) {width: 25%;font-family: robotobold;font-size: 11px;line-height: 11px;text-align: left;}
#fees .remfee-view .rates .rate-section .rate-body .rate-table table td:last-child {width: 40%;text-align: right;font-family: robotobold;font-size: 14px;line-height: 14px;color: #4f4f4f;}
#fees-overview {width: 100%;float: left;overflow: hidden;}
#fees-overview-slider {width: 200%;float: left;position: relative;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#fees-overview-slider .oview-slider-section {width:  50%;float: left;}
#vas-feesupdate-logs, #rem-feesupdate-logs, #btn-remFEE-update-submit, #bck-remFEE-list {display: none;}

.remfee-form-header {
	width: 100%;
	float: left;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;
	font-family: robotobold;
	font-size: 14px;
	line-height: 14px;
	color: #4f4f4f;
}

.remfee-form-notice {
	background: #f5f9fe;
	border: 1px solid #e7ebf1;
	border-radius: 2px;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
	color: #979a9d;
	padding: 15px;
	text-align: center;
	float: left;
	width: 100%;
	text-align: left;
}

.remove-tier-icon {font-size: 14px;line-height: 14px;margin-top: 13px;color: #f67b7b;cursor: pointer;float: right;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
.remfee-form-add .btn {
	width: 30px;
	height: 30px;
	float: left;
	line-height: 26px;
	border: 2px solid #e4e4e4;
	border-radius: 100px;
	font-size: 16px;
	color: #434242;
	cursor: pointer;
	text-align: center;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.remfee-form-add {width: 100%;float: left; margin-top: 15px; margin-bottom: 5px;}
.remfee-form-add .btn:hover {background: #4285f4;color: #fff;border: 2px solid #4285f4;}
.remove-tier-icon:hover {color: #4285f4;}

.remfee-form-add .label {
	font-family: robotobold;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	color: #727b86;
}

/************************************SERVICE FEE [end]************************************/

/************************************EXCHANGE RATE [start]************************************/

#xchange {width: 100%;float: left;}
#xchange .stat-check {width: 100%;float: left;margin-bottom: 20px;}
#xchange .stat-check#updated .msg {border: 2px solid #c0ec9;}
#xchange .stat-check#updated .msg i {color: #4bcf64;}
#xchange .stat-check#undated .msg {border: 2px solid #f0b4b9;}
#xchange .stat-check#undated .msg i {color: #f05160;}

#xchange .stat-check .msg {
	width: auto;
	float: left;
	background: #fff;
	font-family: robotobold;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: 50px;
}

#xchange .stat-check .msg span {font-family: robotoreg;font-size: 10px;line-height: 10px;color: #8e8e8e;}
#xchange .stat-check .msg span i {color: #8c8c8c !important;}

#xchange #xchange-rate-box {
	width: 100%;
	float: left;
	border: 5px solid #4285f4;
	padding: 25px;

	font-family: robotoreg;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: -2px;
	text-align: center;
	color: #3e3e3e;
}
#xchange #xchange-rate-box .rate {width: 40%;float: left;}
#xchange #xchange-rate-box .rate span {color: #afafaf;}

#xchange #xchange-rate-box .xchange-rate-edit {
	width: 35px;
	height: 35px;
	float: right;
	line-height: 33px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	font-size: 16px;
	color: #727272;
	cursor: pointer;
	text-align: center;
	font-family: robotobold;
	margin-top: -36px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#xchange #xchange-rate-box .xchange-rate-edit:hover {background: #4285f4;color: #fff;border: 2px solid #4285f4;}
#xchange #xchange-rate-box .equal {width: 20%;text-align: center;float: left;color: #4285f4;font-size: 60px;line-height: 35px;}

#xchange .notice {
	width: 100%;
	float: left;
	padding: 15px;
	text-align: center;
	border: 1px solid #e7ebf1;
	background: #f5f9fe;
	color: #979a9d;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
	margin-top: 20px;
}

/************************************EXCHANGE RATE [end]************************************/

/************************************POP MSSG [start]************************************/

#popmsg {width: 100%;float: left;}
#popmsg .recepient {width: 100%;float: left;padding: 10px;background: #fff;border: 1px solid #cddbf1;border-radius: 5px;margin-bottom: 5px;}

#popmsg .recepient .thumb {
	width: 60px;
	height: 60px;
	float: left;
	border: 3px solid #d3deeb;
	border-radius: 100px;
	overflow: hidden;
	background: #fff;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#popmsg .recepient .thumb img {width: 100%;}
#popmsg .recepient .data {width: calc(100% - 70px);float: right;margin-top: 13px;}
#popmsg .recepient .data .name {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #4285f4;margin-bottom: 5px;}
#popmsg .recepient .data .info {width: 100%;float: left;font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;}


#delsched {
	width: 100%;
	float: left;
}

#delsched .reminder {
	width: 100%;
	float: left;
	background: #fff2f2;
	border: 1px solid #f4dfdf;
	border-radius: 3px;
	padding: 13px 15px;
	font-family: robotoreg;
	font-size: 14px;
	line-height: 14px;
	color: #9599a2;
}

#delsched .reminder i {
	color: #f67777;
	font-size: 16px;
	float: left;
	margin-top: -2px;
	padding-right: 5px;
}

#delsched .branch {
	width: 100%;
	float: left;
	background: #4285f4;
	border: 1px solid #4480e4;
	border-radius: 3px;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	margin: 10px 0px;
}

#delsched .branch li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #6ea1f7;
	padding: 13px 15px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}

#delsched .branch li:last-child {
	border-bottom: 0px;
}

#delsched .branch li i {
	width: 18px;
	text-align: center;
	float: left;
	padding-right: 5px;
	color: #d6e5fd;
}

#delsched .timeslots {
	width: 100%;
	float: left;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	overflow: hidden;
}

#delsched .timeslots li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#delsched .timeslots li.header {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #e5e5e5;
	padding: 8px 0px;
	background: #f1f1f1;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#delsched .timeslots li.header ul li.label1 {width: 10%;}
#delsched .timeslots li.header ul li.label2 {width: 60%; text-align: left !important;}
#delsched .timeslots li.header ul li.label3 {width: 15%;}
#delsched .timeslots li.header ul li.label4 {width: 15%; text-align: right;}

#delsched .timeslots li:last-child {
	border-bottom: 0px;
}

#delsched .timeslots li.header ul li {font-size: 11px; font-family: robotobold;text-transform: uppercase;color: #808080;}

#delsched .timeslots li ul li {
	width: auto;
	float: left;
	display: inline;
	padding: 0px 10px !important;
	border-bottom: 0px;
	text-align: center !important;
	font-size: 12px;
}

#delsched .timeslots li ul li.form {
	width: 10%;
}

#delsched .timeslots li ul li.form input{background: red !important;}

#delsched .timeslots li ul li.time {
	width: 60%;
	text-align: left !important;
}

#delsched .timeslots li ul li.booked {
	width: 15%;
	font-size: 14px;
	font-family: robotobold;
	color: #f57272;
}

#delsched .timeslots li ul li.slots {
	width: 15%;
	font-size: 14px;
	font-family: robotobold;	
	color: #4285f4;
}

/************************************POP MSSG [end]************************************/

/************************************CHAT CONTACT [start]************************************/

#c-contacts {width: 100%; max-width: 222px !important; position: fixed; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
@media (min-width:1350px) {#c-contacts {max-width: 260px !important;}}
@media (min-width:1500px) {#c-contacts {max-width: 275px !important;}}

#c-contacts .count {
	width: 100%;
	float: left;
	background: #4285f4;
	color: #4285f4;
	border-bottom: 1px solid #3778e5;
	color: #fff;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	padding: 10px 15px;

	-webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	-o-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	box-shadow:0px 2px 3px rgba(0,0,0,0.2);
}

#c-contacts .count span {font-family: robotobold;}
#c-contacts .count i {float: left;padding-right: 5px;}
#c-contacts .contact-list {width: 100%;height: auto;max-height: 377px;float: left;overflow-y: auto;}

#c-contacts .contact-list li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 15px;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#c-contacts .contact-list li:last-child {border-bottom: 0px;}
#c-contacts .contact-list li:hover {background: #f5f5f6;}
#c-contacts .contact-list li:hover ul li.thumb {border: 1px solid #4285f4;}
#c-contacts .contact-list li:hover ul li.name {color: #4285f4;}
#c-contacts .contact-list li ul li {border-bottom: 0px;padding: 0px;width: auto;}
#c-contacts .contact-list li ul li.thumb {width: 35px;height: 35px;border: 1px solid #d4dbe9;border-radius: 100px;overflow: hidden;background: #fff;}
#c-contacts .contact-list li ul li.thumb img {width: 100% !important;}
#c-contacts .contact-list li ul .status-online {width: 10px;height: 10px;background: #4285f4;position: relative;border-radius: 100px;margin-left: 1px;margin-top: -2px; margin-bottom: -100px;}
#c-contacts .contact-list li ul .status-offline {width: 10px;height: 10px;background: #d9d9d9;position: relative;border-radius: 100px;margin-left: 1px;margin-top: -2px; margin-bottom: -100px;}
#c-contacts .contact-list li ul .status-suspended {width: 10px;height: 10px;background: #f67b7b;position: relative;border-radius: 100px;margin-left: 1px;margin-top: -2px; margin-bottom: -100px;}

#c-contacts .contact-list li ul li.name {
	width: calc(100% - 50px);
	float: right;
	font-family: robotobold;
	font-size: 12px;
	line-height: 12px;
	margin-top: 12px;
	color: #6b6b6b;
}

/************************************CHAT CONTACT [end]************************************/

/************************************SEARCH LIST [start]************************************/

#list-search {width: 100%;float: left;}
#list-search li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #ebeaea;
	padding: 25px;
	text-align: left;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#list-search li:hover {background: #f5f7fb;border-bottom: 1px solid #d2dae3;}
#list-search li:hover ul li {background: none;border-bottom: 0px;}
#list-search li ul li {border-bottom: 0px;padding: 0px;}
#list-search li ul li.title {font-family: robotoreg;font-size: 14px;line-height: 14px;color: #4285f4;}
#list-search li ul li.breadcrums {	font-family: robotoreg;	font-size: 10px;line-height: 10px;text-transform: uppercase;margin: 5px 0px 10px 0px;color: #b4b4b4;}
#list-search li ul li.summary {font-family: robotoreg;font-size: 12px;line-height: 12px;}

/************************************SEARCH LIST [end]************************************/

/************************************REMITTANCE SEND [start]************************************/

#send-customer .shadow .customer-data #bene-block {
	width: calc(100% + 50px);
	height: 739px;
	float: left;
	position: relative;
	z-index: 2;
	background: url(../storage/img/bg/bg-c-black50.png);
	margin-bottom: -1000px;
	margin-top: -25px;
	margin-left: -25px;
	font-family: robotolight;
	letter-spacing: -1px;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	padding: 25px;
	padding-top: 110px;

	-webkit-text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-moz-text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-ms-text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-o-text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	text-shadow:0px 0px 5px rgba(0,0,0,0.5);
}
@media (min-width:1420px) {#send-customer .shadow .customer-data #bene-block {height: 728px;}}
#send-customer .shadow .customer-data #bene-block .recent-list {
	width: 100%;
	float: left;
	background: #4285f4;
	border-radius: 5px;
	padding: 20px;
	letter-spacing: 0px;
	margin-top: 130px;
	display: none;

	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-o-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);

	-webkit-text-shadow:0px 0px 5px rgba(0,0,0,0.0);
	-moz-text-shadow:0px 0px 5px rgba(0,0,0,0.0);
	-ms-text-shadow:0px 0px 5px rgba(0,0,0,0.0);
	-o-text-shadow:0px 0px 5px rgba(0,0,0,0.0);
	text-shadow:0px 0px 5px rgba(0,0,0,0.0);
}
#send-customer .shadow .customer-data #bene-block .recent-list .arrow  {width: auto;float: left;margin-left: -70px;}
#send-customer .shadow .customer-data #bene-block .recent-list .header {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	margin-bottom: 15px;
}
#send-customer .shadow .customer-data #bene-block .recent-list .list {width: 100%;float: left;max-height: 180px;overflow: auto;}
#send-customer .shadow .customer-data #bene-block .recent-list .list li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #6ca0f6;
	text-align: left;
	z-index: 9999999999;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	
}
#send-customer .shadow .customer-data #bene-block .recent-list .list li a {display: block;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #fff;padding: 15px 0px; text-transform: capitalize;}
#send-customer .shadow .customer-data #bene-block .recent-list .list li:hover {border-bottom: 1px solid #bdd3f6;}
#send-customer .shadow .customer-data #bene-block .recent-list .list li a span {
	float: right !important;
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	color: #c7dbfc;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#send-customer .shadow .customer-data #bene-block .recent-list .list li:hover a span, #send-customer .shadow .customer-data #bene-block .recent-list .list li:hover a i {color: #fff;}
#send-customer .shadow .customer-data #bene-block .recent-list .list li a i {color: #c7dbfc;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#send-customer .shadow .customer-data #bene-block .recent-list .footer {width: 100%;float: left;margin-top: 20px;}
#send-customer {width: 100%;float: left;}
#send-customer .shadow .customer-data {width: 50%;float: left;border-right: 1px solid #dfdfdf;padding: 25px;background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;}
#send-customer .shadow .customer-data#beneborder {border-right: 0px;}
#send-customer .shadow .customer-data .title {width: 100%;float: left;font-family: robotobold;font-size: 18px;line-height: 18px;color: #464646;}
#send-customer .shadow .relation {width: 100%;float: left;position: relative;z-index: 4;margin-bottom: -1000px;margin-top: 70px;}
#send-customer .shadow .relation .pos {width: 30%;margin: 0 auto;}
#send-customer .shadow .relation .pos .reltype {width: 100%;float: left;text-align: center;}
#send-customer .shadow .relation .pos .reltype .typedetails {width: auto;display: inline-block;}

#send-customer .shadow .relation .pos .reltype .typedetails .label {
	width: 100%;
	padding: 5px 5px;
	border: 1px solid #b7b7b7;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	color: #7f7f7f;
	text-transform: uppercase;
	border-radius: 3px;
	background: #fff;
	float: left;
}
#send-customer .shadow .relation .pos .reltype .typedetails .t-count {
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #b7b7b7;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #4c4c4c;
	text-transform: uppercase;
	border-radius: 3px;
	background: #fff;
	float: left;
}
#send-customer .shadow .relation .pos .reltype .typedetails .bubble1 {width: 100%;float: left;text-align: center;line-height: 0px;margin-top: -1px;}
#send-customer .shadow .relation .pos .reltype .typedetails .bubble2 {width: 100%;float: left;line-height: 0px;text-align: center;margin-bottom: -1px;z-index: 1;position: relative;}
#send-customer .shadow .relation .pos .relicon {width: 100%;float: left;margin: 12px 0px;}
#send-customer .shadow .relation .pos .relicon#relpanel-on {cursor: pointer;}
#send-customer .shadow .relation .pos .relicon .link .icon {background: #4285f4;}
#send-customer .shadow .relation .pos .relicon .unlink .icon {background: #f05155;}
#send-customer .shadow .relation .pos .relicon .icon {width: 50px;height: 50px;border-radius: 100px;line-height: 50px;color: #fff;font-size: 16px;margin: 0 auto;}

#send-customer .shadow #relpanel {display: none;width: 100%; height: calc(1000px - 89px);
	position: relative;z-index: 3;margin-bottom: -1000px;margin-top: 0px; background: url(../storage/img/bg/bg-c-black60.png);
}
#send-customer .shadow #relpanel .relpheader {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: #4285f4;
	padding: 15px;
	border-bottom: 1px solid #3879e6;
}

#send-customer .shadow #relpanel .relpheader .close {width: auto;float: right;margin-left: -20px;}
#send-customer .shadow #relpanel .relpheader .close .relpanel-off i {display: block;cursor: pointer;}
#send-customer .shadow #relpanel .relpheader .close .relpanel-off i:hover {color: #c8dcfe;}
#send-customer .shadow #relpanel .relform {width: 100%;float: left;margin-top: 230px;}
#send-customer .shadow #relpanel .relform .sections {width: 50%;float: left;padding: 20px 30px;}
#send-customer .shadow #relpanel .relcomment {width: 100%;float: left;padding: 20px 30px;}

#send-customer .shadow #relpanel .relcomment .label {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	margin-bottom: 20px;
}

#send-customer .shadow #relpanel .relcomment .form {width: 100%;float: left;}
#send-customer .shadow #relpanel .relfooter  {width: 100%;float: left;padding: 10px 30px;}
#send-customer .shadow .customer-data .thumb {width: 100%;float: left;margin: 20px 0px;}
#send-customer .shadow .customer-data .thumb .stat1 .status {color: #f05155;border: 2px solid #f05155;}
#send-customer .shadow .customer-data .thumb .stat0 .status {color: #4285f4;border: 2px solid #4285f4;}
#send-customer .shadow .customer-data .thumb .status {
	width: 36px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	background: #fff;
	border-radius: 100px;
	font-family: robotobold;
	font-size: 12px;
	position: relative;
	z-index: 1;
	margin-left: 60%;
	margin-bottom: -36px;
}

#send-customer .shadow .customer-data .thumb .border {float: none;width: 160px;height: 160px;margin: 0 auto;border-radius: 100px;border: 1px solid #dddddd;overflow: hidden;line-height: 0px;}
#send-customer .shadow .customer-data .thumb .border img {width: 100%;float: left;line-height: 0px;}
#send-customer .shadow .customer-data .form {width: 100%;float: left;}
#send-customer .shadow .customer-data .from-btn {width: 100%;float: left;}
#send-customer .shadow .customer-data .profile {width: 100%;float: left;}
#send-customer .shadow .customer-data .profile .list-details {width: 100%;float: left;font-family: robotoreg;color: #4c4c4c;}
#send-customer .shadow .customer-data .profile .list-details li {width: 100%;float: left;border-bottom: 1px solid #ededed;display: list-item;padding: 18px 0px;}
#send-customer .shadow .customer-data .profile .list-details li ul li {border-bottom: 0px;padding: 0px;width: 50%;float: left;display: inline;}
#send-customer .shadow .customer-data .profile .list-details li ul li i {color: #4285f4;}
#send-customer .shadow .customer-data .profile .list-details li ul li:first-child {text-align: left;}
#send-customer .shadow .customer-data .profile .list-details li ul li:last-child {text-align: right;}
#send-customer .shadow .customer-data .profile .header {width: 100%;float: left;padding-bottom: 20px;}
#send-customer .shadow .customer-data .profile .stat {width: 100%;float: left;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;padding: 15px 0px 12px 0px;}
#send-customer .shadow .customer-data .profile .stat #customer-acctstatus {border-top: 0px;border-bottom: 0px;padding: 0px !important;}
#send-customer .shadow .customer-data .profile .header .name {width: 100%;float: left;text-align: center;font-family: robotobold;font-size: 20px;line-height: 20px;color: #1a1a1a;margin-bottom: 5px; text-transform: capitalize;}
#send-customer .shadow .customer-data .profile .header .no {width: 100%;float: left;text-align: center;font-family: robotoreg;font-size: 12px;line-height: 12px;color: #4285f4;}
#send-customer .shadow .customer-data .profile .address {width: 100%;min-height: 124px;float: left;text-align: center;font-size: 14px;line-height: 14px;font-family: robotolight;padding: 18px 0px 25px 0px;}
#send-customer .shadow .rem-purpose {width: 100%;float: left;padding: 20px;border-bottom: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf;}
#remamt {width: 100%;float: left;}
#remamt .header {width: 100%;float: left;font-family: robotobold;font-size: 16px;line-height: 16px;padding: 20px 0px;color: #4c4c4c;}
#remamt .breakdown {width: 100%;float: left;}
#remamt .breakdown li {width: 100%;float: left;display: list-item;list-style: none;border-bottom: 1px dotted #d8d8d8;padding: 15px 0px; margin-bottom: 0px;}
#remamt .breakdown li:last-child {border-bottom: 0px;}
#remamt .breakdown li ul li {width: 50%;float: left;display: inline;padding: 0px;border-bottom: 0px;}
#remamt .breakdown li ul li:last-child i {color: #86c71f; margin-right: 5px;}
#remamt .breakdown li ul li.label {font-family: robotoreg;font-size: 14px;line-height: 14px;color: #494949;}
#remamt .breakdown li ul li.label i {font-size: 10px;line-height: 10px;}
#remamt .breakdown li ul li.amt {width: auto;float: right;}
#remamt .breakdown li ul li.amt .no {width: auto; float: right;font-family: robotoreg;font-size: 18px;line-height: 18px;font-family: robotobold;text-transform: uppercase;color: #9c9c9c;}
#remamt .breakdown li ul li.amt .currency {width: auto; float: right;font-size: 11px;line-height: 0px;margin-top: -5px;font-family: robotobold; font-size: 10px;line-height: 10px; text-transform: uppercase;background: #ececec; padding: 2px 5px; border-radius: 2px;border: 1px solid #dedede;margin-top: 2px; margin-right: 5px;}
#remamt .breakdown li ul li.amt .no span {color: #494949;}
#remamt .breakdown li.totality {border-top: 1px solid #4285f4; padding-top: 20px; margin-top: -1px !important;}
#remamt .breakdown li.totality ul li.label {font-family: robotobold;font-size: 16px;line-height: 16px;color: #494949;}
#remamt .breakdown li ul li.label i {font-size: 10px;line-height: 10px;}
#remamt .breakdown li.totality ul li.amt {width: auto;float: right;}
#remamt .breakdown li.totality ul li.amt .no {font-family: robotobold;font-size: 35px;line-height: 35px;font-family: robotobold;text-transform: uppercase;color: #494949;text-align: right;width: auto;float: right;}
#remamt .breakdown li.totality ul li.amt .currency {
    width: auto;
    float: right;
    margin-right: 10px;
    margin-top: 7px;

    background: #4286f5;
    border: 1px solid #3675df;
    font-family: robotoreg;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
    margin-left: 20px;
    z-index: 1;
    position: relative;
}

#remsum {width: 100%;max-height: 530px;overflow-y: auto;float: left;}
#remsum .catdiv {width: 100%;float: left;border-bottom: 1px solid #ededed;}
#remsum .catdiv .catdivtitle {
	width: 100%;
	float: left;
	padding: 20px !important;
	margin: 0px !important;
	font-family: robotobold;
	font-size: 14px;
	line-height: 14px;
	color: #4c4c4c;
	text-align: left;
	display: block;
	cursor: pointer;
}
#remsum .catdiv .catdivtitle span {
	background: #4285f4;
	border-radius: 100px;
	font-family: robotobold;
	color: #fff;
	text-align: center;
	width: 16px;
	height: 16px;
	line-height: 16px;
	display: inline-block;
	border:1px solid #3b7dea;
	font-size: 11px;
	float: right;
}
#remsum .catdiv .catdivtitle:hover {color: #4285f4;}
#remsum .catdiv .catsubdiv {width: 100%;float: left;display: none;background: #fff;margin-top: -20px;}
#remsum .catdiv .catsubdiv .list {width: 100%;float: left;border-bottom: 1px solid #ededed;padding: 20px;}
#remsum .catdiv .catsubdiv .list:last-child {border-bottom: 0px;}
#remsum .catdiv .catsubdiv .list .chanthumb {width: 40%;overflow: hidden;float: left;border: 1px solid #e2e2e2;border-radius: 5px;}
#remsum .catdiv .catsubdiv .list .chanthumb img {width: 100%;float: left;}
#remsum .catdiv .catsubdiv .list .chandata {width: 60%;float: left;padding-left: 10px;}
#remsum .catdiv .catsubdiv .list .chandata li {
	display: list-item;
	list-style: none;
	float: left;
	width: 100%;
	padding: 5px 0px;
	border-bottom: 1px dotted #e2e2e2;
	text-align: left;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
}
#remsum .catdiv .catsubdiv .list .chandata li:last-child {border-bottom: 0px;}
#remsum .division {width: 100%;float: left;border-bottom: 1px solid #ededed;padding: 20px;}
#remsum .division .label {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	color: #7f7f7f;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
}
#remsum .division:last-child {border-bottom: 0px;}
#remsum .division .thumb {width: 60px;height: 60px;border-radius: 100px;border: 1px solid #dedede;overflow: hidden;float: left;}
#remsum .division .thumb img {width: 100%;}
#remsum .division .stat {
	width: 25px;
	height: 25px;
	border-radius: 100px;
	position: relative;
	margin-left: 40px;
	background: #fff;
	font-size: 10px;
	line-height: 15px;
	margin-top: 15px;
	margin-bottom: -100px;
}
#remsum .division .stat1 .stat {color: #f05155;border: 2px solid #f05155;}
#remsum .division .stat2 .stat {color: #4285f4;border: 2px solid #4285f4;}
#remsum .division .details {width: calc(100% - 60px);float: left;padding-left: 20px;text-align: left;margin-top: 11px;}
#remsum .division .details .name {font-family: robotoreg;font-size: 14px;line-height: 14px;color: #2a2a2a;margin-bottom: 5px; text-transform: capitalize;}
#remsum .division .details .id {font-family: robotolight;font-size: 11px;line-height: 11px;text-transform: uppercase;color: #4285f4;}
#remsum .relation {width: 100%;position: relative;text-align: center;margin-top: -15px;margin-bottom: -15px;z-index: 1;float: left;}
#remsum .relation .pos {width: auto;display: inline-block;}
#remsum .relation .pos li {
	width: 30px;
	height: 30px;
	border-radius: 100px;
	background: red;
	padding: 0px;
	margin: 0px 3px;
	font-size: 12px;
	line-height: 30px;
	font-family: robotobold;
}
#remsum .relation .pos li.link {background: #4285f4;border: 1px solid #4285f4;color: #fff;}
#remsum .relation .pos li.unlink {background: #f05155;border: 1px solid #f05155;color: #fff;}
#remsum .relation .pos li.transaction {background: #fff;color: #4c4c4c;border: 1px solid #b7b7b7;}
#remsum .division .method-thumb {width: 100%;float: left;border: 1px solid #dedede;overflow: hidden;line-height: 0px;}
#remsum .division .method-thumb img {width: 100%;}
#remsum .division .method-details {width: 100%;float: left;}
#remsum .division .method-details li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0px;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	color: #6b6b6b;
	text-transform: uppercase;
	text-align: left;
}
#remsum .division .method-details li span {color: #4285f4;}
#remsum .footer {width: 100%;float: left;padding: 20px;}

/************************************REMITTANCE SEND [end]************************************/

/************************************COLLECTION [start]************************************/

#collection {width: 100%;float: left;}
#collection .box-shadow {width: 100%;float: left;border-bottom: 2px solid #f2f2f2;}
#collection .status-header {width: 100%;float: left;border-bottom: 1px solid #bfbfbf;background-color: #fff;background-position: top right;background-repeat: no-repeat;padding: 35px;}
#collection .status-header .sinfo {width: 100%;float: left;text-align: left;}
#collection .status-header .sinfo .merchant-info {width:65%;float: left;text-align: left;border-right: 1px solid #dfdfdf;padding-right: 10px;}
#collection .status-header .sinfo .main-notice-icon {width: 60px; font-size: 45px;line-height: 45px; float: right; text-align: right;}
#collection .status-header .sinfo .main-notice {float: left;text-align: left;border-right: 0px solid #dfdfdf;padding-right: 0px;}
#collection .status-header .sinfo .main-notice .mainmsg {width: 100%;float: left;font-family: robotomed;font-size: 22px;line-height: 22px;color: #4a4a4a;margin-top: 2px;margin-bottom: 5px;}
#collection .status-header .sinfo .main-notice .submsg {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;}
#collection .status-header .sinfo .merchant-info .label {width: 100%;float: left;font-family: robotobold;font-size: 11px;line-height: 11px;text-transform: uppercase;margin-bottom: 10px;color: #4a4a4a;}
#collection .status-header .sinfo .merchant-info .merchant-name {
	width: auto;
	padding-right: 10px;
	float: left;
	font-family: robotobold;
	font-size: 16px;
	line-height: 18px;	
	text-transform: capitalize;
	border: 1px solid #cecece;
	padding: 8px 15px;
}
#collection .status-header .sinfo .status-info {width: 35%;float: left;padding-left: 20px;margin-top: 15px;}
#collection .status-header .sinfo .status-info .info {width: calc(100% - 70px);float: left;}
#collection .status-header .sinfo .status-info .info .title {width: 100%;float: left;font-family: robotobold;font-size: 12px;line-height: 12px;text-transform: uppercase;margin-bottom: 5px;}
#collection .status-header .sinfo .status-info .info .desc {width: 100%;float: left;font-size: 12px;line-height: 14px;}
#collection .status-header .sinfo .status-info .icon {width: auto;float: right;font-size: 50px;line-height: 50px;}
#collection .status-header .sinfo .merchant-info .merchant-address {font-family: robotoreg;font-size: 12px;line-height: 12px;margin-top: 5px;width: 100%;float: left;}
#collection .status-header .refno-info {width: 100%;float: left;margin-top: 20px;}
#collection .status-header .refno-info .refno  {float: left;text-align: left;padding: 15px;}
#collection .status-header .refno-info .refno .label {font-family: robotobold;font-size: 11px;line-height: 11px;text-transform: uppercase;margin-bottom: 5px;margin-left: 5px;}
#collection .status-header .refno-info .refno .no {font-family: robotoreg;font-size: 34px;line-height: 34px;color: #4a4a4a;letter-spacing: -1px;}
#collection .status-header .refno-info .amt  {width: 35%;float: right;padding: 15px;text-align: right;}
#collection .status-header .refno-info .amt .label {font-family: robotobold;font-size: 11px;line-height: 11px;text-transform: uppercase;color: #fff;margin-bottom: 5px;}
#collection .status-header .refno-info .amt .no {font-family: robotomed;font-size: 34px;line-height: 34px;color: #fff;letter-spacing: -1px;}

#collection .stcode-pending .status-header {background-image: url(../storage/img/icon/blueTriangle2.png);}
#collection .stcode-none .status-header {background-image: url(../storage/img/icon/redTriangle2.png);}

#collection .stcode-none .status-header .sinfo .main-notice {width:calc(100% - 60px); margin-bottom: 0px;}
#collection .stcode-expired .status-header .sinfo .main-notice, #collection .stcode-paid .status-header .sinfo .main-notice {width:calc(100% - 0px); margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}

#collection .stcode-pending .status-header .sinfo .merchant-info .merchant-name {color: #4285f4;}
#collection .stcode-expired .status-header .sinfo .merchant-info .merchant-name {color: #ffaa46;}
#collection .stcode-paid .status-header .sinfo .merchant-info .merchant-name {color: #90db5e;}

#collection .stcode-pending .status-header .sinfo .status-info .info .title {color: #4285f4;}
#collection .stcode-expired .status-header .sinfo .status-info .info .title {color: #ffaa46;}
#collection .stcode-paid .status-header .sinfo .status-info .info .title {color: #90db5e;}

#collection .stcode-pending .status-header .sinfo .status-info .icon {color: #4285f4;}
#collection .stcode-expired .status-header .sinfo .status-info .icon {color: #ffaa46;}
#collection .stcode-paid .status-header .sinfo .status-info .icon {color: #90db5e;}
#collection .stcode-none .status-header .sinfo .main-notice-icon {color:#f05160}

#collection .stcode-pending .status-header .refno-info .refno, #collection .stcode-paid .status-header .refno-info .refno  {width: 65%; text-align: left}
#collection .stcode-none .status-header .refno-info .refno, #collection .stcode-expired .status-header .refno-info .refno  {width: 100%; text-align: center}

#collection .stcode-pending .status-header .refno-info {border: 3px solid #4285f4;}
#collection .stcode-expired .status-header .refno-info {border: 3px solid #ffaa46;}
#collection .stcode-paid .status-header .refno-info {border: 3px solid #90db5e;}
#collection .stcode-none .status-header .refno-info {border: 3px solid #f05160;}

#collection .stcode-pending .status-header .refno-info .amt {background: #4285f4;}
#collection .stcode-paid .status-header .refno-info .amt {background: #90db5e;}
#collection .stcode-none .status-header .refno-info .amt {background: #f05160;}

#collection .stcode-pending .status-header .refno-info .amt .no span {color: #97c3ff;}
#collection .stcode-none .status-header .refno-info .amt .no span {color: #fff2f2;}

#collection .status-header .tdate-info {width: 100%;float: left;margin-top: 15px;}
#collection .status-header .tdate-info .notice {width: auto;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;}
#collection .status-header .tdate-info .label {font-family: robotoreg;font-size: 12px;line-height: 12px;float: right;}
#collection .status-header .tdate-info .date {width: auto;float: right;font-family: robotomed;font-size: 12px;line-height: 12px;text-transform: uppercase;color: #4a4a4a;}
#collection .status-header .tdate-info .date i {margin-left: 10px;color: #4285f4;}
#collection .p-confirm-body .t-data .t-title {font-family: robotoreg;font-size: 14px;line-height: 14px;color: #4a4a4a;margin-bottom: 10px; width: 100%; float: left;}

/************************************COLLECTION [end]************************************/

/************************************CUSTOMER [start]************************************/

.c-profile-slidebox {width: 100%;float: left;overflow: hidden;}
.c-profile-slidebox .c-profile-slider1 {width: 200%;float: left;float: left;position: relative;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.c-profile-slidebox .c-profile-slider2 {width: 200%;float: left;float: left;position: relative;margin-left: -100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.c-profile-slidebox .c-profile-slider1 .cp-slider-container1, .c-profile-slidebox .c-profile-slider2 .cp-slider-container1 {width: 50%;float: left; display: block;}
.c-profile-slidebox .c-profile-slider1 .cp-slider-container2, .c-profile-slidebox .c-profile-slider2 .cp-slider-container2 {width: 50%;float: right; display: block;}

#cp-slider-content1-a {display: block;}
#cp-slider-content2-a {display: none;}
#cp-slider-content1-b {display: none;}
#cp-slider-content2-b {display: block;}

#customer-view {width: 100%; float: left;}
#customer-view .details {width: 100%;float: left;margin-top: -40px;}
.c-profile-intro {width: 100%;float: left;padding: 25px;margin-top: 0px;}
.c-profile-intro .box .editbtn {width: auto;float: right;position: relative;}

.cview-menu {width: 100%;float: left;border-bottom: 1px solid #e5e5e5;}
.cview-menu .tabs {width: auto;float: left;}
.cview-menu .title {
	width: auto;
	float: left;
	padding: 20px;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #4c4c4c;
}

.cview-menu .tabs li {
	width: 148px;
	float: left;
	border-right: 1px solid #e5e5e5;
	padding: 20px;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #8a8a8a;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
.cview-menu .tabs li:hover, .cview-menu .tabs li.ctab-active {border-bottom: 3px solid #4285f4;padding-bottom: 17px;color: #4c4c4c;}
.cview-menu .status {width: auto;float: right;padding: 10px;margin-top: 9px;}
.cview-menu .status li {width: auto;display: inline;float: left;margin: 0px 8px !important;border-right: 1px solid #e5e5e5;padding: 5px 0px;}
.cview-menu .status li:last-child {border-right: 0px;}
.cview-menu .status li.label {font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;padding-right: 15px;}
.cview-menu .status li.label .c-active .output {background: #4285f4;}
.cview-menu .status li.label .c-suspended .output {background: #f67b7b;}
.cview-menu .status li.label .c-active .output .text1 {display: block;}
.cview-menu .status li.label .c-active .output .text2 {display: none;}
.cview-menu .status li.label .c-suspended .output .text1 {display: none;}
.cview-menu .status li.label .c-suspended .output .text2 {display: block;}
.cview-menu .status li.label .lowrisk .output {background: #4285f4;}
.cview-menu .status li.label .hirisk .output {background: #ffb967;}
.cview-menu .status li.label .output {padding: 3px 8px 3px 7px;border-radius: 3px;color: #fff;font-family: robotobold;}

.c-profile-intro .c-active .box {background-color: #f5f9fe;border: 1px solid #e7ebf1;background-image: url(../storage/img/icon/blueTriangle2.png);background-position: top right;background-repeat: no-repeat;}
.c-profile-intro .c-suspended .box {background-color: #fff2f2;border: 1px solid #f4dfdf;background-image: url(../storage/img/icon/redTriangle2.png);background-position: top right;background-repeat: no-repeat;}
.c-profile-intro .box {padding: 0px;width: 100%;float: left;padding: 25px 25px;}
.c-profile-intro .box li {width: 100% !important;float: left;display: list-item;margin-bottom: 10px;}
.c-profile-intro .c-active  .box li .thumb {border: 8px solid #d3deeb;}
.c-profile-intro .c-suspended .box li .thumb {border: 8px solid #fbb5b5;}
.c-profile-intro .box li .thumb {width: 150px;height: 150px;border-radius: 100px; margin: 0 auto;overflow: hidden;background: #fff; display: block;border: 8px solid #d3deeb;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.c-profile-intro .box li .thumb .overlay {width: 100%; height: 100%; z-index: 1; position: relative; cursor: pointer; margin-top: 0px; font-family: robotoreg; font-size: 10px; line-height: 140px; text-transform: uppercase; color: #fff; background: url(../storage/img/bg/bg-bluetransparent.png);transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.c-profile-intro .box li .thumb .overlay2 {width: 100%; height: 100%; z-index: 1; position: relative; margin-top: 0px; font-family: robotoreg; font-size: 10px; line-height: 140px; text-transform: uppercase; color: #fff; background: url(../storage/img/bg/bg-bluetransparent.png);transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}

.c-profile-intro .box li .thumb .overlay i {
	font-size: 16px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100px;
	text-align: center;
	background: #fff;
	margin: 0 auto;
	margin-top:-45px;
	display: block;
	color: #6f6f6f;
	cursor: pointer;
}
.c-profile-intro .box li .thumb .overlay2 i {
	font-size: 16px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	text-align: center;
	background: #fff;
	margin: 0 auto;
	display: block;
	color: #6f6f6f;
	cursor: pointer;
	border:1px solid #fff !important;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
.c-profile-intro .box li .thumb .overlay2 i:hover {background: #4285f4 !important;color: #fff !important;border:1px solid #3779e6 !important;}
.c-profile-intro .box li .thumb .overlay2 .btnsx {width: auto;display: inline-block;margin-bottom: -12px;}
.c-profile-intro .box li .thumb .overlay2 .btnsx .bracket {width: auto;float: left;margin: 0px 5px;}
.c-profile-intro .box li .thumb img {width: 100%; height: 100%;}

.c-profile-intro .c-active  .box li .thumb-cupdate {border: 8px solid #d3deeb;}
.c-profile-intro .c-suspended .box li .thumb-cupdate {border: 8px solid #fbb5b5;}
.c-profile-intro .c-active  .box li .thumb-cupdate2 {border: 8px solid #d3deeb;}
.c-profile-intro .c-suspended .box li .thumb-cupdate2 {border: 8px solid #fbb5b5;}

.c-profile-intro .box li .thumb-cupdate {width: 150px;height: 150px;border-radius: 100px; margin: 0 auto;overflow: hidden;background: #fff; display: block;border: 8px solid #d3deeb;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.c-profile-intro .box li .thumb-cupdate:hover {border: 8px solid #4285f4;}
.c-profile-intro .box li .thumb-cupdate2 {width: 150px;height: 150px;border-radius: 100px; margin: 0 auto;overflow: hidden;background: #fff; display: block;border: 8px solid #d3deeb;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.c-profile-intro .box li .thumb-cupdate2:hover {border: 8px solid #f67b7b;}

.c-profile-intro .box li .thumb-cupdate .overlay {width: 100%; height: 100%; z-index: 1; position: relative; cursor: pointer; margin-top: 0px; font-family: robotoreg; font-size: 10px; line-height: 140px; text-transform: uppercase; color: #fff; background: url(../storage/img/bg/bg-bluetransparent.png);transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.c-profile-intro .box li .thumb-cupdate .overlay2 {width: 100%; height: 100%; z-index: 1; position: relative; margin-top: 0px; font-family: robotoreg; font-size: 10px; line-height: 140px; text-transform: uppercase; color: #fff; background: url(../storage/img/bg/bg-bluetransparent.png);transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.c-profile-intro .box li .thumb-cupdate2 .overlay {width: 100%; height: 100%; z-index: 1; position: relative; cursor: pointer; margin-top: 0px; font-family: robotoreg; font-size: 10px; line-height: 140px; text-transform: uppercase; color: #fff; background: url(../storage/img/bg/bg-redtransparent.png);transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.c-profile-intro .box li .thumb-cupdate2 .overlay2 {width: 100%; height: 100%; z-index: 1; position: relative; margin-top: 0px; font-family: robotoreg; font-size: 10px; line-height: 140px; text-transform: uppercase; color: #fff; background: url(../storage/img/bg/bg-redtransparent.png);transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}

.c-profile-intro .box li .thumb-cupdate .overlay i, .c-profile-intro .box li .thumb-cupdate2 .overlay i {
	font-size: 16px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100px;
	text-align: center;
	background: #fff;
	margin: 0 auto;
	margin-top:-45px;
	display: block;
	color: #6f6f6f;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
.c-profile-intro .box li .thumb-cupdate .overlay2 i, .c-profile-intro .box li .thumb-cupdate2 .overlay2 i {
	font-size: 16px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	text-align: center;
	background: #fff;
	margin: 0 auto;
	display: block;
	color: #6f6f6f;
	cursor: pointer;
	border:1px solid #fff !important;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
.c-profile-intro .box li .thumb-cupdate .overlay2 i:hover, .c-profile-intro .box li .thumb-cupdate2 .overlay2 i:hover {background: #4285f4 !important;color: #fff !important;border:1px solid #3779e6 !important;}
.c-profile-intro .box li .thumb-cupdate .overlay2 .btnsx, .c-profile-intro .box li .thumb-cupdate2 .overlay2 .btnsx {width: auto;display: inline-block;margin-bottom: -12px;}
.c-profile-intro .box li .thumb-cupdate .overlay2 .btnsx .bracket, .c-profile-intro .box li .thumb-cupdate2 .overlay2 .btnsx .bracket {width: auto;float: left;margin: 0px 5px;}
.c-profile-intro .box li .thumb-cupdate img, .c-profile-intro .box li .thumb-cupdate2 img {width: 100%; height: 100%;}

.c-profile-intro .box li.name {font-family: robotoreg;font-size: 26px;line-height: 26px;letter-spacing: -1px;padding: 0px 0px; color: #3d3d3d; text-transform: capitalize;}
.c-profile-intro .box li.upload-photo {font-family: robotobold;font-size: 12px;line-height: 12px;letter-spacing: 0px;padding: 5px 0px;text-transform: uppercase; color: #73869d;}
.c-profile-intro .box li.upload-photo-notice {width: 100%; float: left; background: #fff; border: 1px solid #e7ebf1; padding: 10px; font-family: robotoreg; font-size: 12px; line-height: 12px; color: #9dabbc; border-radius:3px;}
.c-profile-intro .c-active .box li.ppayid {color: #4285f4;}
.c-profile-intro .c-suspended .box li.ppayid {color: #f05155;}
.c-profile-intro .box li.ppayid {font-family: robotolight;font-size: 16px;line-height: 16px;color: #4285f4; text-transform: uppercase;}
.c-profile-intro .box li.status {width: 100%;float: left;text-align: center;margin-top: 10px;}
.c-profile-intro .box li.sigpos {width: 100%;float: left;margin-top: 10px;}
#customer-acctstatus {width:auto; display: inline-block; border-top: 1px dotted #d6d6d6;border-bottom: 1px dotted #d6d6d6; padding: 10px 30px;}
#customer-acctstatus ul .on li {border: 1px solid #4285f4;color: #4285f4;background: #fff;} 
#customer-acctstatus ul .off li {border: 1px solid #d5d5d5;color: #d5d5d5;background: #fff;}
#customer-acctstatus ul li {width: 28px !important;height: 28px!important;line-height: 26px !important;text-align: center;display: inline;float: left !important;border-radius: 100px;margin:0px 5px;}
#customer-acctstatus ul li.card {font-size: 12px;}
#customer-acctstatus ul li.kyc {font-size: 13px;font-family: robotobold; line-height: 26px !important;}
#customer-acctstatus ul .on li .status {background: #4285f4;}
#customer-acctstatus ul .off li .status {background: #f67b7b;}
#customer-acctstatus ul li .status {
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: #fff;
	border-radius: 50px;
	color: #fff;
	text-align: center !important;
	position: relative;
	z-index: 1;
	margin-bottom: -11px;
	margin-left: 20px;
	margin-top: -4px;
	font-family: robotobold;
	font-size: 8px;
}
#customer-acctstatus ul li .status i {margin: 0px !important;padding: 0px !important;}
.customer-sig {
	width: 130px;
	height: 60px;
	border: 1px dashed #4285f4;
	margin: 0 auto;
	border-radius: 5px;
	background: #fff;
	font-family: robotoreg;
	font-size: 16px;
	line-height: 0px;
	overflow: hidden;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
.customer-sig2 {
	width: 130px;
	height: 60px;
	border: 1px dashed #f67b7b;
	margin: 0 auto;
	border-radius: 5px;
	background: #fff;
	font-family: robotoreg;
	font-size: 16px;
	line-height: 0px;
	overflow: hidden;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
.customer-sig:hover {border: 1px solid #4285f4;}
.customer-sig2:hover {border: 1px solid #f67b7b;}
.customer-sig img, .customer-sig2 img {width: 100%;height: 100%;}
.customer-sig .mark, .customer-sig2 .mark {width: 100%; height: 100%;z-index: 1; position: relative;margin-top: -58px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}

.customer-sig .sig-overlay {
	width: 100%; 
	height: 100%;
	z-index: 2; 
	position: relative; 
	margin-top: 0px; 
	font-family: robotoreg; 
	font-size: 10px; 
	line-height: 140px; 
	text-transform: uppercase; 
	color: #fff; background: url(../storage/img/bg/bg-bluetransparent.png);
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

.customer-sig2 .sig-overlay {
	width: 100%; 
	height: 100%;
	z-index: 2; 
	position: relative; 
	margin-top: 0px; 
	font-family: robotoreg; 
	font-size: 10px; 
	line-height: 140px; 
	text-transform: uppercase; 
	color: #fff; background: url(../storage/img/bg/bg-redtransparent.png);
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

.customer-sig .sig-overlay .btnsx, .customer-sig2 .sig-overlay .btnsx {width: auto;height: auto;display: inline-block;margin-bottom: 0px;margin-bottom: 32px;}
.customer-sig .sig-overlay .btnsx .bracket, .customer-sig2 .sig-overlay .btnsx .bracket {width: auto;height: auto;float: left;margin: 0px 5px;}

.customer-req {width: 100%;float: left;}
.customer-req .id {width: 150px;min-height: 95px !important;float: left;border: 1px solid #e5e5e5;border-radius: 5px;margin-top: 7px; font-family: robotobold;font-size: 26px;line-height: 0px; text-align: center; color: #d3deeb; overflow: hidden; cursor: pointer;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
.customer-req .id:hover {border: 2px solid #4285f4;}
.customer-req .id img {width: 100%;height: auto;}
.customer-req .btnpos {width: 30px;float: left;margin-left: 5px;margin-top: 8px;}
.customer-req .btnpos .btns {float: left;margin-bottom: 5px;}
.customer-req .data {width: 65%;float: right;}
.customer-req .data li {width: 100%;float: left;display: list-item;border-bottom: 1px solid #e5e5e5;padding: 5px 0px;}
.customer-req .data li:last-child {border-bottom: 0px;}
.customer-req .data li ul li {width: 50%;float: left;display: inline;border-bottom: 0px;}
.customer-req .data li ul li:first-child {font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;}
.customer-req .data li ul li:last-child {font-family: robotobold;font-size: 14px;line-height: 14px;}
.customer-acct {width: 100%;float: left;}
.customer-acct .acctcat {width:100%;float: left;border: 1px solid #e5e5e5;border-bottom:1px solid #adadad;text-align:center; border-radius: 3px; margin-bottom: 20px;}
.customer-acct .acctcat .acheader {width: 100%; float: left; border-bottom: 1px solid #e5e5e5; padding: 10px;}
.customer-acct .acctcat .title {width: auto;float: left;font-family: robotobold;font-size: 12px;line-height: 12px;text-transform: uppercase;color: #4c4c4c;margin-top: 0px; padding: 8px;}
.customer-acct .acctcat .no {width: auto;float: left;margin: 0px 0px;}
.customer-acct .acctcat .no .circle {
	width: 28px;
	height: 28px;
	border: 2px solid #4285f4;
	color: #565656;
	font-family: robotobold;
	font-size: 14px;
	line-height: 24px;
	margin: 0 auto;
	border-radius: 100px;
	background: #fff;
}
.customer-acct .acctcat .list {width: 100%;float: left;padding: 20px;}
.customer-acct .acctcat .subform {width: 100%;float: left;padding: 20px;}
.customer-acct .acctcat .list li {
	margin-bottom: 5px;
	width: 100%;
	float: left;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #adadad;
	border-radius: 3px;
	padding: 0px;
	text-align: left;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 12px;
	color: #8d8d8d;
	
}
.customer-acct .acctcat .list li.confirmed {background: #f5f9fe;border: 1px solid #dde8f5;}
.customer-acct .acctcat .list li.unconfirmed {background: #f9f9f9;border: 1px solid #e9e9e9;}
.customer-acct .acctcat .list li.none {background: #fff;border: 1px solid #e2e2e2;padding: 15px;text-align: center;font-family: robotobold;color: #565656;}
.customer-acct .acctcat .list li.confirmed .btnboxpos .acctstatus {background: #4285f4;}
.customer-acct .acctcat .list li.unconfirmed .btnboxpos .acctstatus {background: #7f7f7f;}

.customer-acct .acctcat .list li .status  {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px;	
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}
.customer-acct .acctcat .list li .box {width: 100%;float: left;padding: 15px;}
.customer-acct .acctcat .list li .box ul li.acct-name {color: #565656; font-family: robotobold; width: 100%; margin-bottom: 10px; text-transform: uppercase;}
.customer-acct .acctcat .list li .box ul li {width: auto;float: left;display: list-item;margin-bottom: 0px;padding: 2px 0px;border: 0px; padding-right: 15px;}
.customer-acct .acctcat .list li .box ul li span {background: #fff; color: #838383;padding: 2px 5px; border-radius: 3px; border:1px solid #e9e9e9; font-family: robotobold;}
.customer-acct .btnboxpos {width: auto;float: right;position: relative;z-index: 1;margin-bottom: -100px;margin-top: -5px;margin-right: -5px;}
.customer-acct .btnboxpos div {width: auto;margin-left: 3px; float: left;}

.customer-acct .btnboxpos .acctstatus {
	padding: 7px;	
	font-family: robotoreg;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
}

.customer-acct .acctcat .btn-label-box {padding: 20px;margin-top: -28px;}
#ct-filter-noborder1 li {border-bottom: 0px;}
#ct-filter-noborder2 li {border-bottom: 1px solid #4285f4;}
#ct-filter-noborder1 li ul li, #ct-filter-noborder2 li ul li {border-bottom: 0px !important;}
#ct-filter-noborder1 li ul li #s-filter-nav ul li:hover, #ct-filter-noborder2 li ul li #s-filter-nav ul li:hover {border-bottom: 1px solid #4285f4 !important;}

#ct-transaction-filter1 {display: none;}
#ct-transaction-filter2 {display: block;}
#ct-filter {width: 100%;float: left;}
#ct-filter .c-active .p-header {background-color: #f5f9fe;border-bottom: 1px solid #e7ebf1;background-image: url(../storage/img/icon/blueTriangle2.png);}
#ct-filter .c-suspended .p-header {background-color: #fff2f2;border-bottom: 1px solid #f4dfdf;background-image: url(../storage/img/icon/redTriangle2.png);}
#ct-filter .p-header {width: 100%;float: left;padding: 20px;background-repeat: no-repeat;background-position: top right;}
#ct-filter .c-active .p-header .thumb {border: 2px solid #accafd;}
#ct-filter .c-suspended .p-header .thumb {border: 2px solid #fbb5b5;}
#ct-filter .p-header .thumb {float: left;width: 50px;height: 50px;overflow: hidden;border-radius: 100%;background: #fff;}
#ct-filter .p-header .thumb img {width: 100%;}
#ct-filter .p-header .name {width: auto;float: left;font-family: robotobold;font-size: 16px;line-height: 16px;color: #3d3d3d;margin-top: 17px;padding-left: 10px; text-transform: capitalize;}
#ct-filter .c-active .p-header .name span {color: #97a6b7;}
#ct-filter .c-suspended .p-header .name span {color: #f05155;}
#ct-filter .p-header .name span {font-family: robotoreg;font-size: 11px;line-height: 11px;text-transform: uppercase;margin-left: 5px;}
#ct-filter .ct-filter-pane {width: 100%;float: left;border-bottom: 1px solid #e5e5e5;}
#ct-filter .t-list {width: 100%;float: left;}
#ct-filter .t-list table {width: 100% !important;}

#ct-profileheader {width: 100%; line-height: 0px;position: fixed;top: 165px;left: 0px;z-index: 99999;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#transaction-report-view li .ct-spacer {width: 100%;float: left;height: 102px;background: none;}
#ct-profileheader .h-margin {float: right;position: relative;text-align: center;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#ct-profileheader .h-margin .container {width: 100%;max-width: 1100px;display: inline-block; border-bottom: 1px solid #2054a9;}
#ct-profileheader .h-margin .container .shadow {border: 1px solid #397ae6; float: left; width: 100%;background: #4285f4;}
#ct-profileheader .info {width: 65%;float: left;padding: 15px 20px;line-height: 0px;}
#ct-profileheader .info .thumb {width: 70px;height: 70px;border: 3px solid #80b0ff;border-radius: 100px;overflow: hidden;background: #fff;float: left;}
#ct-profileheader .info .thumb img {width: 100%;}
#ct-profileheader .info .data {width: calc(100% - 80px);float: left;text-align: left;padding-left: 20px;margin-top: 18px;}
#ct-profileheader .info .data .name {width: 100%;float: left;font-family: robotobold;font-size: 18px;line-height: 18px;color: #fff;margin-bottom: 5px;}
#ct-profileheader .info .data .id {width: 100%;float: left;font-family: robotoreg;font-size: 12px;line-height: 12px;color: #c3d9ff;text-transform: uppercase;}
#ct-profileheader .btns {width: 35%;float: right;text-align: right;padding: 0px 20px; margin-top: 29px;}
#ct-profileheader .btns .pos {display: inline-block;width: auto;}
#ct-profileheader .btns .pos li {width: auto;float: left;display: inline;padding: 5px;}

/************************************CUSTOMER [end]************************************/

/************************************BLUE NAV [start]************************************/

#oview-nav {width: 100%;float: left;margin-top: -8px;padding-top: 0px;}
#oview-nav li {width: 100%;padding: 0px;margin: 0px;float: left;display: list-item;border-bottom: 1px solid #6ea1f7 !important;}

#oview-nav li a {
	width: 100%;
	float: left;
	display: block;
	padding: 15px 10px !important;
	margin: 0px !important;
	font-family: robotoreg;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
	text-align: left;	
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#oview-nav li:hover {border-bottom: 1px solid #a9c7f9 !important;}
#oview-nav li a:hover {background: #356df2;}
#oview-nav li a i {color: #a0c3ff;padding-right: 5px;}
#oview-nav .bck2top {width: auto;float: right;padding: 15px;margin-bottom: 2px;cursor: default;}
#oview-nav .bck2top .btn {width: auto;float: left;}
#oview-nav .bck2top .btn a {
	font-size: 18px;
	color: #fff;
	display: block;
	padding: 0px;
	margin: 0px;
	color: #accafd;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#oview-nav .bck2top .btn a:hover {color: #fff;}  
#oview-nav .bck2top .label {
	width: auto;
	float: left;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 7px;
	margin-right: 10px;
	color: #accafd;
}

/************************************BLUE NAV [end]************************************/

/************************************REMITTANCE TICKET OVERVIEW [start]************************************/

#ticket-overview {width: 100%;float: left;}
#ticket-overview .summary {width: 100%;float: left;border-bottom: 1px solid #346af1;padding: 20px;}
#ticket-overview .summary .ticketNo {width: 30%;float: left;font-family:robotolight;font-size: 45px;line-height: 45px;color: #fff;text-align: left;letter-spacing: -1px;}
#ticket-overview .summary .ticketData {width: 70%;float: left;font-family: robotoreg;font-size: 12px;line-height: 14px;color: #fff;text-align: left;color: #d1f0ff;}
#ticket-overview .ticketwallet {width: 100%;float: left;padding:20px;border-top: 1px solid #6ea1f7;}
#ticket-overview .ticketwallet .pending-amount {width: 100%;float: left;border:1px solid #2d6cd4;background: #3d7fed;padding: 10px;border-radius: 3px;}
#ticket-overview .ticketwallet .pending-amount .label {width: 100%;float:left;font-family: robotoreg;font-size: 12px;line-height: 12px;color: #fff;text-align: left;margin-bottom: 10px;}
#ticket-overview .ticketwallet .pending-amount .amount {width: 100%;float: left;}
#ticket-overview .ticketwallet .pending-amount .amount .no {width: auto;float: right;font-size: 24px;line-height: 24px;color: #fff;font-family: robotoreg;letter-spacing: -1px;}
#ticket-overview .ticketwallet .pending-amount .amount .no span {color: #97c3ff;}
#ticket-overview .ticketwallet .pending-amount .amount .currency {
	width: auto;
	float: left;
	background: #2d71f0;
	border: 1px solid #2863c7;
	font-family: robotobold;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	padding: 5px;
	border-radius: 2px;
	color: #fff;
	margin-right: 5px;
	margin-top: 2px;
}
#ticket-overview .ticketwallet .pending-balance {width: 100%;float: left;margin-top: 10px;}
#ticket-overview .ticketwallet .pending-balance li {width: 100%;float: left;display: list-item;list-style: none;padding: 10px 0px;}
#ticket-overview .ticketwallet .pending-balance li ul li {width: 50%;float: left;display: inline;padding: 0px;}
#ticket-overview .ticketwallet .pending-balance li ul li.b-label {font-family: robotoreg;font-size: 12px;line-height: 12px;color: #baeaff;text-align: left;}
#ticket-overview .ticketwallet .pending-balance li ul li.amount {font-family: robotoreg;font-size: 14px;line-height: 14px;color: #fff;float: right;margin-top: 2px; text-align: right;}

/************************************REMITTANCE TICKET OVERVIEW [end]************************************/

/************************************POP NOTICE [start]************************************/

#popnotice {
	width: 1000px;
	height: 500px;
	background: #4285f4;
	position: fixed;
	z-index: 999983;
	display: block;
	top: 50%;
	left: 50%;
	margin-top: -1000px;
	margin-left: -500px;
	overflow: hidden;
	transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s;

	-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.3);
	-ms-box-shadow:0px 5px 20px rgba(0,0,0,0.3);
	-o-box-shadow:0px 5px 20px rgba(0,0,0,0.3);
	box-shadow:0px 5px 20px rgba(0,0,0,0.3);
}
#popnotice .contents {width: 100%;float: left;}
#popnotice .contents .c-l {width: 60%;float: left;padding: 50px;}
#popnotice .contents .c-r {
	width: 40%;
	float: left;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a335e+1,294c87+61 */
	background: #1a335e; /* Old browsers */
	background: -moz-linear-gradient(top,  #1a335e 1%, #294c87 61%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1a335e 1%,#294c87 61%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1a335e 1%,#294c87 61%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a335e', endColorstr='#294c87',GradientType=0 ); /* IE6-9 */
}
#popnotice .contents .c-l .header {width: 100%;float: left;padding-bottom: 40px;border-bottom: 1px solid #71a4f7;}
#popnotice .contents .c-l .header .title {width: 70%;float: left;font-family: robotolight;font-size: 38px;line-height: 36px;color: #fff;letter-spacing: -2px;}
#popnotice .contents .c-l .header .icon {width: 30%;float: left;font-family: robotolight;font-size: 100px;line-height: 100px;color: #fff;text-align: right;}
#popnotice .contents .c-l .body {width: 100%;float: left;font-family: robotoreg;font-size: 16px;line-height: 16px;color: #fff;margin: 30px 0px;}
#popnotice .contents .c-l .footer {width: 100%;float: left;font-family: robotolight;font-size: 15px;line-height: 15px;color: #cee0ff;margin-bottom: 30px;}
#popnotice .contents .c-l .footer span {color: #fff;font-family: robotobold;}
#popnotice .contents .c-r .h-channel {width: 100%;float: left;font-family: robotobold;font-size: 16px;line-height: 16px;border-bottom: 1px solid #295296;padding: 30px;color: #fff;}
#popnotice .contents .c-r .h-channel .close {
	width: auto;
	font-size: 32px;
	line-height: 32px;
	position: relative;
	margin-bottom: -100px;
	float: right;
	z-index: 1;
	color: #4285f4;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#popnotice .contents .c-r .h-channel .close:hover {color: #fff;}
#popnotice .contents .c-r .l-channel {width: 100%;float: left;}
#popnotice .contents .c-r .l-channel li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px dashed #0082ca;
	padding: 28px 30px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#popnotice .contents .c-r .l-channel li:last-child {border-bottom: 0px;}
#popnotice .contents .c-r .l-channel li ul li {width: auto;float: left;display: inline;padding: 0px;border-bottom: 0px;}
#popnotice .contents .c-r .l-channel li ul li.icon {width: 80px;height: 80px;float: left;border-radius: 100px;overflow: hidden;line-height: 0px;}
#popnotice .contents .c-r .l-channel li ul li.icon img {width: 100%;height: 100%;}
#popnotice .contents .c-r .l-channel li ul li.info {width: 70%;float: left;padding-left: 20px;}
#popnotice .contents .c-r .l-channel li ul li.info ul li {width: 100%;float: left;}
#popnotice .contents .c-r .l-channel li ul li.info ul li.title {width: 100%;float: left;font-family: robotobold;font-size: 16px;line-height: 16px;color: #fff;margin-bottom: 5px;margin-top: 10px;}
#popnotice .contents .c-r .l-channel li ul li.info ul li.description {width: 100%;float: left;font-family: robotoreg;font-size: 14px;line-height: 14px;color: #6da0f4;}

/************************************POP NOTICE [end]************************************/

/************************************POP LOGIN PAGE [start]************************************/

#poploginpage {
	width: 1000px;
	height: 100%;
	position: fixed;
	z-index: 999983;
	display: block;
	top: -2000px;
	left: 50%;
	margin-left: -500px;
	overflow: hidden;
	padding: 50px 0px;
	transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s;
}

#poploginpage .pagebox {width: 100%;height: 100%;background: #fff;float: left;overflow: hidden;border-radius: 10px;overflow: hidden;}
#poploginpage .pagebox .pboxheader {width: 100%;height: 70px;background: #4285f4;padding: 25px 25px;border-bottom: 1px solid #3377e7;}
#poploginpage .pagebox .pboxheader .title {font-family: robotoreg;font-size: 18px;line-height: 18px;color: #fff;width: auto;float: left;}
#poploginpage .pagebox .pboxheader .btn {font-size: 24px;line-height: 24px;color: #fff;width: auto;float: right;cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#poploginpage .pagebox .pboxheader .btn:hover  {color: #bfd7ff;}
#poploginpage .pagebox .pboxbody {width: 100%;height: calc(100% - 155px);overflow: hidden;padding: 50px;}
#poploginpage .pagebox .pboxbody .contents {width: 100%;height: 100%;overflow-y: auto;color: #5b5b5b;font-size: 14px;font-family: robotoreg;}
#poploginpage .pagebox .pboxbody .contents b {font-family: robotobold;/**color: #4285f4;**/}
#poploginpage .pagebox .pboxfooter {width: 100%;height: 85px;border-top: 1px solid #ededed;padding: 25px 25px;background: #f4f4f4;}

/************************************POP LOGIN PAGE [end]************************************/

/************************************POPUP WIDE PAGES [start]************************************/

.popCalendar {width: 100%; float: left; cursor: pointer;}
.popCalendar img {width: 100%;}

.popSlotList {display: none;}

.popZoomNav {
	width: auto;
	float: left;
}

.popZoomNav li {
	width: auto;
	float: left;
	display: inline-block;
	padding: 10px 20px;
	font-family: robotobold;
	font-size: 12px;
	text-transform: uppercase;
	color: #4285f4;
	border: 1px solid #4285f4;
	border-radius: 3px;
	margin-right: 5px;
	cursor: pointer;
	position: relative;
	z-index: 20;
	background: #fff;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

.popZoomNav li:hover, .popZoomNav li.active {
	background: #4285f4;
	color: #fff;
}

.popZoomFront {display: block;}
.popZoomBack {display: none;}

.pop-doseTitle {width: 100%; float: left; font-family: robotobold; font-size: 14px; text-transform: uppercase; border: 1px solid #f1f1f1; border-radius: 3px; padding: 10px 20px; margin-top: 10px;}

.pop-imgZoom {
	width: 100%;
	height: 100%;
	float: left;
}

.pop-imgZoom .imgarea {
	width: 100%; 
	float:  left; 
	text-align: center;
	margin-top: 40px;
}
.pop-imgZoom .imgarea img{width: auto; max-width: 100%; transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 1.0s; -ms-transition: 1.0s; -o-transition: 1.0s;}

.pop-imgRotate {
	position: fixed;
	margin-left: 830px;
	margin-top: 70px;
	z-index: 100;
}

.pop-imgRotate .rotate-btn {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
	border-radius: 100px;	
	background: #4285f4;
	position: fixed;
	text-align: center;	
	cursor: pointer;
}

.pop-imgRotate .rotate-btn:hover {
	background: #356df2;
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}

.pop-imgRotate, .pop-imgRotate .rotate-btn#img-rotator2, .pop-imgRotate .rotate-btn#img-rotator3, .pop-imgRotate .rotate-btn#img-rotator4 {display: none;}

.pop-questionnaire {
	width: 100%;
	float: left;
	position: relative;
}

.pop-questionnaire .title {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 18px;
	color: #4c4c4c;
	margin-bottom: 20px;
}

.pop-questionnaire .qlist {
	width: 100%;
	float: left;
}

.pop-questionnaire .qlist li {
	width: 100%;
	float: left;
	display: list-item;
	padding: 20px 0px;
	border-bottom: 1px dashed #d6d6d6;
	display: block;
}

.pop-questionnaire .qlist li ul li {
	width: 15%;
	float: left;
	text-align: center;
	display: inline;
	padding: 0px 15px;
	border-bottom: 0px;	
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

.pop-questionnaire .qlist li ul li .form-radio {margin-top: 2px;margin-left: 40px; z-index: 1000; position: relative;}

.pop-questionnaire .qlist li .remarks {width: 100%; float: left; margin-top: 20px; display: none; background: #e7ebf1; border: 1px solid #d7dce3; border-radius: 3px; text-transform: uppercase; padding: 10px;}

.pop-questionnaire .qlist li ul li:first-child {
	width: 55%;
	float: left;
	font-family: robotoreg;
	font-size: 14px;
	line-height: 18px;
	color: #3e3e3e;
	text-align: left;
}

.pop-questionnaire .qlist li ul li:first-child span {width: 100%; float: left; display: block; font-family: robotobold; margin-bottom: 5px;}

.pop-questionnaire .qlist li.header {
	border: 1px solid #e7ebf1;
	font-family: robotobbold !important;
	text-transform: uppercase;
	border-radius: 3px;
	color: #7a7e87 !important;
	background: #f5f9fe;
	border-bottom: 1px solid #d1d7e0;
	padding: 10px 0px;
}

.pop-questionnaire .qlist li.header ul li {
	font-family: robotobold !important;
	font-size: 12px !important;
	text-transform: uppercase;
}

.pop-questionnaire .qlist-footer {
	width: 100%;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}


.pop-printcert {
	width: 100%;
	float: left;
	position: relative;
}

.pop-printcert .pageTab {
	width: calc(100% + 50px);
	float: left;
	border-bottom: 1px solid #3576e3;
	overflow: hidden;
	position: absolute;
	margin-top: -26px;
	margin-left: -26px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);
	background: #4285f4;
}

.pop-printcert .pageTab li {
	width: auto;
	min-width: 120px;
	text-align: center;
	float: left;
	padding: 15px 20px;
	font-family: robotobold;
	font-size: 12px;
	color: #dae5f8;
	text-transform: uppercase;
	cursor: pointer;
	border-right: 1px solid #689df5;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.pop-printcert .pageTab li.active, .pop-printcert .pageTab li:hover {
	background: #356df2;
	color: #fff;
}


.pop-printcert .pageTab .inventory {
	width: auto;
	float: right;
}

.pop-printcert .pageTab .inventory .label {
	width: auto;
	float: left;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 11px;
	color: #c4d9fc;
	text-transform: uppercase;
	margin-top: 13px;
	text-align: right;
	padding-right: 10px;
}

.pop-printcert .pageTab .inventory .output {
	width: auto;
	float: left;
	font-size: 20px;
	font-family: robotobold;
	color: #fff;
	padding: 4px 15px;
	border-radius: 3px;
	background: #3b77db;
	margin: 6.2px;
	margin-bottom: 0px !important;
}

.pop-printcert .certArea {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	margin-top: 20px;
}

.pop-printcert .certArea .certSlider {
	width: 200%;
	float: left;
	position: relative;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}

.pop-printcert .certArea .certSlider .certPageSection {
	width: 50%;
	float: left;
}

.pop-printcert .certArea .certSlider .certPageSection #printvaccinfopage {display: none;}

.pop-printcert .certArea .certSlider .certPageSection .certimage {
	width: 100%;
	float: left;
	text-align: center;
	padding: 40px 0px;
}

.pop-printcert .certArea .certSlider .certPageSection .certimage img {
	width: 100%;
	max-width: 500px;
	box-shadow:0px 5px 10px rgba(0,0,0,0.1);
	border-radius: 18px;
}

.pop-printcert .certArea .certSlider .certPageSection .passbookImage {
	width: 100%;
	float: left;
	text-align: center;
	padding: 40px 0px;
}

.pop-printcert .certArea .certSlider .certPageSection .passbookImage .preview {
	width: 550px;
	display: inline-block;
	position: relative;
}

.pop-printcert .certArea .certSlider .certPageSection .passbookImage .preview.vaccInfo {
	width: 600px;
}

.pop-printcert .certArea .certSlider .certPageSection .passbookImage .preview img {
	width: 100%;
	float: left;
	box-shadow:0px 5px 10px rgba(0,0,0,0.1);
	border-radius: 22px;
}

.pop-printcert .certArea .certSlider .certPageSection .passbookImage .overlay {
	width: 100%;
	position: absolute;
	z-index: 1;
}

.pop-printcert .certArea .certSlider .certPageSection .passbookImage .overlay .preview-marker {
	background: #ff000080;
	height: 15px;
	position: absolute;
}

.pop-printcert .certArea .certSlider .certPageSection .passbookImage .overlay .preview-marker.vacc {
	height: 40px;
}

.preview-marker.puser-set1 {display: block;}
.preview-marker.puser-set1.p-area1 {width: 100px; height: 100px !important; margin-left: 405px; margin-top: 44px;}
.preview-marker.puser-set1.p-area2 {width: 231px; margin-left: 138px; margin-top: 145px;}
.preview-marker.puser-set1.p-area2-long {width: 231px; margin-left: 138px; margin-top: 130px; display: none;}
.preview-marker.puser-set1.p-area3 {width: 147px; margin-left: 99px; margin-top: 168px;}
.preview-marker.puser-set1.p-area4 {width: 68px; margin-left: 270px; margin-top: 168px;}
.preview-marker.puser-set1.p-area5 {width: 118px; margin-left: 393px; margin-top: 168px;}
.preview-marker.puser-set1.p-area6 {width: 257px; margin-left: 254px; margin-top: 191px;}
.preview-marker.puser-set1.p-area7 {width: 128px; margin-left: 383px; margin-top: 330px;}

.preview-marker.puser-set2 {width: 145px; margin-left: 38px; margin-top: 262px; display: block;}
.preview-marker.puser-set3 {width: 145px; margin-left: 203px; margin-top: 262px; display: none;}
.preview-marker.puser-set4 {width: 145px; margin-left: 367px; margin-top: 262px; display: none;}

.preview-marker.puser-set5 {width: 145px; margin-left: 38px; margin-top: 285px; display: none;}
.preview-marker.puser-set6 {width: 145px; margin-left: 203px; margin-top: 285px; display: none;}
.preview-marker.puser-set7 {width: 145px; margin-left: 367px; margin-top: 285px; display: none;}

.preview-marker.pvacc-set1.p-area1 {width: 264px; margin-left: 18px; margin-top: 145px; display: block;}
.preview-marker.pvacc-set1.p-area2 {width: 264px; margin-left: 318px; margin-top: 145px; display: block;}

.preview-marker.pvacc-set2.p-area1 {width: 264px; margin-left: 18px; margin-top: 203px; display: none;}
.preview-marker.pvacc-set2.p-area2 {width: 264px; margin-left: 318px; margin-top: 203px; display: none;}

.preview-marker.pvacc-set3.p-area1 {width: 264px; margin-left: 18px; margin-top: 260px; display: none;}
.preview-marker.pvacc-set3.p-area2 {width: 264px; margin-left: 318px; margin-top: 260px; display: none;}

.preview-marker.pvacc-set4.p-area1 {width: 264px; margin-left: 18px; margin-top: 318px; display: none;}
.preview-marker.pvacc-set4.p-area2 {width: 264px; margin-left: 318px; margin-top: 318px; display: none;}

.pop-printcert .certArea .certSlider .certPageSection .certFormData-title {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 14px;
	color: #4285f4;
	text-align: left;
	margin-bottom: 10px;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormData {
	width: 100%;
	float: left;
	border: 1px solid #cddbf1;
	border-bottom:1px solid #b9c9e2;
	padding: 20px 20px;
	border-radius: 5px;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormData .subhead {
	width: 100%; 
	float: left; 
	border:1px solid #cddbf1; 
	background: #dde6f3;
	border-radius: 3px; 
	font-family: robotobold; 
	font-size: 12px; 
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 10px 12px;
	text-align: left;
	color: #5b5d60;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormEdit .subhead {
	width: 100%; 
	float: left; 
	border:1px solid #cddbf1; 
	background: #dde6f3;
	border-radius: 3px; 
	font-family: robotobold; 
	font-size: 12px; 
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 10px 12px;
	text-align: left;
	color: #5b5d60;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormData .subhead.row2 {margin-top: 20px;}

.pop-printcert .certArea .certSlider .certPageSection .certFormData .subhead i {float: left; margin-right: 7px; margin-top: 3px;}
.pop-printcert .certArea .certSlider .certPageSection .certFormEdit .subhead i {float: left; margin-right: 7px; margin-top: 1px;}

.pop-printcert .certArea .certSlider .certPageSection .certFormData li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #00000015;
	padding: 15px 0px;
	text-align: left;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormData li:first-child {padding-top: 0px;}
.pop-printcert .certArea .certSlider .certPageSection .certFormData li:last-child {border-bottom: 0px; padding-bottom: 0px;}

.pop-printcert .certArea .certSlider .certPageSection .certFormData li ul li {
	width: 100%; 
	float: left;
	display: inline;
	border-bottom: 0px;
	padding: 0px;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormData li ul.col2 li {
	width: 40%; 
}


.pop-printcert .certArea .certSlider .certPageSection .certFormData li ul.col3 li {
	width: 40%; 
}

.pop-printcert .certArea .certSlider .certPageSection .certFormData li ul.col3 li:last-child {
	width: 20%; 
}

.pop-printcert .certArea .certSlider .certPageSection .certFormData li ul.col4 li {
	width: 25%; 
}


.pop-printcert .certArea .certSlider .certPageSection .certFormData li ul li ul li {
	width: 100% !important;
	float: left;
	display: list-item;
}


.pop-printcert .certArea .certSlider .certPageSection .certFormData li ul li ul li.label {
	font-family: robotoreg;
	font-size: 11px;
	text-transform: uppercase;
	width: 100% !important;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormData li ul li ul li.output {
	font-family: robotobold;
	font-size: 15px;
	text-transform: uppercase;
	color: #4c4c4c;
	width: 100% !important;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormEdit {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormEdit.passbook {
	margin-top: 0px;
	margin-bottom: 20px;
}
.pop-printcert .certArea .certSlider .certPageSection .certFormEdit .title {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 14px;
	color: #4285f4;
	text-align: left;
	margin-bottom: 10px;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormEdit.passbook .title {
	color: #4285f4;
}
.pop-printcert .certArea .certSlider .certPageSection .certFormEdit .certForm {
	width: 100%;
	float: left;
	padding: 10px 10px;
	padding-top: 0px;
	background: #f5f9fe;
	border: 1px solid #e7ebf1;
	border-radius: 5px;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormEdit .certForm.printSetup {
	padding: 10px 20px;
	padding-top: 0px;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormEdit.passbook .certForm {
	background: #fff;
	border: 2px solid #b3cbf4;
}

.pop-printcert .certArea .certSlider .certPageSection .certFormEdit .certForm .form-layout li .label-title {font-family: robotobold; margin-left: -5px; float: left; font-size: 11px; color: #5c5c5c; width: 100%; }
.pop-printcert .certArea .certSlider .certPageSection .certFormEdit .certForm .form-layout li .label-title2 {font-family: robotobold; margin-left: -20px !important; float: left; font-size: 12px; color: #5c5c5c; text-transform: uppercase; width: 200px;}
.pop-printcert .certArea .certSlider .certPageSection .certFormEdit .certForm .form-layout li .radiomark {margin-top: 1px;}

.pop-printcert .certArea .certSlider .certPageSection .footer {
	width: 100%;
	float: left;
	margin-top: 20px;
}

/************************************POPUP WIDE PAGES [end]************************************/

/************************************POPUP HIDER [start]************************************/

#profile-edit-1, #profile-edit-2, #profile-edit-3, #profile-edit-4, #profile-edit-5, #company-edit-1, #company-edit-2, #company-edit-3, #company-edit-4, #poplogin, #popxchange, #pop-wallet-status, #pop-pw-reset, #pop-mail, #pop-pic-view,#pop-sig-view,#pop-sig-edit,#pop-customer-edit,#pop-customer-addinfo,#pop-customer-addinfoedit,#pop-delete-data,#pop-customer-id-edit,#pop-customer-id-view,#pop-customer-bank-add,#pop-customer-bank-edit,#pop-customer-card-add,#pop-customer-card-edit,#pop-customer-rem-add,#pop-customer-rem-edit,#poplogincontent-help,#poplogincontent-privacy,#poplogincontent-terms,#pop-customer-sendinfo-add,#pop-customer-beneinfo-add, #pop-expedite-form, #advisory-edit-form, #pop-qrScan, #pop-govid-pwd-edit, #pop-govid-senior-edit, #pop-govid-ofw-edit, #pop-govid-seafarer-edit, #pop-customer-auth-edit , #pop-customer-passport-edit, #pop-customer-sig-edit, #pop-cert-icv-edit, #pop-cert-vac-edit, #pop-cert-covid-edit , #pop-cert-covid-booster-edit, #pop-cert-covid-edit2 , #pop-cert-covid-booster-edit2, #pop-tr-screen-edit, #pop-tr-qmo-edit, #pop-tr-vaccine-edit, #pop-tr-certificate-edit, #pop-tr-screen-resched-edit {display: none;}
#pop-updateDelivery{display: none;}
#pop-delivery-qrScan{display: none;}
#pop-delivery-courierpickup{display: none;}
#pop-admin-notice{display: none;}
#pop-update-vip{display: none;}
#profile-edittitle-1, #profile-edittitle-2, #profile-edittitle-3, #profile-edittitle-4, #profile-edittitle-5, #company-edittitle-1, #company-edittitle-2,#company-edittitle-3,#company-edittitle-4, #poplogin-title, #popxchange-title, #pop-wallet-status-title, #pop-pw-reset-title, #pop-mail-title,#pop-pic-view-title,#pop-sig-view-title,#pop-sig-edit-title,#pop-customer-edit-title,#pop-customer-addinfo-title,#pop-customer-addinfoedit-title,#pop-delete-data-title,#pop-customer-id-edit-title,#pop-customer-id-add-title,#pop-customer-id-view-title,#pop-customer-bank-add-title,#pop-customer-bank-edit-title,#pop-customer-card-add-title,#pop-customer-card-edit-title,#pop-customer-rem-add-title,#pop-customer-rem-edit-title,#poplogincontenttitle-help,#poplogincontenttitle-privacy,#poplogincontenttitle-terms,#pop-customer-sendinfo-add-title,#pop-customer-beneinfo-add-title, #pop-expedite-form-title, #advisory-edit-form-title, #pop-qrScan-title, #pop-govid-pwd-edit-title, #pop-govid-senior-edit-title, #pop-govid-ofw-edit-title , #pop-govid-seafarer-edit-title, #pop-customer-auth-edit-title, #pop-customer-passport-edit-title, #pop-customer-sig-edit-title, #pop-cert-icv-edit-title, #pop-cert-vac-edit-title, #pop-cert-covid-edit-title, #pop-cert-covid-booster-edit-title, #pop-cert-covid-edit2-title, #pop-cert-covid-booster-edit2-title, #pop-tr-screen-edit-title, #pop-tr-qmo-edit-title, #pop-tr-vaccine-edit-title, #pop-tr-certificate-edit-title, #pop-tr-screen-resched-edit-title {display: none;}
#pop-updateDelivery-title{display: none;}
#pop-delivery-qrScan-title{display: none;}
#pop-delivery-courierpickup-title{display: none;}
#pop-admin-notice-title{display: none;}
#pop-update-vip-title{display: none;}
#pop-c-search, #pop-tr-profile-govid-edit, #pop-tr-profile-icv-edit, #pop-tr-profile-vac-edit, #pop-tr-profile-covid-edit, #pop-tr-profile-covid-edit2, #pop-tr-profile-pwd-edit, #pop-tr-profile-senior-edit, #pop-tr-profile-ofw-edit , #pop-tr-profile-seafarer-edit, #pop-tr-profile-auth-view, #pop-tr-profile-passport-view, #pop-tr-profile-sig-edit, #pop-tr-screen-question-edit, #pop-tr-certificate-print-edit, #pop-tr-certificate-print-edit, #pop-tr-vaccpassport-print-edit {display: none;}
#pop-tr-profile-covid-editb{display: none;}
#pop-tr-profile-covid-editb2{display: none;}
#pop-c-search-title, #pop-tr-profile-govid-edit-title, #pop-tr-profile-icv-edit-title, #pop-tr-profile-vac-edit-title, #pop-tr-profile-covid-edit-title, #pop-tr-profile-covid-edit2-title, #pop-tr-profile-pwd-edit-title, #pop-tr-profile-senior-edit-title, #pop-tr-profile-ofw-edit-title, #pop-tr-profile-seafarer-edit-title, #pop-tr-profile-auth-view-title, #pop-tr-profile-passport-view-title, #pop-tr-profile-sig-edit-title, #pop-tr-screen-question-edit-title, #pop-tr-certificate-print-edit-title, #pop-tr-vaccpassport-print-edit-title {display: none;}
#pop-tr-profile-covid-editb-title{display: none;}
#pop-tr-profile-covid-editb2-title{display: none;}

#pop-admin-approval-process-title, #pop-admin-approval-process, #pop-ship-certificate-title, #pop-ship-certificate {
	display: none;
}

#pop-tr-pescreen2-edit-title, #pop-tr-pescreen2-edit{
	display: none;
}

#pop-valid-id-view-title, #pop-icv-certificate-view-title{
	display: none;
}

#pop-valid-id-view, #pop-icv-certificate-view{
	display: none;
}

#pop-reschedule-data-title, #pop-reschedule-data{
	display: none;
}

#pop-updateICV-data-title, #pop-updateICV-data{
	display: none;
}

#pop-signature-view-title{
	display: none;
}

#pop-signature-view{
	display: none;
}

#pop-updateSignature-data-title, #pop-updateSignature-data{
	display: none;
}

#pop-vaccine-view-title{
	display: none;
}

#pop-vaccine-view{
	display: none;
}

#pop-senior-citizen-view-title{
	display: none;
}

#pop-senior-citizen-view{
	display: none;
}

#pop-pwd-view-title{
	display: none;
}

#pop-pwd-view{
	display: none;
}

#pop-updateVaccine-data-title, #pop-updateVaccine-data{
	display: none;
}

#pop-delete-schedule-title, #pop-delete-schedule-data{
	display: none;
}

#pop-tr-profile-bssyphilis-edit-title, #pop-tr-profile-bssyphilis-edit{
	display: none;
}

#pop-govid-bssyphilis-edit-title, #pop-govid-bssyphilis-edit{
	display: none;
}

#pop-tr-profile-chestxray-edit-title, #pop-tr-profile-chestxray-edit{
	display: none;
}

#pop-govid-chestxray-edit-title, #pop-govid-chestxray-edit{
	display: none;
}

#pop-tr-profile-urinalysis-edit-title, #pop-tr-profile-urinalysis-edit{
	display: none;
}

#pop-govid-urinalysis-edit-title, #pop-govid-urinalysis-edit{
	display: none;
}

#pop-tr-profile-fecalysis-edit-title, #pop-tr-profile-fecalysis-edit{
	display: none;
}

#pop-tr-profile-endorsementletter-edit-title, #pop-tr-profile-endorsementletter-edit{
	display: none;
}

#pop-tr-profile-medicalrecord-edit-title, #pop-tr-profile-medicalrecord-edit{
	display: none;
}

#pop-tr-profile-sasffsid-edit-title, #pop-tr-profile-sasffsid-edit{
	display: none;
}

#pop-tr-profile-ldrsaffidavitofloss-edit-title, #pop-tr-profile-ldrsaffidavitofloss-edit{
	display: none;
}

#pop-govid-fecalysis-edit-title, #pop-govid-fecalysis-edit{
	display: none;
}

#pop-govid-endorsementletter-edit-title, #pop-govid-endorsementletter-edit{
	display: none;
}

#pop-govid-medicalrecord-edit-title, #pop-govid-medicalrecord-edit{
	display: none;
}

#pop-govid-sasffsid-edit-title, #pop-govid-sasffsid-edit{
	display: none;
}

#pop-peform-urinalysis-edit-title, #pop-peform-urinalysis-edit{
	display: none;
}

#pop-peform-fecalysis-edit-title, #pop-peform-fecalysis-edit{
	display: none;
}

#pop-peform-serology-edit-title, #pop-peform-serology-edit{
	display: none;
}

#pop-peform-roentgenologicalform-edit-title, #pop-peform-roentgenologicalform-edit{
	display: none;
}

#pop-peform-roentgenologicalreport-edit-title, #pop-peform-roentgenologicalreport-edit{
	display: none;
}

#pop-peform-medicalrecordlocal-edit-title, #pop-peform-medicalrecordlocal-edit{
	display: none;
}

#pop-peform-medicalrecordforeign-edit-title, #pop-peform-medicalrecordforeign-edit{
	display: none;
}

#pop-peform-edit-title, #pop-peform-edit{
	display: none;
}

#pop-peform-print-title, #pop-peform-print{
	display: none;
}

#pop-peform-view-title, #pop-peform-view{
	display: none;
}

#pop-tr-peqmo-edit-title, #pop-tr-peqmo-edit{
	display: none;
}

#pop-tr-pereleasing-edit-title, #pop-tr-pereleasing-edit{
	display: none;
}

#pop-tr-sasssreleasing-edit-title, #pop-tr-sasssreleasing-edit{
	display: none;
}

#pop-tr-sasffscertificate-edit-title, #pop-tr-sasffscertificate-edit{
	display: none;
}

#pop-tr-bhrcertificate-edit-title, #pop-tr-bhrcertificate-edit{
	display: none;
}

#pop-bhr-qsihssform-edit-title, #pop-bhr-qsihssform-edit{
	display: none;
}

#pop-bhr-ctcsform-edit-title, #pop-bhr-ctcsform-edit{
	display: none;
}

#pop-bhr-qpsbsform-edit-title, #pop-bhr-qpsbsform-edit{
	display: none;
}

#pop-labd-coefpform-edit-title, #pop-labd-coefpform-edit{
	display: none;
}

#pop-sa-fsesssascform-edit-title, #pop-sa-fsesssascform-edit{
	display: none;
}

#pop-sa-sssirform-edit-title, #pop-sa-sssirform-edit{
	display: none;
}

#pop-tr-profile-deceasedPassport-edit,
#pop-tr-profile-deceasedPassport-edit-title,
#pop-tr-profile-deathCert-edit,
#pop-tr-profile-deathCert-edit-title,
#pop-tr-profile-embalmingCert-edit,
#pop-tr-profile-embalmingCert-edit-title,
#pop-tr-profile-cremationCert-edit,
#pop-tr-profile-cremationCert-edit-title,
#pop-tr-profile-exhumationCert-edit,
#pop-tr-profile-exhumationCert-edit-title,
#pop-tr-profile-nonHazardCert-edit,
#pop-tr-profile-nonHazardCert-edit-title,
#pop-tr-profile-consularCert-edit,
#pop-tr-profile-consularCert-edit-title,
#pop-tr-profile-transferPermit-edit,
#pop-tr-profile-transferPermit-edit-title,
#pop-tr-profile-requestLetter-edit,
#pop-tr-profile-requestLetter-edit-title,
#pop-tr-profile-explanationLetter-edit,
#pop-tr-profile-explanationLetter-edit-title,
#pop-tr-profile-iataCert-edit,
#pop-tr-profile-iataCert-edit-title,
#pop-tr-profile-airwaybill-edit,
#pop-tr-profile-airwaybill-edit-title,
#pop-tr-profile-fdaPermit-edit,
#pop-tr-profile-fdaPermit-edit-title,
#pop-tr-profile-medCert-edit,
#pop-tr-profile-medCert-edit-title {
	display: none;
}

#pop-tr-profile-shipCert-edit,
#pop-tr-profile-shipCert-edit-title,
#pop-tr-profile-inspectionReport-edit,
#pop-tr-profile-inspectionReport-edit-title,
#pop-tr-profile-evidenceReport-edit,
#pop-tr-profile-evidenceReport-edit-title,
#pop-tr-profile-spcprco-edit,
#pop-tr-profile-spcprco-edit-title,
#pop-tr-profile-establishmentCert-edit,
#pop-tr-profile-establishmentCert-edit-title {
	display: none;
}



/************************************POPUP HIDER [end]************************************/




.target-profileTop {width: 10px;height: 10px;z-index: 1;background: red;position: relative;margin-top: -500px;float: left;visibility: hidden;}
.target-profileIntro {width: 10px;height: 10px;z-index: 1;background: red;position: relative;margin-top: -150px;float: left;visibility: hidden;}
.target-profileDetails {width: 10px;height: 10px;z-index: 1;background: blue;position: relative;margin-top: -165px;float: left;visibility: hidden;}
.target-additionalInfo {width: 10px;height: 10px;z-index: 1;background: green;position: relative;margin-top: -137px;float: left;visibility: hidden;}
.target-submittedIds {width: 10px;height: 10px;	z-index: 1;background: orange;position: relative;margin-top: -165px;float: left;visibility: hidden;}
.target-enrolledAccounts {width: 10px; height: 10px;z-index: 1;background: blue;position: relative;margin-top: -165px;float: left;visibility: hidden;}

#c-search {width: 100%;float: left;}
#c-search .search-msg {
	width: 100%;
	padding: 20px;
	border-bottom: 1px solid #ebeaea;
}
#c-search .search-msg .content {
	width: 100%;
	border: 1px solid #4285f4;
	padding: 25px;
	background: url(../storage/img/icon/blueTriangle2.png) no-repeat top right;
	text-align: center;
	font-family: robotoreg;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	color: #4285f4;
}
#c-search .search-list {width: 100%;overflow: hidden;float: left;padding-bottom: 25px;}
#c-search .search-list .list {width: 100%;float: left;}
#c-search .search-list .list li {
	overflow: hidden;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#c-search .search-list .list li ul li {overflow: visible;}
#c-search .search-list .list li ul li.thumb {overflow: hidden;}
#c-search .search-list .list .remcust-option {
	width: calc(100% + 40px);
	height: 100px;
	background: url(../storage/img/bg/bg-c-black60.png);
	position: relative;
	float: left;
	margin-bottom: -100px;
	margin-top: -16px;
	margin-left: -20px;
	z-index: 9999;
	text-align: center;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#c-search .search-list .list li:hover .remcust-option {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1.0;}
#c-search .search-list .list .remcust-option .cpos {width: auto;display: inline-block !important;margin-top: 33px;}
#c-search .search-list .list .remcust-option .cpos li {width: auto;display: inline;float: left;padding: 0px 5px;}
#c-search .search-list .box-footer {width: 100%;float: left;padding-top:20px;}


/*#BPOP-box-wide{
	display: none;
}*/