@charset "utf-8";

/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }

html, body { height: 100%; }

a, a:visited { color: #009ADE; text-decoration: none; }

a:hover, a:focus { color: #E9225F; }

ol, ul { list-style-type: none; }

table { border-collapse: collapse; }

h2 { color: #4d4d4f; font-size: 14px; margin: 5px 0 5px 0; float: left; }

h3 { color: #4d4d4f; font-size: 16px; margin: 0 0 10px 0; }

h4 { background-color: #0979bf; background-image: -moz-linear-gradient(top, #0979bf, #1a4077); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0979bf), to(#1a4077)); background-image: -webkit-linear-gradient(top, #0979bf, #1a4077); background-image: -o-linear-gradient(top, #0979bf, #1a4077); background-image: linear-gradient(to bottom, #0979bf, #1a4077); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0979bf', endColorstr='#1a4077', GradientType=0);
color: #FFFFFF; padding: 5px; height: 25px; }

p { margin: 0 0 10px 0; }

body { background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4d4d4f; }

input[type="button"] { border: 1px solid #818285; padding: 3px 5px; margin: 1px 2px; color: #4d4d4f; font-weight: bold; cursor: pointer; background-color: #0979bf; background-image: -moz-linear-gradient(top, #fcfcfc, #c6c7c9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#c6c7c9)); background-image: -webkit-linear-gradient(top, #fcfcfc, #c6c7c9); background-image: -o-linear-gradient(top, #fcfcfc, #c6c7c9); background-image: linear-gradient(to bottom, #fcfcfc, #c6c7c9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#c6c7c9', GradientType=0);
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

input[type="button"]:hover { color: #000000; background-color: #949599; background-image: -moz-linear-gradient(top, #d5d6d8, #949599); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d5d6d8), to(#949599)); background-image: -webkit-linear-gradient(top, #d5d6d8, #949599); background-image: -o-linear-gradient(top, #d5d6d8, #949599); background-image: linear-gradient(to bottom, #d5d6d8, #949599); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d6d8', endColorstr='#949599', GradientType=0);
}

input[type="text"], select, textarea { border: 1px solid #4c4d4f; padding: 3px 5px; }
/*********     COMMON CSS END     ************/



#wrapper { width: 100%; }

#content { width: 100%; position: relative; float: left; }

.export p { font-weight: bold; }

.export ul { margin-bottom: 10px; }

.export li { display: block; }

.openid { float: right; margin: 10px; }

.main { margin-left: 312px; position: relative; }

.main a { color: #4d4d4f; font-weight: bold; text-decoration: underline; }

.matter { padding: 0px;}

.bold { font-weight: bold; }

.main2 { float: left; width: 100%; }

/*********     HEADER     ************/

.header { padding: 10px 0px 10px 10px; height: 60px; background-color: #0979bf; background-image: -moz-linear-gradient(top, #0979bf, #1a4077); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0979bf), to(#1a4077)); background-image: -webkit-linear-gradient(top, #0979bf, #1a4077); background-image: -o-linear-gradient(top, #0979bf, #1a4077); background-image: linear-gradient(to bottom, #0979bf, #1a4077); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0979bf', endColorstr='#1a4077', GradientType=0);
}

.logo { float: left; padding-right: 20px;}

#nav { float: left; }

#nav li { float: left; padding: 0 0 0 10px }

#nav li a { display: block; color: #FFFFFF; text-transform: capitalize; text-align: center; position: relative; }

#nav li a span { height: 35px; width: 50px; display: block; }

#nav li a:hover, #nav li a.active { color: #d6e03d; }

/*********     BUBBLE     ************/

.bbl { padding: 0 4px; font-size: 10px; font-weight: bold; color: #FFFFFF; position: absolute; /* text-shadow: 1px 1px 0 #932a1e; */ background: #e20019; border-radius: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; z-index: 1; line-height: 15px; top: -7px; right: 15px; }

.list_bbl, .box_bbl { padding: 0 6px; font-size: 12px; font-weight: bold; color: #4d4d4f; position: absolute; text-shadow: 1px 1px 0 #ffffff; background: #d6df3e; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: -2px -2px 3px #333333 inset; z-index: 1; line-height: 20px; }

.list_bbl { top: 12px; left: 29px; }

.box_bbl { top: 37px; left: 115px; }

/****************** DROPDOWN **********************/

.lst_lgn { color: #FFFFFF; float: right; margin-right: 15px; font-size: 12px; }

#cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { position: relative; }

#cssmenu { height: 25px; margin: 7px 0 0 0; }

#cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; }

#cssmenu a { color: #000; display: inline-block; font-size: 16px; text-transform: capitalize; line-height: 20px; padding: 0 15px; text-decoration: none; }

#cssmenu ul { list-style: none; }

#cssmenu > ul { float: right; }

#cssmenu > ul > li { float: left; }

#cssmenu > ul > li > a { color: #FFFFFF; font-size: 14px; font-weight: bold; }

#cssmenu > ul > li > a:hover { color: #dedc22; }

.drp { background: url(../images/icon_dwn_arrow.png) right center no-repeat; padding: 0 20px 0 0; }

#cssmenu > ul > li > a span.drp:hover { background: url(../images/icon_dwn_arrow_over.png) right center no-repeat; padding: 0 20px 0 0; }

#cssmenu .has-sub { z-index: 1; }

#cssmenu .has-sub:hover > ul { display: block; }

#cssmenu .has-sub ul { border: 2px solid #737373; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 4px 4px 10px #999999; -moz-box-shadow: 4px 4px 10px #999999; -webkit-box-shadow: 4px 4px 10px #999999; -0-box-shadow:4px 4px 10px #999999;
background: #FFFFFF; display: none; position: absolute; width: 150px; top: 100%; right: 10px; padding: 5px; }

#cssmenu .has-sub ul li { *margin-bottom: -1px;}

#cssmenu .has-sub ul li a { filter: none; font-size: 14px; display: block; line-height: 120%; padding: 7px 10px; color: #6c6c6c; text-align: right; }

#cssmenu .has-sub ul li:hover a { background: #cccccc; }

#cssmenu .has-sub .has-sub:hover > ul { display: block; }

#cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0; }

#cssmenu .has-sub .has-sub ul li a { background: #a80008; border-bottom: 1px dotted #ff0f1b; }

#cssmenu .has-sub .has-sub ul li a:hover { background: #EBEBEB; }

/*********     SUB HEADER     ************/

.left_bar { width: 311px; position: absolute; border-right: 1px solid #5b5858; height: 100%; border-bottom: 1px solid #5B5858; z-index: 100; }

.sub_hdr_lft { background: #d2d3d5; border: 1px solid #818284; padding: 5px; float: left; width: 300px; height: 27px; border-top: none; }

#show_hide_btn1 { float: left; }

#show_hide_btn2 { float: left; }

.sub_hdr_rgt { background: #f6f6f6; border-bottom: 1px solid #818284; border-right: 1px solid #818284; padding: 5px 5px 5px 10px; display: block; height: 27px; }

.dwnld { background: #f6f6f6; border-top: 1px solid #4c4d4f; padding: 5px; text-align: right; min-height: 25px; position: fixed; bottom: 0; left: 0; right: 0 }

.sub_hdr_rgt p, .sub_hdr_lft p { float: left; color: #4d4d4f; font-size: 14px; font-weight: bold; line-height: 25px; }

.sub_hdr_rgt_menu { float: right; display: inline; }

.sub_hdr_rgt_menu li { float: left; display: inline; padding: 0 0 0 5px; }

.hdr_rgt_btn { float: right; }

/******************** Left Top Links ***********************/

.left_links { padding: 10px 0; float: left; width: 100%; background: #f8f8f8; border-bottom: 1px solid #c6c6c8; min-height: 18px; }

.left_links li { display: inline; }

.left_links li a { float: left; width: 32%; color: #4a4b4c; text-align: center; }

.two li a { width: 50% !important; }

.four li a { width: 25% !important; }

.three li a { width: 33% !important; }
.left_links li.select a { text-decoration: underline; font-weight: bold; }

/******************** LIST ***********************/



.list li { display: inline-block; float: left; }

.list li a { color: #4d4d4f; display: block; background: #FFFFFF; border-bottom: 1px solid #bcbec0; padding: 10px; line-height: 20px; width: 291px; min-height: 50px; position: relative; cursor:pointer; }

.list li a:hover, .list li a.active { background-color: #f6f6f6; }

.prgrs { position: absolute; right: 11px; top: 25px; }

.documenten { padding: 10px; border-bottom: 1px solid #c6c6c8; float: left; width: 290px; }

.documenten li { display: block; line-height: 18px; }

.documenten li span { float: left; width: 70%; }

.doc_info li { line-height: 18px; float: left; width: 100%; cursor:pointer;}

.user_settings_info li {   
	cursor: pointer;
    float: left;
    line-height: 18px;
    margin-left: 20%;
    margin-top: 14px;
    width: 100%;
}

.chat {
    background: url("../images/icon_chat.png") no-repeat scroll 20px center rgba(0, 0, 0, 0) !important;
    float: left;
    height: 26px;
    width: 38px;
}

.profile {
    background: url("../images/user.png") no-repeat scroll 20px center rgba(0, 0, 0, 0) !important;
    float: left;
    height: 26px;
    width: 38px;
}

.doc_info li span { float: left; width: 100px; }

.chk_doc { position: absolute; /*left: 286px;*/ top: 4%; }

.selectALLDocuments { float: left; margin-left: 12px !important;  margin-top: 5px !important;}

.blk_doc, .blk_doc input { bottom: 10px; cursor: pointer; position: absolute; right: 10px; font-weight: bold; }

.dimensionImage_doc, .dimensionImage_doc input { bottom: 36px; cursor: pointer; font-weight: bold; position: absolute; right: 9px; }

.exl, .upload_doc, .doc { float: left; }
/*
li a.exl { background: url(../images/excel_doc.png) 25px 50% no-repeat; }

li a.doc { background: url(../images/doc.png) 25px 50% no-repeat; }



li a.upload_doc { background: url(../images/upload_doc.png) 25px 50% no-repeat; }
*/
.tm_dt { position: absolute; right: 50px; top: 3px; color: #007ec5; font-weight: bold; font-size: 11px; }

/******************** Bank Statement LIst ***********************/

.bnk_stmt li { display: inline; }

.bnk_stmt li a { color: #4d4d4f; float: left; background: #FFFFFF; border-bottom: 1px solid #bcbec0; font-size: 12px; padding: 10px; line-height: 20px; width: 290px; min-height: 62px; position: relative; }

.bnk_stmt li a:hover, .bnk_stmt li a.active { background-color: #f6f6f6; }

.bnk_stmt_info li { display: inline-block; }

.bnk_stmt_info li div { float: left; }

.bnk_stmt_info li div.frst { width: 150px;  }

.bnk_stmt_info li div.mdl { width: 75px;  }

.bnk_stmt_info li div.lst { float: right; width: 60px;  }

/******************** FORM ***********************/

.frm { float: left; padding: 10px; margin-bottom: -25px;}

.frm li { display: block; margin-top:0px;}

.frm label { width: 105px; float: left; line-height: 25px; }

.frm_typ { float: left; margin-bottom:-18px; width:292px; margin-top:-30px;}

.frm_typ span { display: block; line-height: 47px; margin-top: -11px; width: 185px;}

/* .frm select { width: 171px; float: right; } */

.frm input[type="text"] { width: 250px; /* float: right; */ }

.frm p { float: left; margin: 4px 0 0 0; text-align: justify; }

.srch { margin: 0 3px; }

.rgt { float: right; }

.twinfield { width: 500px; }

.twinfield label { width: 150px; float: left; line-height: 25px; }

.twinfield input[type="text"], .twinfield select { float: left; border: 1px solid #4c4d4f; padding: 3px 5px; width: 300px; color: #818284; }

.twinfield select { width: 312px !important; }

.dt label { width: 80px; display: inline-block }

.dt input[type="text"] { width: 100px; border: 1px solid #4c4d4f; padding: 3px 5px; }

input.mandatory { border: 1px solid #F00 !important; }

.srch input[type="text"] { float: left; border: 1px solid #4c4d4f; padding: 3px 5px; width: 175px; color: #818284; font-style: italic; }

.srch_btn { background: url(../images/srch_btn.png) 0 center no-repeat; height: 20px; width: 25px; border: none; margin-left: -23px; margin-top: 0; }

.adv_search { background: url(../images/advanced.png) center center no-repeat; height: 26px; width: 26px; float: left; }

.user { background: url(../images/profile.png) center center no-repeat; height: 26px; width: 26px; float: left; }

.delete { background: url(../images/delete.png) center center no-repeat; height: 26px; width: 26px; float: left; }

.database { background: url(../images/database.png) center center no-repeat; height: 26px; width: 26px; float: left; }

.download { background: url(../images/download.png) center center no-repeat; height: 26px; width: 26px; float: left; }

.setting { background: url(../images/setting.png) center center no-repeat; height: 26px; width: 28px; margin-left: 1px; float: left; }

.settings { background: url(../images/settings.png) center center no-repeat; height: 26px; width: 38px; float: left; }

.addnewfolder { background: url(../images/newfolder.png) center center no-repeat; height: 26px; width: 38px; float: left; }

.rgt_btn { float: right; padding: 10px; }

/*********     TABLE     ************/

.tbl, .tbl2 { width: 100%; float: left; border: 1px solid #CCCCCC; }

.tbl th, .tbl2 th { color: #FFFFFF; padding: 10px; text-align: left; background-color: #0979bf; background-image: -moz-linear-gradient(top, #0979bf, #1a4077); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0979bf), to(#1a4077)); background-image: -webkit-linear-gradient(top, #0979bf, #1a4077); background-image: -o-linear-gradient(top, #0979bf, #1a4077); background-image: linear-gradient(to bottom, #0979bf, #1a4077); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0979bf', endColorstr='#1a4077', GradientType=0);
}

.tbl td { border-bottom: 1px solid #ebebeb; padding: 5px 10px; }

.tbl2 td { border-bottom: none; padding: 5px 10px; }

.tbl input[type="text"], .tbl td select, .tbl2 input[type="text"], .tbl2 td select { width: 200px; border: 1px solid #4c4d4f; padding: 3px 5px; }

.tbl tbody tr:hover { background: #F2F7FC !important; }

.tbl2 tr.tbl_brdr td  { border-bottom: 1px solid #ebebeb !important; }

.txt_rgt { text-align: right; }

/*********     DOCUMENT PREVIEW     ************/

.page, .sml_page { min-height: 550px; margin: 20px auto; border: 1px solid #727274; box-shadow: 4px 4px 10px #CCCCCC; -moz-box-shadow: 4px 4px 10px #CCCCCC; -webkit-box-shadow: 4px 4px 10px #CCCCCC; -0-box-shadow:4px 4px 10px #CCCCCC;
z-index: 1 }

.page { width: 845px; }

.sml_page { width: 595px; }

.paging { position: absolute; left: 10px; top: 10px; padding: 10px; background: #c7c8ca; color: #4d4d4f; opacity: 0.8; box-shadow: 4px 4px 10px #CCCCCC; -moz-box-shadow: 4px 4px 10px #CCCCCC; -webkit-box-shadow: 4px 4px 10px #CCCCCC; -0-box-shadow:4px 4px 10px #CCCCCC;
z-index: 1000; border-radius: 2px; }

/*********     POPUP     ************/

.popup_info { padding: 20px; }

.blur_bg { position: absolute; top: 0; left: 0; height: 1500px; width: 100%; background: #FFFFFF; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; z-index: 6; position: fixed; }

.popup { width: 350px; z-index: 7; position: relative; position: absolute; top: 50%; left: 50%; margin-left: -180px; margin-top: -100px; background: #FFFFFF; box-shadow: 4px 4px 10px #999999; -moz-box-shadow: 4px 4px 10px #999999; -webkit-box-shadow: 4px 4px 10px #999999; -0-box-shadow:4px 4px 10px #999999;
border: 1px solid #999999; }

.popup input[type="text"], .popup textarea { border: 1px solid #4d4d4f; padding: 5px; width: 96%; color: #818284; }

.fieldset { border-top: 1px solid #CCCCCC; margin-top: -9px; display: inline; width: 100%; margin-bottom: -9px; background: #FFFFFF !important; position: relative; z-index: 999999999; height: 9px; }

.hlt { color: #909192 !important; }

.grp { margin: 0 0 0 5px; font-weight: bold; font-size: 13px; color: #bdbec1; padding: 0 5px; }

/** Nano Scroll bar**/
.nano {
	position: relative;
	width: 100% !important;
	height: 200px;
	overflow: hidden;
}

.nano .pane {
	right: 1px;
	width: 8px;
}

.nano .content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.nano .content:focus {
	outline: thin dotted;
}

.nano .content::-webkit-scrollbar {
	visibility: hidden;
}

.has-scrollbar .content::-webkit-scrollbar {
	visibility: visible;
}

.nano>.pane {
	background: rgba(0, 0, 0, .25);
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	/* visibility: hidden\9; Target only IE7 and IE8 with this hack */
	visibility: hidden; opacity : .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity: .01
}

.nano>.pane>.slider {
	background: #444;
	background: rgba(0, 0, 0, .5);
	position: relative;
	margin: 0 1px;
	/* background:#D6E03D; */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.nano:hover>.pane,.pane.active,.pane.flashed {
	/* visibility: visible\9; Target only IE7 and IE8 with this hack */
	visibility: visible;
	opacity: 0.99;
}
/** Nano Scroll End**/

/**Added for specific dpg UI blue color*/
.blueColor{
	color: #007EC5
}

/**CSS added for displaying static text **/
.statictext {
    margin-left: 5px;
    padding: 0;
}

/**class overridden for .profile class in subscriptionListTemplate**/
.profileSubscriptionList{
    height: 0 !important;
}

.selectedRow a {
	background-color: #f3f4f4 !important;
}

.selectedMappingRow {
	background-color: #f3f4f4 !important;
}

/***********************Customized CSS changes starts from here****************************************/

/******Top right subscription Drop down CSS *******/
.subdownarrow{
    background: url("../images/sub_down_arrow.png") no-repeat scroll right 3px transparent !important;
    box-shadow: none !important;
    color: #FFFFFF;
    background-position: 100% center;
    font-size: 13px;
    font-weight: bold;
    height: 16px;
    margin: 0 5px;
    padding: 0 20px;
    text-align: right;
} 

.menu1 {
	background: url("../images/setting.png") no-repeat scroll right 5px transparent !important;
	box-shadow: none !important;
	color: #FFFFFF;
	background-position: 0px;
	font-size: 13px;
	font-weight: bold;
	height: -18px;
	margin: 0 5px;
	padding: 10px 13px;
	text-align: right;
}
.subdownarrow:hover{
 background: url("../images/sub_down_arrow_active.png") no-repeat scroll right 3px transparent !important;
 color: #d6e03d !important;
 text-decoration: none;
   /* float: left;
    height: 16px;
    width: 16px;
    margin-top: 8px;*/
}

.subdownarrowActive{
	background: url("../images/sub_down_arrow_active.png") no-repeat scroll right 3px transparent !important;
	color: #d6e03d !important;
	text-decoration: none;
}

/********Drop down ends**********/

/*CSS added for User's last login time*/
.lastLoginTimeText{
	color: #EEEEEE;
	font-weight: bold;
	position: absolute;
	right:10px;
	top: 30px;
	width: 300px;
	text-align: right;
}

.leftPannelList{
	display: table !important;
}
.hideComponent {
	display: none !important;
}

/*CSS added for templates of User Not fount*/


.login_main {
 background: #FFFFFF url(../images/login_bg.jpg) 0 -50px repeat-x;
 float: left;
 width: 100%;
 min-height: 700px;
}

.login {
 margin: 200px auto;
 width: 400px;
 color: #003d77;
}

.login_inner {
 float: left;
 padding: 20px 20px 10px 20px;
 margin: 0 auto;
 min-width: 350px;
 min-height: 200px;
 border: 1px solid #003d77;
 box-shadow: 2px 2px 10px #333333;
 -moz-box-shadow: 2px 2px 10px #333333;
 -webkit-box-shadow: 2px 2px 10px #333333;
-0-box-shadow:2px 2px 10px #333333;
 background: #FFFFFF;
}

li a.mainMenu {
	background : #BDBDBD;
	cursor: default;
	text-align: right;
}

li a.mainMenu:hover {
	background : #BDBDBD !important;
	color: #333333 !important;
}
/*CSS for User Not fount end*/

.chk_rejectedDoc { position: absolute; left: 286px; top: 2%; }

/*CSS for checkbox of customer review list*/
.chk_customerReviewDoc { position: absolute; /* left: 286px; */ top: 2%; }

/**Css added for Spinner***/
.spinMe{
    left: 50%;
    position: absolute;
    top: 25%;
}

/**Css added for spinner while other js files are loading*/
.indexPage{
    left: 50%;
    position: absolute;
    top: 50%;
}

/*CSS added for office logo on Usernot found template and subscription not found template*/
.officeLogoTemplate {margin-left: -5px;}


/**CSS added for DPG modal box**/
.modal-header-dpg {
	background-color: #0979BF;
	background-image: linear-gradient(#0979BF, #1A4077);
	background-repeat: repeat no-repeat;
	padding: 0 20px;
}

.modal-header-dpg h3 {
  color:#FFFFFF;
  margin-left: -7px;
}

.modalClass {
    top: 45% !important;
}

.chk_voucher { position: absolute;  top: 4%;}


/** UPLOAD */


.scan,.upload_files {
	display: block;
	padding: 10px;
	text-align: center;
	border: 5px dashed #d2d3d5;
	margin: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #818284;
}

.scan, .upload_logo {
    border: 5px dashed #d2d3d5;
    color: #818284;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 13px 0;
    padding: 10px;
    text-align: center;
}

.upload_logo {
    min-height: 115px;
    position: relative;
}

.logoUpload {
    /* height: 200px; */
    width: 650px;
}

.upload_files {
	position: relative;
	min-height: 250px;
}

.drag {
	position: absolute;
	top: 43%;
	left: 42%;
}

.upload_files li {
	float: left;
	display: inline;
	margin: 5px;
	text-align: center;
	padding-top: 60px;
	font-size: 12px;
}

.word_doc {
	background: url(../images/word_doc.png) 0 0 no-repeat;
	width: 50px;
	height: 55px;
}

.excel_doc {
	background: url(../images/excel_doc.png) 0 0 no-repeat;
	width: 50px;
	height: 55px;
}

.pdf_doc {
	background: url(../images/pdf_doc.png) 0 0 no-repeat;
	width: 50px;
	height: 55px;
}

.uploading_bar {
	display: block;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	border: 1px solid #4d4d4f !important;
	margin: 20px 10px;
	color: #4d4d4f;
	font-size: 14px;
}

.uploading_bar span {
	float: right;
	padding-right: 5px;
}

.progress_bar {
	background: #bdbec1;
	border-right: 1px solid #4d4d4f;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	width: 25%;
	white-space: nowrap;
	padding-left: 5px;
}



.sidebar_right {
    color: #4D4D4F;
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    margin-right: 5px;
    position: absolute;
    right: 0;
    z-index: 3;
}

.progressHolder {
    background-color: #FFFFFF;
    border: 1px solid #4D4D4F !important;
    height: 30px;
    margin-bottom: 5px;
    margin-left: 40px;
    margin-top: 5px;
    max-width: 96%;
    position: relative;
    width: 100%;
}

.sidebar_left {
    color: #4D4D4F;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    margin-left: 5px;
    position: absolute;
    z-index: 3;
}

.sidebar {
    float: left;
    position: relative;
    
}
.uploadProgress {
    background: none repeat scroll 0 0 #BDBEC1;
    border-right: 1px solid #4D4D4F;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
    /* height: 100%; */
    transition: all 0.25s ease 0s;
}
.uploadErrorCls {
	color: #b94a48;
}

.upload_hdr_rgt_text { 
	float: left; 
	display: inline; 
	font-weight: bold;
	margin: 4px;
	}

.voucher_hdr_rgt_text { 
	float: left; 
	display: inline; 
	font-weight: bold;
	margin: 4px;
	}

.template_text {
	cursor: default;
	font-weight: bold;
}
	
	
	.nano .uploadContent {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.nano .uploadContent:focus {
	outline: thin dotted;
}

.nano .uploadContent::-webkit-scrollbar {
	visibility: hidden;
}

.has-scrollbar .uploadContent::-webkit-scrollbar {
	visibility: visible;
}

/**CSS added for other documents**/
.chk_otherdoc { position: absolute;  top: 4%; }

/**CSS added for add voucher form text **/
.frm_text {
	margin-left:85px;
	margin-top: -30px;
}

/**Css added for modal lables**/
.radioLable{
	padding: 10px;
}

.radioMessageLable{
	font-size: 15px;
    font-weight: bold;
}

/**Css added for Hide show of scan component**/
.hideScanComponent{
	visibility: hidden;
}

.showScanComponent{
	visibility: visible;
}
/*****EnD****/

/**Css for modal box in scan**/
.scanWaitSpin{
  	left: 40%;
    position: absolute;
    top: 25%;
}

label, input, button, select, textarea {
    font-size: 12px !important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0 !important;
    color: #555555;
}

.dropdown-menu {
	padding: 0 !important;
	border-radius: 0 !important;
}

.pull-right { margin-right: 5px; }

.pull-right > .dropdown-menu {
    left: auto;
    /* right: 10px !important; */
}

.text-right{
	text-align:right;
}
/**CSS added for calender's image**/
.cal_btn { width: 36px !important; height: 20px; background: url(../images/cal.png) 0 center no-repeat; cursor: pointer; border: none; position: absolute; 
right: -6px; top: 4px; }

/**CSS added for calculator image**/
.calc_btn_grossAmt { width: 26px; height: 20px; background: url(../images/calc.png) 0 center no-repeat; cursor: pointer; border: none; position: absolute; 
right: 10px; top: 335px; }

/**CSS added for calculator image**/
.calc_btn_vatAmt { width: 26px; height: 20px; background: url(../images/calc.png) 0 center no-repeat; cursor: pointer; border: none; position: absolute; 
right: 10px; top: 367px; }

/**CSS added for main menu changes**/
.main-menu {
	padding: 0px;
	margin: 5px 0 0 5px;
	list-style: none;
	/*DS-BLOCK     position: relative;
    z-index: 2 !important; */
}

.main-menu li {
	display: block;
	float: left;
	padding: 0px 20px 0px 0px;
	text-align: center;
}

.main-menu a {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 100%;
	text-align: center;
}

.main-menu a span {
	font-size: 10px;
	color: #FFFFFF !important;
	line-height: 100%;
}

.main-menu a:hover,.main-menu a:hover span,.main-menu li.active a,.main-menu li.active a:hover span, .main-menu li:hover a
	{
	color: #d6e03d;
	text-decoration: none;
}

.main-menu li img {
	margin: 0 auto 2px auto;
	display: block;
	width: 40px;
	height: 32px;
	background: url(../images/ysb_logo.png) 0px 0px no-repeat;
}


.main-menu li.home img {
	background-position: 3px 0px;
}

.main-menu li.home:hover img, .main-menu li.home.active img {
	background-position: 3px -35px;
}

.main-menu li.todo img {
	background-position: -34px 0px;
	width: 37px;
}

.main-menu li.todo:hover img, .main-menu li.todo.active img {
	background-position: -34px -35px;
	width: 37px;
}

.main-menu li.scanMenu img {
	background-position: -70px 0px;
}

.main-menu li.scanMenu:hover img,.main-menu li.scanMenu.active img {
	background-position: -70px -35px;
}

.main-menu li.uploadMenu img {
	background-position: -108px 0px;
	width: 25px;
}

.main-menu li.uploadMenu:hover img,.main-menu li.uploadMenu.active img {
	background-position: -108px -35px;
	width: 25px;
}

.main-menu li.voucherMenu img {
	background-position: -132px 0px;
	width: 30px;
}

.main-menu li.voucherMenu:hover img,.main-menu li.voucherMenu.active img {
	background-position: -132px -35px;
}

.main-menu li.archiveMenu img {
	background-position: -160px 0px;
}

.main-menu li.archiveMenu:hover img,.main-menu li.archiveMenu.active img {
	background-position: -160px -35px;
}

.main-menu li.mappingsMenu img {
	background-position: -200px 0px;
}

.main-menu li.mappingsMenu:hover img,.main-menu li.mappingsMenu.active img {
	background-position: -200px -34px;
}

/**Main menu css Ends**/

.showStatus{
	list-style: none;
}

.prgrs1 img, .prgrs2 img, .prgrs3 img, .prgrs4 img {
	height: 7px;
position: absolute;
    right: 10px;
    top: 9px;
    width: 30px;
    width: 30px;
	background: url(../images/status_small.png) 0px 0px no-repeat;
}

.prgrs1 img{
	 background-position: 0 -7px;
}

.prgrs2 img{
	 background-position: 0 -14px;
}

.prgrs3 img{
	 background-position: 0 -21px;
}

.prgrs4 img{
	 background-position: 0 -28px;
}

/**Block Unblock image on invoice list**/
.blockUnblockImage{
	list-style: none;
} 

.blockUnblockImage img{
	height: 24px !important;
    width: 23px !important;
	background: url(../images/ysb_small.png) 0px 0px no-repeat !important;
}

.blockUnblockImage .blkImg img{
	background-position: -37px -75px !important;
}

.blockUnblockImage .unblkImg img{
	background-position: -37px -49px !important;
}

/**Dimension images on archive invoice list**/
.dimensionImage{
	list-style: none;
}

.dimensionImage img{
	height: 24px !important;
    width: 23px !important;
	background: url(../images/ysb_small.png) 0px 0px no-repeat !important;
}

.dimensionImage .dimAppImg img{
	background-position: -190px -48px !important;
}

.dimensionImage .dimNotAppImg img{
	background-position: -110px -48px !important;
}

/**Images for exception mapping data on right panel**/
.exceptionMappingImage{
	list-style: none;
	cursor: pointer;
}

.exceptionMappingImage img{
	background: url("../images/ysb_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 23px !important;
    margin: 0 !important;
    width: 23px !important;
}

.exceptionMappingImage .exceptionAddImg img{
	background-position: -57px 0 !important;
}

.exceptionMappingImage .exceptionDeleteImg img{
	background-position: -109px -26px !important;
}

.exceptionMappingImage .exceptionDeleteSelectedImg img{
	background-position: -109px -1px !important;
}

/**Images for currency mapping data on right panel**/
.currencyMappingImage{
	list-style: none;
	cursor: pointer;
}

.currencyMappingImage img{
	background: url("../images/ysb_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 23px !important;
    margin: 0 !important;
    width: 23px !important;
}

.currencyMappingImage .currencyAddImg img{
	background-position: -57px 0 !important;
}

.currencyMappingImage .currencyDeleteImg img{
	background-position: -109px -26px !important;
}

.currencyMappingImage .currencyDeleteSelectedImg img{
	background-position: -109px -1px !important;
}

/**Images for debtor creditor mapping data on right panel**/
.debCredMappingImage{
	list-style: none;
	cursor: pointer;
}

.debCredMappingImage img{
	background: url("../images/ysb_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 23px !important;
    margin: 0 !important;
    width: 23px !important;
}

.debCredMappingImage .debCredAddImg img{
	background-position: -57px 0 !important;
}

.debCredMappingImage .debCredDeleteImg img{
	background-position: -109px -26px !important;
}

.debCredMappingImage .debCredDeleteSelectedImg img{
	background-position: -109px -1px !important;
}

/**Images for vat mapping data on right panel**/
.vatMappingImage{
	list-style: none;
	cursor: pointer;
}

.vatMappingImage img{
	background: url("../images/ysb_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 23px !important;
    margin: 0 !important;
    width: 23px !important;
}

.vatMappingImage .vatAddImg img{
	background-position: -57px 0 !important;
}

.vatMappingImage .vatDeleteImg img{
	background-position: -109px -26px !important;
}

.vatMappingImage .vatDeleteSelectedImg img{
	background-position: -109px -1px !important;
}

/**CSS added for subscription selection from right top corner**/
.sub_search_btn {
 width: 20px;
 height: 20px;
 background: url(../images/simple_search.png) right center no-repeat;
 cursor:pointer;
 border: none;
 position: absolute;
 right: 6px;
 top: 30px;
 width: 27px;
}

.sub_search_field {
 float: left;
 background: #FFFFFF !important;
 border: 1px solid #50423F;
 font-size: 11px;
 padding: 5px 25px 5px 8px;
 float: right;
 width: 188px !important;
 color: #807976;
 margin: 0 !important;
 width: 95.5% !important;
}

/**CSS added for displaying icon for TODO E-invoices**/
.rejectedIcon{
	list-style: none;
}

.rejectedIcon img{
    background: url("../images/ysb_big.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 42px !important;
    margin: 0 -294px !important;
    width: 47px !important;
}

.rejectedIcon .rejectedImg img{
	background-position: -98px -2px !important;
}
/**CSS ends for einvoice icon**/

.anchorClass{
	color: black;
}
.recordNotFound{
	color: #333333;
}

#subErrorId a:hover { color: #333333; }

.liClass{    
	line-height: 25px;
    text-align: right;
}

.adjustSubscriptionList{
	 margin-top: 0 !important;
}

/**language label settings**/
.langLabel{
    font-size: 14px !important;
    margin-left: 8px;
    margin-top: -17px;
}
/*scan lable*/
.scanLabel{
    font-size: 12px !important;
    margin-left: 8px;
    margin-top: -17px;
}

 .langRadio{
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;     not currently supported
    -o-appearance: checkbox;      not currently supported
} 
/**Css added for customize radio button for language change**/

#showLangMenu input[type="radio"] {
    display:none;
}

#showLangMenu input[type="radio"] + label {
    display:inline-block;
    width:19px;
    height:19px;
    background:url(../images/check_radio_sheet.png) -100px top no-repeat;
    cursor:pointer;
    margin:-1px 4px 0 0;
    vertical-align:middle;
}

#showLangMenu input[type="radio"]:checked + label{
    background:url(../images/check_radio_sheet.png) -78px top no-repeat;
}

/***Radio button css for scan***/
#forScanRadioBtns input[type="radio"] {
    display:none;
}

#forScanRadioBtns input[type="radio"] + label {
    display:inline-block;
    width:19px;
    height:19px;
    background:url(../images/check_radio_sheet.png) -100px top no-repeat;
    cursor:pointer;
    margin:-1px 4px 0 0;
    vertical-align:middle;
}

#forScanRadioBtns input[type="radio"]:checked + label{
    background:url(../images/check_radio_sheet.png) -78px top no-repeat;
}

/**Radio button CSS for voucher**/

.voucherRadio{
    -webkit-appearance: radio;
    -moz-appearance: radio;
    -ms-appearance: radio;     not currently supported
    -o-appearance: radio;      not currently supported
}

.frm_typ input[type="radio"] {
    display:none;
}

.frm_typ input[type="radio"] + label {
    display:inline-block;
    width:19px;
    height:19px;
    background:url(../images/check_radio_sheet.png) -100px top no-repeat;
    cursor:pointer;
    margin:14px 4px 0 0;
    vertical-align:middle;
}

.frm_typ input[type="radio"]:checked + label{
    background:url(../images/check_radio_sheet.png) -78px top no-repeat;
}
/**Radio button CSS for voucher End**/


/**CSS added for voucher dropdown of booking reference**/

.custom-select:after {
    background: url("../images/select_down.png") no-repeat scroll right 0 #ffffff;
    content: "";
    height: 20px;
    padding: 4px;
    pointer-events: none;
    position: absolute;
    right: -114px;
    top: 1px;
    width: 19px;
}
label.custom-select {
    display: inline-block;
    position: relative;
}
label.custom-select-bookRef{
	display: inline-block;
    position: relative;
}
.custom-select-bookRef:after{
	background: url("../images/select_down.png") no-repeat scroll right 0 #ffffff;
    content: "";
    height: 20px;
    padding: 4px;
    pointer-events: none;
    position: absolute;
    right: -156px;
    top: 1px;
    width: 19px;
}

/**CSS added for voucher dropdown of booking reference End**/

#sort_tbl_sub tr td input[type="radio"] {
    display:none;
}

#sort_tbl_sub tr td input[type="radio"] {
    display:inline-block;
    width:19px;
    height:19px;
    background:url(../images/check_radio_sheet.png) -100px top no-repeat;
    cursor:pointer;
    margin:-1px 4px 0 0;
    vertical-align:middle;
}

#sort_tbl_sub tr td input[type="radio"]:checked + label{
    background:url(../images/check_radio_sheet.png) -78px top no-repeat;
}
/**Radio button css end**/

/**Nano scroll CSS for subscription list **/
.subscriptionScrollBar{
	float: right;
    height: 135px;
    width: 100%;
} 

/**Nano scroll hidden if no record present. Done for adjusting no record found message**/
.nanoScrollBarNoRecord{
	float: right;
    height: 23px;
    width: 100%;	
}
	
/**CSS for highliting subscription list item on mouse over**/
#filterData > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}
#filterData > li > a:hover, #filterData > li > a:focus, #filterData :hover > a, #filterData :focus > a {
    background-color: #0081C2;
    background-image: linear-gradient(to bottom, #0088CC, #0077B3);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-decoration: none;
}
#filterData > .active > a, #filterData > .active > a:hover, #filterData > .active > a:focus {
    background-color: #0081C2;
    background-image: linear-gradient(to bottom, #0088CC, #0077B3);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

/*********     SORTING PREVIEW     ************/

.sort_tbl thead tr .head { background-image: url(../images/bg.png); background-repeat: no-repeat; background-position: center right; cursor: pointer; }

.sort_tbl thead tr .last { background: none !important; }
.sort_tbl thead tr .headSortUp { background-image: url(../images/asc.png); }

.sort_tbl thead tr .headSortDown { background-image: url(../images/desc.png); }

.sort_tbl { max-width: none; width: 100%; margin-top: 9px; /*  margin: -10px 0 30px -17px; */ border-bottom: 1px solid #333; /* border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB;*/ }

.sort_tbl th { border-bottom: 1px solid #EBEBEB; padding: 3px 10px; text-align: left; font-size: 14px; /* border-top: 1px solid #EBEBEB; */}

.sort_tbl td { border-bottom: 1px solid #EBEBEB; padding: 3px 10px; position: relative; }

.sort_tbl th a { color: #333333; }

.sort_tbl td a { color: #666666; }

.sort_tbl td input[type="text"] { width: 99% ;margin-bottom: auto;height:22px !important;}

.sort_tbl tbody tr:hover { background: #dcdcde !important; }

.sort_tbl td a span { font-size: 14px; color: #333333; margin-bottom: 5px; display: block; }

.odd { background: #f6f6f6; }

.sort_tbl td input[type="text"] {
    width: 99%;
}
input[type="text"], select, textarea {
    border: 1px solid #4C4D4F;
    padding: 3px 5px;
}
.purchaseCheckBox,.salesCheckBox{
	margin: 5px 11px 3px  !important;
}
.selectionCheckBox{
	text-align: center !important;
}

#mappingTables{
	max-height: 150px;
    overflow: auto;
    margin: 10px 35px;
}

.bedrijf {
	background-image: url("../images/icon_home.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
    float: left;
    height: 26px;
    width: 38px;
}

.email {
	background-image: url("../images/email.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
    float: left;
    height: 26px;
    width: 38px;
}

.exportSettings {
	background-image: url("../images/exportsettings.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
    float: left;
    height: 26px;
    width: 38px;
}

.dimensionClass{
	background-image: url("../images/dimension_settings.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
    float: left;
    height: 26px;
    width: 38px;
}

#previewId {margin-top: 10px;}

.input-append .add-on, .input-prepend .add-on { background: transparent !important; border: none !important; min-width: 0 !important; padding: 0 !important;}

input[readonly], select[readonly], textarea[readonly] {
    background-color: #EBEBEB !important; 
    cursor: not-allowed;
}

.hgt { line-height: 50px; margin-left: 50px;}

#displayArchiveList li a { height: 92px;}

.linked { 
	background-image: url("../images/icon_link.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
 height: 26px; width: 38px; float: left; }

.group { 
	background-image: url("../images/user_group.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
    height: 26px; width: 38px; float: left; }

.groupCurrency { 
	background-image: url("../images/valutamapping.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
    height: 26px; width: 38px; float: left; }
    
.groupDebCred{
	background-image: url("../images/debtorcreditormapping.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
    height: 26px; width: 38px; float: left;
}

.groupVat{
	background-image: url("../images/vatmapping.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
    height: 26px; width: 38px; float: left;
}

.ebrTextfieldLabel{
	border: none!important;
	background-color: #FFFFFF;
}

.userSettings_hdr_rgt_text { 
	float: left; 
	display: inline; 
	font-weight: bold;
	margin: 4px;
	}

.currencyAutoScroll{
	height:100px !important;
	overflow:auto;
}

/**Added for removing dotted outline from selected component**/
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  /*outline:none!important;*/
}
/**CSS added for export settings checkbox**/
/* .export .exportUL input[type="checkbox"]+label span {
	display: inline-block;
	width: 19px;
	height: 15px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url("../images/checkthis2.png") 1px top no-repeat;
	cursor: pointer;
}

.export .exportUL input[type="checkbox"]:checked+label span {
	background: url("../images/checkthis2.png") 0 bottom no-repeat;
} */

.notificationCheckboxClass{
  display: none !important;	
}

.export_settings_header {
    font-size: 15px;
    font-weight: bold;
}

.labelForExportCheckbox{
	font-size: 12px !important;
	line-height: 22px;
}

.exportDirLabel{
    margin-top: 40px;
}

.export p { 
	font-weight: bold; 
}

input[type="checkbox"]:checked + label {
  background: url(../images/check_radio_sheet.png) -78px top no-repeat;
    width:19px;
    height:19px;
    cursor:pointer;
    margin:-19px 0 0 8px;
    vertical-align:middle; 
}

input[type="checkbox"] + label {
background: url(../images/check_radio_sheet.png) -100px top no-repeat;
margin:-18px 0 0 8px;
width: 18px; 
}

.checkboxproperty{
	opacity:0.01 !important;
}

.debCredCheckbox{
	margin: 4px 10px 2px !important;
}

.vatCheckbox{
	margin: 4px 10px 2px !important;
}
.rowIdCheckbox{
	margin: 4px 0px 3px 4px !important;
}
.widthClass{
	width:50px !important;
	}
	
	/**CSS added for bubble counts of Todo - einvoice and customer review both**/

.customerReviewbbl { padding: 0 4px; font-size: 10px; font-weight: bold; color: #FFFFFF; position: absolute; /* text-shadow: 1px 1px 0 #932a1e; */ background: #e20019; border-radius: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; z-index: 1; line-height: 15px; top: 50px; margin-left: 1px;}

.einvoicebbl { padding: 0 4px; font-size: 10px; font-weight: bold; color: #FFFFFF; position: absolute; /* text-shadow: 1px 1px 0 #932a1e; */ background: #e20019; border-radius: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; z-index: 1; line-height: 15px; top: 50px; margin-left: 1px;}
/**CSS added for bubble counts of Todo End**/

.input-append, .input-prepend { position: relative;}

input[type="checkbox"]:checked + span label  { 
  background: url(../images/check_radio_sheet.png) -122px top no-repeat;
    width:19px;
    height:19px;
    cursor:pointer;
    margin:-19px 0 0 8px;
    vertical-align:middle; 
    }

input[type="checkbox"] + span label { 
background: url(../images/check_radio_sheet.png) -100px top no-repeat;
margin:-19px 0 0 8px;
width: 19px;
}

/*********************************************CSS Classes for Theme Customization*******************************************************************/

.themesbasetting_inner {
    /* background: none repeat scroll 0 0 #E7E7E8;  */
    float: left;
    width: 100%;
}

.themesetting{
	position: absolute;
	overflow: hidden;
}

.themesetting ul li {
    float: left;
    margin-left: 4px;
}

.themesetting ul li input {
    margin-left: 10px;
    /* width: 0px \0/ !important; */
    width: 80px;
    color: #818284;
    border: 1px solid #4D4D4F;
}

.themesetting ul {
    float: left;
    padding-left: 0 !important;
    padding-top: 10px;
    
}

.themetitles {
    float: left;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 28px;
    width: 150px;
}

.themetitles_label {
    float: left;
    font-size: 14px;
    font-family: Arial,sans-serif;
    line-height: 28px;
    margin-left: 10px;
    width: 100px;
}

.theme_Customisation_URL{
	margin-left: 10px;
    font-size: 14px;
    font-family: Arial,sans-serif;
    line-height: 28px;
}


.themesbasetting_inner td {
    font-size: 14px;
    padding: 2px 10px !important;
    width: 750px;
}

.labelTitles{
	width: 170px;
	float: left;
	line-height: 28px;
	font-size: 13px;
	font-weight: bold;
	color: #4D4D4F;
}

.reminderModalTableTd{
	background-color: #FFFFFF !important;
    cursor: default !important;	
}


.progressHolderForThemeCustomization {
    background-color: white;
    border: 1px solid #4d4d4f !important;
    height: 30px;
    margin-bottom: 5px;
    margin-left: 40px;
    margin-top: 5px;
    max-width: 600px;
    position: absolute;
    width: 85%;
}

.uploadStatusImageCls {
    height: 32px;
    margin-left: 5px;
    margin-top: 5px;
}

li a.kantoorstijl {
    background: url("../images/kantoorstijl.png") no-repeat scroll 20px center rgba(0, 0, 0, 0);
}

input.validationError, select.validationError, textarea.validationError ,span.validationError{
border: 1px solid red !important;
}

/*********************************************CSS Classes for Theme Customization END*******************************************************************/

/*********************************************CSS Classes for JCROP*******************************************************************/
.documentboxclass{
	float:left;
	margin-left:50px;
	position:relative;
}
.weblinksPreview {
    float: left;
    height: 100px;
    margin-left: 10px;
    overflow: hidden;
    width: 100px;
    top:135px;
}
/* jquery.Jcrop.css v0.9.10 - MIT License */

/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
  /* position: absolute!important; */
}

/* These styles define the border lines */
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-vline.right{right:0;}
.jcrop-hline.bottom{bottom:0;}

/* Handle style - size is set by Jcrop handleSize option (currently) */
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}

/* This style is used for invisible click targets */
.jcrop-tracker
{
  height: 100%; 
  width: 100%;
  -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
  -webkit-touch-callout: none;              /* disable callout, image save panel */
  -webkit-user-select: none;                /* disable cut copy paste */
}

/* Positioning of handles and drag bars */
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline
{
	background:#FFF;
	filter:Alpha(opacity=70)!important;
	opacity:.70!important;
}
.jcrop-light .jcrop-handle
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#000;
	border-color:#FFF;
	border-radius:3px;
}

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline
{
	background:#000;
	filter:Alpha(opacity=70)!important;
	opacity:.7!important;
}
.jcrop-dark .jcrop-handle
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#FFF;
	border-color:#000;
	border-radius:3px;
}


/*Bread crumb classes for the single and multiple public document preview*/
.publicViewItem{
	padding-botton:0px!important; 
		
}

.publicViewCrumb{
	padding: none !important;
}

.publicViewList li a {
	width:149px!important;	
}

.publicViewNanoSettings{
	height: 600px;
	width: 100%;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,img.jcrop-preview{ max-width: none; }

#pdfImageFrame, #previewDiv, .jcrop-holder{border:1px solid #000000 !important;}
/*********************************************CSS Classes for JCROP END*******************************************************************/



.newImage{
	height: 7px;
	position: absolute;
    right: 10px;
    top: 45px;
    width: 30px;
    width: 30px;
}

/*CSS classes for dimension screen*/

.not_assigned_organizations{
	width: 130px;
	float: left; 
	padding-top: 95px;
}

.availableOrganizations{
	color: #4D4D4F;
	font-size: 14px;
	margin-left: 20px; 
	font-weight: bold;  
	white-space: nowrap;
}

.selectOrganization{
	height: 300px !important;
   
    outline: medium none !important;
    width: 245px !important;
}

.ellipsis{
	 white-space: nowrap;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 -o-text-overflow: ellipsis;
}

.buttonDiv{
	float: left;
    margin-left: 14%;
    padding-top: 14%;
    width: 10%;
}

.dimensionButton{
	width:100%!important;
	margin: 1% !important;
	font-weight:bold;
}

.assigned_subscriptions_AFUsers{
	width: 180px; 
	float: left; 
	padding-left: 9px; 
	padding-top: 95px
}

.assignedParagraph{
	color: #4D4D4F;
	font-size: 14px;
    font-weight: bold; 
	font-weight: bold; 
	/* margin-left: 26%; */
	white-space: nowrap;
}

.addDimensionImage{
	background: url(../images/addToGroup.png)center no-repeat !important;
	margin:1px 1px 1px -33px !important;
}

.addAllDimensionImage{
	background: url(../images/addAll.png)center no-repeat !important;
	margin:1px 1px 1px -17px !important;
}

.removeDimensionImage{
	background: url(../images/removeFromGroup.png)center no-repeat !important;
	margin:1px 1px 1px -90px !important;
}

.removeAllDimensionImage{
	background: url(../images/removeAll.png)center no-repeat !important;
	margin:1px 1px 1px -100px !important;
}

.disabledBackground{
	background-color:#f6f6f6;
}

.nanoHeightWidth{
	height:298px !important;
	width:271px!important;
}

.applyDimension{
	background: url(../images/dimension_applicable.png)center no-repeat !important;
}

.discardDimension{
	background: url(../images/dimension_not_applicable.png)center no-repeat !important;
}

.mappingTbl{
		height:0px !important;
}
.disableDimensionBack{
	background-color: #f6f6f6;
}

.swfFileUploadComponent { width: 100%; display: block;}
.swfFileUploadComponent { margin: auto; }

.amountText{
	margin-right: 20px;
}

.progressWrapper {
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	/*background-color: #EBFFEB;*/
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	/*background-color:#F5A500;*/
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: auto;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	/*background-color: green;*/
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 24px;
	width: 24px;
	background-image: url(../../system/images/Delete-icon.png);
	background-repeat: no-repeat;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	position: absolute;
	z-index: 1;
	width: 53px;
}

/*CSS classes for dimension screen END*/

/*CSS classes added for voucher screen*/
.voucherLineHeader{
	font-weight: bold;
	font-size: 12px; 
	width: 100%; 
	padding: 5px 5px 5px 5px; 
	background: #f6f6f6; 
	cursor: pointer; 
	border-bottom: 1px solid #bcbec0; 
	border-top: 1px solid #bcbec0; 
	margin:0 0 1px 0; 
	float: none; 
	height: 25px; 
	line-height: 25px;
}

.voucherLineInput{
	margin-top:234px !important;
	/* border-bottom: 1px solid #bcbec0; */ 
}
.voucherVatPercent{
	width:95px !important;
}
.voucherVatTextBox{
	/* float:right; */
	width:152px !important;
	/* margin-right:41px; */
}
.voucherLine{
	border-top: 1px solid #bcbec0;
    cursor: pointer;
    margin-bottom: 7px;
}

div.voucher { 
	overflow: visible; 
	width: 100%; 
}
.voucher { 
	clear: both; 
	/*height: 285px;*/ 
	overflow: auto;
}
.voucher h2 { 
	font-size: 12px; 
	width: 303px; 
	padding: 5px 5px 5px 5px; 
	background: #f6f6f6; 
	cursor: pointer; 
	border-bottom: 1px solid #bcbec0; 
	border-top: 1px solid #bcbec0; 
	margin-left: -10px;
	float: left; 
	height: 21px; 
	line-height: 23px;
}
.btn-group{
	float: right!important;
}
.voucher span {
    float: right;
    margin: 0 0 0 5px;
}
.addVoucherLine {  
	background: url(../images/add.png) 0 0 no-repeat; 
	width: 24px; 
	height: 24px;
}
.deleteVoucherLine {
	background: url(../images/minus.png) 0 0 no-repeat; 
	width: 24px; 
	height: 24px;
}
.test{
	background-color: #f3f4f4 !important;
}
.voucherBookingRefLine{
	width:262px !important
}
/*CSS classes voucher screen END*/

/**Css for advance search modal*/
.searchModal.fade.in {top: 118px;}

.searchModal {background-clip: padding-box;background-color: #ffffff;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 6px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);margin-left: -305px;outline: medium none;position: fixed;top: 10%;width: 290px;z-index: 1050;}

.searchArchiveField{margin-left:113px;margin-top: -30px;width:140px;}

.searchArchiveDateField{margin-left:113px;margin-top: -30px;width:50px;}