@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;
	/*For disabling orange color (highlight color) on tapping a tappable area in android webkit browser */
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
body,html{
    width: 100%;
    height: 100%;
}

a, a:visited {
	text-decoration: none;
}
a:hover, a:focus {
	/*color: #164A84;*/
}
ol, ul {
	list-style-type: none;
}
table {
	width:100%;
	border-collapse: collapse;
}
body {
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #282828;
}
/*Added styledefault css code*/

.spinner {
    top: 50% !important;
    left: 50% !important;
    position: absolute;
}

#indexPage {
    min-height: 748px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.page-header {
    padding: 14px 0px 0px 0px;
    margin: 0px;
    border: none;
    height: 73px;
    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);
    width: 100%;
/*DS-BLOCK 	margin-right: auto;
	margin-left: auto;
	position: fixed;
 */}

.sbrnavbar{
/*DS-BLOCK 	padding-top:73px;
	position:fixed;
 */
  margin-left: 0px;
 }

#pageHeader{
	/*width: 1170px;*/
	margin-top: 6px;
}
.logo-wrapper{
  /*  width: 175px;
    height: 46px;*/
}
.logo-wrapper,.logo-wrapper a{
    display: inline-block;
}
.logo-wrapper img{
     height: 60px;
    width: 170px;
  /*  margin-right: 18px;*/
    background: url("../img/sbrlogo.png") 0 0 no-repeat;
}
.main-menu{
    padding: 0px;
    margin: 0px;
    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: 14px;
    /*color: #FFFFFF;*/
    line-height: 100%;
}
.main-menu a:hover,
.main-menu a:hover span,
.main-menu li.active a,
.main-menu li.active a:hover span
{
    color: #d6e03d;
    text-decoration: none;
    text-decoration: none;
}
.main-menu li img{
    margin: 0 auto 2px auto;
    display:block; width:34px; height:32px; background:url(../img/bgk-menu-sm.png) 0px 0px no-repeat;
}
.main-menu li.todo img{ background-position: -42px -5px;}
.main-menu li.todo:hover img,.main-menu li.todo.active img{  background-position: -42px -45px;}

.main-menu li.archive img{ background-position: 0 -5px;}
.main-menu li.archive:hover img,.main-menu li.archive.active img{ background-position: 0px -45px;}

.main-menu li.announcements img{ background-position: -80px -2px;}
.main-menu li.announcements:hover img,.main-menu li.announcements.active img{ background-position: -80px -42px;}

.main-menu li.upload img{ background-position: -114px -5px;}
.main-menu li.upload:hover img,.main-menu li.upload.active img{ background-position: -114px -45px;}

.main-menu li.manualdeclarations img{ background-position: -189px -3px;}
.main-menu li.manualdeclarations:hover img,.main-menu li.manualdeclarations.active img{ background-position: -189px -43px;}

.main-menu li.annAdmin img{ background-position: -80px -2px;}
.main-menu li.annAdmin:hover img,.main-menu li.annAdmin.active img{ background-position: -80px -42px;}

.main-menu li.archiveAdmin img{ background-position: 0 -5px;}
.main-menu li.archiveAdmin:hover img,.main-menu li.archiveAdmin.active img{ background-position: 0px -45px;}

/*  /*Added customization by VDE for dialog boxes header*/
.sbr-modal-header{background:url(../img/bluebar.png) 0px 0px repeat;}
.sbr-modal-header h3,.lastLoginTimeText{color: #EEEEEE;}
#subscriptionList{margin-top: 30px;text-indent: -1px;}
.messageType{font-weight: bold;}
.sbrMsgPanelHeaderDate{color: #0079C2;font-weight: bold;}
.sbrMsgPanelStatus{border-bottom: 1px solid;}
a {color:#164A84} */
	

.cat {
	display: inline-block;
	border-top: 1px solid #bdbec1;
	width: 100%;
}
.cat li {
	display: inline;
	float: left;
	width: 100%;
}
.cat li a {
	float: left;
	/* border-bottom: 1px solid #bdbec1; */
	width:98.9%;
	padding: 10px;
	 height: 101px;
}
.cat li:hover a, .cat li.selected a {
	background: #f6f6f6;
	color: #f6f6f6;
}

.cat p {
	line-height: 18px;
}
.grp {
	margin: 0 0 0 5px;
	font-weight: bold;
	font-size: 18px;
	color: #bdbec1;
	padding: 0 5px;
	width: auto;
}

.fieldset {
    border-top: 1px solid #CCCCCC;
    display: inline;
    margin-top: -13px;
    padding-left: 10px;
    width: 100%;
}

.dt {
	color: #808285;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
}
.img {
	float: left;
	width: 95px;
	max-width: 95px;
	max-height: 50px;
	margin-right:10px;
}
.omz { float: left; width: 100%;}
.dtls {
	color: #4D5160;
	float: left;
}
.dtls span {
	width: 100px;
	float: left;
	font-size: 12px;
}

.hding {
	font-weight: bold;
	font-size: 14px;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
}
.header {
	/*padding: 14px 0px 0px 20px;*/
    margin: 0px;
    border: none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0979bf', endColorstr='#1a4077', GradientType=0);
    background: url(../img/loginbluebar.png) !important;
    height: 73px!important;
    padding:0px !important;
}
.yoblogo{margin-left: 10px; margin-top: 13px;}
.productlogo{margin-top: 20px; margin-bottom: 20px;}
.loginbutton{
	background-image: url(../img/loginbutton.png) !important;
	 -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: #c6c7c9 !important;
    background-repeat: repeat-x !important;
    border-image: none !important;
    border-radius: 4px 4px 4px 4px !important;
    color: #4d5160 !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 0 !important;
    padding: 4px 12px !important;
    text-align: center !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    border:solid 2px #a7a8a9 !important;
    font-weight: bold !important;
    margin-right: 2px;
}

.new_login_inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #4D5160;
    box-shadow: 0 0 8px #000000;
    float: left;
    margin: 0 auto;
    padding: 0 10px 10px;
    width: 350px;
}
.main {
	background:url("../img/newlogin_bg.png") repeat-x scroll 0 313px #D7E8F7!important;
	float: left;
	height: 100%;
	width: 100%;
	min-height: 386px;
}

.main-sub {
	background:url("../img/newlogin_bg.png") repeat-x scroll 0 354px #D7E8F7!important;
	float: left;
	height: 100%;
	width: 100%;
	min-height: 386px;
}

.login {
	margin: 200px auto !important;
	width: 400px !important;
}
.login_inner {
	float: left;
	padding: 10px 20px;
	margin: 0 auto;
	width: 350px;
	border: 1px solid #4D5160;
	box-shadow: 0 0 8px #000000;
	-moz-box-shadow: 0 0 8px #000000;
	-webkit-box-shadow: 0 0 8px #000000;
	-0-box-shadow:0 0 8px #000000;
	background: #FFFFFF;
}

.login p {
	line-height: 20px;
	margin: 10px 0 0 0;
	color: #003C78;
    font-family: Arial;
    font-size: 14px;
}

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

/*first reminder */
.Y106 {
	float: right;
	background: url(../../img/Y106.png) center bottom no-repeat;
	height: 16px;
	width: 16px;
	 margin-right: 4px;
}
/*second reminder*/
.Y105 {
	float: right;
	background: url(../../img/Y105.png) center bottom no-repeat;
	height: 16px;
	width: 16px;
	 margin-right: 4px;
}
/*rejected*/
.Y210 {
	float: right;
	background: url(../../img/reject_red.png) center bottom no-repeat;
	height: 16px;
	width: 16px;
	 margin-right: 4px;
}

/*accept*/
.D100, .B100, .D400, .B400{
	float: right;
	background: url(../../img/approve_green.png) center bottom no-repeat;
	height: 16px;
	width: 16px;
	 margin-right: 4px;
}
	
/* cancel */
.Y410{
	float: right;
	background: url(../../img/reject_red.png) center bottom no-repeat;
	height: 16px;
	width: 16px;
	 margin-right: 4px;
} 
	
.Y106_color{color: red}
.Y105_color{color: orange}
.bdr_non { border: 0 none !important;}


/*status document*/
.status_lst {
 float: left;
 color: #003d78;
 font-size: 14px;
 width: 100%;
 
}
.status_lst_hlf {
 float: right;
 color: #003d78;
 font-size: 14px;
 width: 55%;
}
.status_lst li, .status_lst_hlf li {
    border-bottom: 1px solid #BDBEC1 !important;
    float: left;
    font-weight: bold;
    margin-left: 10px;
    padding: 10px;
    width: 90%;
}


.status_lst li p, .status_lst_hlf li p{
 font-weight: normal;
}
.status_lst li span, .status_lst_hlf li span {
 float: right;
}

.dropdown-menu li > a {
	text-align: right !important;
	cursor: pointer; 
	padding: 3px 10px !important;
}

#docListWrapper{
    padding: 10px 0 0;
    border-bottom: none;
    width: 98%;
}
.navbarSBR {
	margin-bottom: 0 !important;
	background: #d2d3d5 !important;
	
}
.navbar-innerSBR {
  *-webkit-border-radius: none !important;
  -moz-border-radius: none !important;
  border-radius: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  *zoom: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-repeat: none !important;
  filter: none !important;
  padding: 0 1px !important;
  border-radius:0;
  border-bottom: 1px solid #818284;
}
.leftnav {
	 width: 440px;
	float: left;
}
.rightnav {
	margin-left: 0 !important;	
/*	width: 57%;
	float: left;*/
}
#docListPanel{
	border: 1px solid #4D4D4F;
	position: absolute;
	width: 436px;
	background: white;
	border-top: 0;
    -moz-box-shadow:0 0 5px #4D4D4F;
    -webkit-box-shadow:0 0 5px #4D4D4F;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100px;
    z-index: 1;
    margin-left:1px;
   
}
.advsearch{
	background-color: #e7e7e8;
	padding: 10px 0 0 10px;	
	/*padding:20px 15px 5px;*/
}
.advtext{
  	color: #818284;
    font-size: 16px;
    font-weight: bold;
}
.rightnavbg {
	background: #d2d3d5 !important;
}
.rightnavbg{
	background: #d2d3d5 !important;
}
.icon-sbrsettings{
	width: 32px;
	height: 24px;
	margin: 5px;
}
.icon-sbrDownArrow, .icon-sbrDownArrow, .icon-sbrUpArrow{
	width: 32px;
	height: 24px;
}
 .icon-sbrSearch {
	background-image: url("../img/search.png") !important;
	background-position: 0px 0px !important;
}

.icon-sbrprint {
    height: 24px;
    margin: 5px;
    width: 32px;
}

.icon-sbrDownArrow {
	background-image: url("../img/arrow-down.png") !important;
	background-position: -2px 5px !important;
}

.icon-sbrUpArrow {
	background-image: url("../img/arrow-up.png") !important;
	background-position: -2px 5px !important;
}

.icon-sbradvanceSearchClose {
	background-image: url("../img/close.png") !important;
	background-position: 0px 0px !important;
}

.icon-sbrsettings {
	background-image: url("../img/settings.png") !important;
	background-position: 0px 0px !important;
}

.icon-sbrdownload {
	background-image: url("../img/download.png") !important;
	background-position: 0px 0px !important;
}

.icon-sbrprint {
    background-image: url("../img/print.png") !important;
    background-position: 0px 0px !important;
}
.uploadify-button { margin: 0;}
.btn , .uploadify-button{
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: #c6c7c9 !important;
    background-image: linear-gradient(to bottom, #fdfdfd, #c6c7c9 ) !important;
    background-repeat: repeat-x !important;
    border-image: none !important;
    border-radius: 4px 4px 4px 4px !important;
    color: #4d5160 !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 0 !important;
    padding: 4px 12px !important;
    text-align: center !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    border:solid 2px #a7a8a9 !important;
    font-weight: bold !important;
    margin-right: 2px;
 /*   margin: 4px !important;*/
}

.approveButton{
	display: inline-block;
	  *display: inline;
	/* IE7 inline-block hack */
	*zoom: 1;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #bbbbbb;
	*border: 0;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	
	-moz-border-bottom-colors: none !important;
	-moz-border-left-colors: none !important;
	-moz-border-right-colors: none !important;
	-moz-border-top-colors: none !important;
	background-color: #c6c7c9 !important;
	background-image: linear-gradient(to bottom, #fdfdfd, #c6c7c9 ) !important;
	background-repeat: repeat-x !important;
	border-image: none !important;
	border-radius: 4px 4px 4px 4px !important;
	color: #4d5160 !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-size: 14px !important;
	line-height: 20px !important;
	margin-bottom: 0 !important;
	padding: 4px 12px !important;
	text-align: center !important;
	text-shadow: none !important;
	vertical-align: middle !important;
	border:solid 2px #a7a8a9 !important;
	font-weight: bold !important;
	margin-right: 2px;
	margin-top:3px;
}
	
a.sbnbtn {
	float: left;
    background: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 0 !important;
    padding: 2px 4px !important;
    text-align: center !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    border:0 !important;
    font-weight: bold !important;
    margin: 4px !important;
    box-shadow:none !important;
}
a.sbnbtn:hover {
	text-decoration: none;
	color: #d6e03d !important;
}
.subdownarrow{
	/*background: url("../img/sub_down_arrow.png") no-repeat scroll 0 0 transparent !important;
    float: left;
    height: 16px;
    width: 16px;
    margin-top: 8px;*/
    
    background: url("../img/sub_down_arrow.png") no-repeat scroll right 3px transparent !important;
    box-shadow: none !important;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    margin: 0 10px;
    padding: 0 20px;
    text-align: right;
}	
 
.subdownarrow:hover{
	background: url("../img/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;*/
}


.rightnavtitle{
	color: #003d78;
	font-weight: bold;
	font-size: 16px;
	line-height: 38px;
}

.sbrSettingDropDown{
 margin: 2px 0 0 -120px !important;
 }
 
 #showPendingDocListBtn, #showAnnListBtn, #showArchiveDocListBtn, #showManualDeclarationListBtn, #showArchiveListBtn{
 	width: 105px;
 }
 .cal{
 	float: left;
 }
 
 .cal input{
 float: left;
 width: 100px;
 }
 
 .tm {
 float: left;
 margin: 10px 15px;
 }
 
 .form-horizontal .control-group {
    margin-bottom: 10px !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="tel"], input[type="color"], .uneditable-input {
	border-radius: 0 !important;
	border: 1px solid #4d4d4f !important;
}

.leftnavbg {
background: #D2D3D5 !important;
}

.dropdownelement{
	font-size: 14px !important;
}

/*Fidesque logo*/
.sbrFidesqueImage {
	background: url(../img/fidesque-logo.png) 0px 0px repeat-x;
	text-align: left;
	width: 155px;
	height: 84px;
}

/*dialog css*/
.sbrTextArea{
	width: 506px;
	margin-left:10px;
	margin-right:10px;	
}
.sbrLabel {
	float: left;
	width: 100px;
	padding-top: 5px;
	margin-right : 10px;
	text-align: right;
	font-weight: bold;
}

/*header last login time*/
.lastLoginTimeText{color: #FFFFFF; font-size:12px;float: right;position: absolute;right:19px; top:30px;white-space: nowrap;}

/*seeting screen*/
.settings, .upload_sbr { width: 100%; margin: auto; 
/*DS-BLOCK padding-top: 73px; */
}
.settings_inner { float: left; padding-left: 10px;background: none repeat scroll 0 0 #E7E7E8;}
.settings h2, .upload_sbr h2{padding-bottom: 10px; height: 32px;   padding-left: 10px;font-size: 18px; color: #838284; background: #d2d3d5; }
.settings h3 { font-size: 16px; color: #4d4d4f; padding: 5px 0; border-bottom:1px solid #bdbec1; }
.settings h4 { font-size: 16px; color: #4d4d4f;}
.settings ul {border-bottom:1px solid #bdbec1; float: left;padding: 10px 0;width: 100%;}
.settings ul li { display: inline; margin: 10px 10px 10px 0; float: left; width: 35%;}
.settings ul li.lst { width: 25%;}
.settings ul.lstbrd { border-bottom: 0;}
.settings ul li input { margin: 0 10px 0 0;}
.rgt_btn {float: right; padding: 10px 35px;}
.userSettingsLabel{font-size: 14px; color: #4d4d4f; font-weight: bold;white-space: nowrap !important;}

/*upload*/
.upload ul { float: left;width: 100%;}
.upload_inner { float: left; padding: 10px 13px 0px 10px;background: none repeat scroll 0 0 #E7E7E8;}
.upload_inner ul {}
.upload_inner li {display: inline-block;float: left; padding: 5px 0px;width: 96%;}
.upload_inner label {  float: left; font-size: 14px; /* color: #4d4d4f; */ font-weight: bold; width: 25%;}
.upload_inner label span { font-weight: normal;}
.tm_upload{float: left;margin: 5px 5px 5px -10px; color: #4d4d4f; font-size: 16px;}
.upload_inner .input_lrg { float: left; width: 69.75%; margin: 0 1px; padding: 5px;}
.upload_inner .input_upload {float: left; width: 59.45%; margin: 0 10px 0 1px; padding: 5px;}
.upload_inner .input_hlf { float: left; width: 33%; margin: 0 1px; padding: 5px;margin-right: 10px;}
.upload_inner .input_cal_hlf {
    float: left;
    margin: 0 1px;
    padding: 5px;
    width: 87.8%;
}
.upload_inner .input_cal_lrg { float: left; width: 69.8%; margin: 0 1px; padding: 5px;}

.upload_inner .select_lrg { float: left; width: 71%; margin: 0 5px; padding: 5px;}
.upload_inner .select_hlf { float: left; width: 35%; margin: 0 5px; padding: 5px;}
	
.upload_inner .select_mid { float: left; width: 550px; margin: 0 5px; padding: 5px; text-align: center;}

.upload_inner .select_hlf {float: left; width: 35%; margin: 0 5px; padding: 5px;}
.note {float: left; /* color: #4c4d4f; */ padding: 5px 0px; }
.doc {width: 99%; border: 1px solid #4c4d4f; height: 500px;}

/*****************CSS for Document preview*****************/
.pdf { width: 100%;}
.pg_fix {bottom:0; position:fixed;}
.btm_pgn {
	border: 1px solid #4c4d4f;
	float: left;
}

.btm_srp {
	background: #f6f6f6; border: 1px solid #4c4d4f;display: float:left; width: 99.9%;
	bottom: 0;
	position: fixed;
	border-bottom: none;
	margin-left: -1px;
}

.pgng {
	margin: 5px auto !important;
	width: 270px;
	display: block !important;
}

.pgng li {
	float: left;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
}

.first, .first_dis, .previous, .previous_dis, .next, .next_dis, .last, .last_dis { width: 30px !important; height: 27px;float: left;border: 0;cursor: pointer;}
.first { background: url(../img/first.png) 0 center no-repeat;}
.first_dis {background: url(../img/first_dis.png) 0 center no-repeat !important;}
.previous {background: url(../img/previous_pg.png) 0 center no-repeat !important;}
.previous_dis {background: url(../img/previous_dis.png) 0 center no-repeat !important;}
.next_pg {background: url(../img/next_pg.png) 0 0 no-repeat;  height: 30px;border:0;
    width: 33px !important;}
.next_dis {background: url(../img/next_dis.png) 0 center no-repeat !important;}
.last{background: url(../img/last.png) 0 center no-repeat;}
.last_dis {background: url(../img/last_dis.png) 0 center no-repeat !important;}

.previous_carousel {background: url(../img/arrow_down_carousel.png) center center no-repeat !important;}
.next_carousel {background: url(../img/arrow_up_carousel.png) center center no-repeat !important;}

.previous_carousel_dis {background: url(../img/arrow_down_dis.png) center center no-repeat !important;}
.next_carousel_dis {background: url(../img/arrow_up_dis.png) center center no-repeat !important;}

.rgt_pg {
	float: right;
}

.rgt_pg li {
	float: left;
	padding: 0 5px;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
}

.rgt_pg li a{
	background-color: #F6F6F6 !important;
    border: 0 none !important;
}

.rgt_pg_tab {
	float: right;
}

.rgt_pg_tab li {
	float: left;
	padding: 0 5px;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
}

.rgt_pg_tab li a{
	background-color: #F6F6F6 !important;
    border: 0 none !important;
}


/*checkbox changes*/

li:not(#foo) > input[type='checkbox'] {
    
    /* Hide the input, but have it still be clickable */
    float: left;
    height: 30px;
   /* width: 30px;*/
    opacity: 0.01;
    border: 0;
   /* margin-left:4px!important;*/
   /* margin-top:8px!important;*/
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

li:not(#foo) > input[type='checkbox'] + label  {
    margin: 0;
    clear: none;
    
    /* Left padding makes room for image */
    /*padding: 5px 0 4px 24px;*/

    /* Make look clickable because they are */
    cursor: pointer;
    padding-left:22px !important;
    background: url(../img/uncheck.png) left center no-repeat; 
 
}


li:not(#foo) >  input[type='checkbox']:checked + label {
    background-image: url(../img/check.png);
     white-space: nowrap;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
     
}


/*#############################CSS for carousel ###########################3*/

	
.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.carousel.vertical .item {
    left: 0;
}
/*##################################################*/

.main_content {
	border:1px solid #4D4D4F; 
	border-top: none;
	/*width: 1169px;*/
	margin-left:45px;
	min-height: 
}

.sbrDocumentPreviewTemplate{
/* DS-BLOCK 	padding-top: 105px; */
		/*height:815px;*/
	/*overflow-y: scroll;*/
}
#rightPanelTd{border: 1px solid #4D4D4F; border-top: none;}
/*simple search*/
/* search */
#search {
 float: left;
 margin: 5px;
 position: relative;
 margin: 5px 0 0 0 !important;
}

.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;
}

.search_btn {
 width: 20px;
 height: 20px;
 background: url(../img/simple_search.png) right center no-repeat;
 cursor:pointer;
 border: none;
 position: absolute;
 right: 6px;
 top: 4px;
 width: 27px;
}

#xbrlFileUpload,#appendixFileUpload{
	float: left;
	/*padding: 0 10px;*/
}

#currentPage { background: #F6F6F6; backgroud-color: none; border:0;}


.cal {
	float: left;
	margin: 5px;
	position: relative;
	margin: 5px !important;
}

.cal_field {
	float: left;
	background: white !important;
	border: 1px solid #50423F;
	font-size: 11px;
	padding: 5px 25px 7px 8px;
	float: right;
	width: 100px !important;
	color: #807976;
	margin: 0 !important;
}

.cal_btn {
	background: url("../img/cal.png") no-repeat scroll 0 center transparent !important;
    border: medium none !important;
    cursor: pointer;
    height: 20px !important;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 19px !important;
    z-index: 5;
}

/****************/

label.custom-select {
	position: relative;
	display: inline-block;
}

.custom-select select {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #50423F;
    display: inline-block;
    font: inherit;
    margin: 0;
    outline: medium none;
    position: relative;
    width: 268px;
    height: 28px;
}

label.custom-select-upload {
	position: relative;
	display: inline-block;
}

.custom-select-upload select {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #50423F;
    display: inline-block;
    margin: 0;
    outline: medium none;
    position: relative;
}

/* Select arrow styling */


.adv_lbl {
    color: #4D4D4F;
    font-weight: bold;
    line-height: 30px;
    width: 120px;
}

.custom-select:after { 
    background: url("../img/select_down.png") no-repeat scroll right 0 #FFFFFF;
    content: "";
    height: 18px;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    right: 3px;
    top: 1.9px;
    width: 34px;
    margin: 
    
}
.custom-select-upload:after { 
    background: url("../img/select_down.png") no-repeat scroll right 0 #FFFFFF;
    content: "";
    height: 17px;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: 3px;
}
.select_lrg_upload{
	margin-left: 5px !important;
    width: 282%;
}
.no-pointer-events .custom-select:after .custom-select-upload:after{ content: none; }

.modal-backdrop{background: #ffffff !important;}
.modal { left: 63% !important;border: 1px solid #000000 !important; border-radius:0 !important; }
.modal-footer{ background-color: #FFFFFF !important;}

.bubble {
	right: 3px;
	top: -7px;
	position: absolute;
}
.announcementbubble{
	right: 12px;
	top: -7px;
    position: absolute;
}

.announcementbubbleforEn{
	right: 27px;
	top: -7px;
    position: absolute;
}
.badge {
    border-radius: 4px 4px 4px 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.label, .badge {
	font-size:10px !important;
}

.dropdown-menu {
    border: 1px solid #818284 !important;
    box-shadow: 0 2px 5px #333333 !important;
}

.btn:hover {
  background-image: linear-gradient(top to bottom, #E6E6E6 , #FFFFFF) !important;
  background-image: -moz-linear-gradient(top to bottom, #E6E6E6 , #FFFFFF) !important;
  background-image: -webkit-linear-gradient(top to bottom, #E6E6E6 , #FFFFFF) !important;
  background-image: -o-linear-gradient(top to bottom, #E6E6E6 , #FFFFFF) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#FFFFFF', GradientType=0) !important;
  -webkit-transition: background-position 0.1s ;
  background-position : 0 -30px !important; 
}
/*****This is the class for uploadify loading bar*******/
.fileName{
	margin-left : 505px;
}

/** initial setup **/
.nano {
  position : relative;
  width: 500px;
  height: 100%;
  overflow : hidden;
}
.nano .content_new {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content_new:focus {
  outline: thin dotted;
}
.nano .content_new::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content_new::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
  background: #d6e03d;
  position              : relative;
  margin                : 0 1px;
  -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 */
  opacity    : 0.99;
}
.rgt_pg_hide{
	visibility: hidden;
}
.errorMsg {
    /* color: #14518C; */
    float: right;
    font-size: 14px !important;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 20px;
}
.errorMsgForDocLst{
	color: #000000 !important;
	margin-left: 28% !important;
}

.upload_select_hlf {
	width:310px;
}
.upload_select_fl {
	width:617px;
}
.sbrNavLeft{
	float: left;
}


.seendialogbody{
	padding: 8px !important;
}

.modal{
	z-index:200000000000 !important;
}

.carousel-inner {
	background-color: #CCCCCC !important;
}





/*final */
.btn-group {
font-size: 0;
white-space: nowrap;
text-align: right;
}


/*****************************CSS By Abhijeet********************************/
.sbrDisplayHidden{
	display: none !important;
}

.sbrDisplayShown{
	display: block !important;
}
.activeDocMessage {
	background-color: #F6F6F6 !important;
	border:1px solid #F6F6F6;
}

 .uploadify-button {
        /*background-color: blue;*/
        border: none;
        padding: 0;
    }
 .uploadify:hover .uploadify-button {
        /*background-color: green;*/
 }
 
input.validationError, select.validationError, textarea.validationError ,span.validationError{
border: 1px solid red !important;
}
 
.messegeTypeText{
	width: 250px; 
}
.sbrImagePreviewStyle {
	border: 0px solid #4D5160;
	box-shadow: 0 0 5px #000000;
	-moz-box-shadow: 0 0 5px #000000;
	-webkit-box-shadow: 0 0 5px #000000;
	-0-box-shadow:0 0 5px #000000;
}
.sbrImagePreviewStyle img {
	width:100%
}
.carousel-inner > .item > img {
	width: 100%;
}

.downloadDocButton{
	background: url(../img/download.png) center center no-repeat !important;
	border: 0 none;
	width:36px!important;
    height: 28px;
    margin-top: -8px;
}
.devider {
		background: url("../img/grey_line_short.png");
		height: 1px;
		 margin: 10px 0;
		 background-size:105%;
}
#uploadExpiryDate, #periodStartDate, #periodEndDate {position: relative;z-index:1}
#periodStartDate, #periodEndDate {
    display: inline-block;
    float: left;
    width: 35.85%;
}

.cal_large_btn {
    background: url("../img/cal.png") no-repeat scroll 0 center transparent !important;
    border: medium none !important;
    cursor: pointer;
    height: 20px !important;
    position: absolute;
    right: 50px;
    top: 1px;
    width: 20px !important;
    z-index: 5;
}
.cal_sml_btn {
    background: url("../img/cal.png") no-repeat scroll 0 center transparent !important;
    border: medium none !important;
    cursor: pointer;
    height: 20px !important;
    position: absolute;
    right: 30px;
    top: 1px;
    width: 20px !important;
    z-index: 5;
}
#profileMinId{
	display: none;
}
#profileMaxId{
	display: block;
}


.upload_error_message {
	font-size: 10px !important;
    color: red !important;
}

.row{
	width:100%;
}

.rgt_mrg {
	margin-right: 16px;
    padding-bottom: 6px;
}

/*footer tab css*/	
.tab_btm {
	background: #f6f6f6;
	border: 1px solid #4c4d4f;
	display: float:left; 
	bottom: 0;
	position: fixed;
	border-bottom: none;
	width: 99.85%;
	height: auto;
	} 
.tab_pg { float: left; width: 100%;}
.tab_pg li {float: left; padding: 10px;}
.tab_pg li.fst_btn { float: left; margin-right: 35%;}

.tab_pg li.lst_btn { float: right;}


.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100% !important;
}

.span18 {
	min-height:40px;
    margin-left: 15.5px;
    width: 99.9% !important;
    font-size: 14px;
    padding-top: 20px;
}
.pull-left {
    float: left;
    margin-left: 1px !important;
}

.pull-right {
    float: right;
    margin-right: 1px;
}
.dropdownHeaderColor{
	color: #BDBEC1 !important;
}
.statusAnchor{text-decoration:none!important; }
.statusViewed{
	font-weight: normal !important;
}

/*.alert,
.alert h4 {
  color: #14518C !important;
}*/

.alert-success {
	font-size: 14px!important;
	 background-color: #9FA617!important;
    border-color: #D6E9C6!important;
    color: #FFFFFF!important;
    padding-left: 36px !important;
}
.alert, .alert h4 {
    color: #C09853;
}

/*.alert-success {
  background-color: #FFFFFF !important;
  color: #14518C !important;
  border-color:none !important;
  font-size: 14px!important;
}*/
.alert-success h4 {
  color: #14518C !important;
}
/*.alert-danger,
.alert-error {
  background-color: #FFFFFF !important;
  color: #14518C !important;
  border-color:none !important;
  font-size: 14px!important;
}*/
.alert-danger h4,
.alert-error h4 {
  color: #14518C !important;
}

.alert-danger, .alert-error {
    background-color: #ED1C24 !important;
    border-color: #EED3D7 !important;
    color: #FFFFFF !important;
    font-size: 14px!important;
}
.alert-info {
    font-size: 14px!important;
	background-color: #9FA617!important;
    border-color: #D6E9C6!important;
    color: #FFFFFF!important;
    padding-left: 36px !important;
}
.alert-info h4 {
  color: #14518C !important;
}

.rgt_btn_login {float: right;padding-top: 20px;}


.navbar .btn, .navbar .btn-group {
    margin-top: 3px !important;
}

label.custom_sml-select {
	position: relative;
	display: inline-block;
}

.custom_sml-select select {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #50423F;
    display: inline-block;
    margin: 0;
    outline: medium none;
    position: relative;
    width: 139.5%;
}
.custom_sml-select:after { 
    background: url("../img/select_down.png") no-repeat scroll right 0 #FFFFFF;
    content: "";
    height: 17px;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    right: -39%;
    top: 3px;
    width: 22px;
}
label.custom_lrg-select {
	position: relative;
	display: inline-block;
}
.custom_lrg-select select {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #50423F;
    display: inline-block;
    margin: 0;
    outline: medium none;
    position: relative;
    width: 284.5%;
}
.custom_lrg-select:after { 
    background: url("../img/select_down.png") no-repeat scroll right 0 #FFFFFF;
    content: "";
    height: 17px;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    right: -184%;
    top: 3px;
    width: 22px;
}
.logo_outer {
	/*background: #FFFFFF;
	border: 1px solid #4D5160;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	margin-right: 18px;
	padding: 2px 8px;
	width: auto !important;*/
	margin-right: 18px;
    margin-top: -10px;
}




.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #888888;
  background-image: -moz-linear-gradient(top, #888888, #888888);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888888), to(#888888));
  background-image: -webkit-linear-gradient(top, #888888, #888888);
  background-image: -o-linear-gradient(top, #888888, #888888);
  background-image: linear-gradient(to bottom, #888888, #888888);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#888888', GradientType=0);
}

 /*********     CUSTOM SELECT    ************/

form { display: block; }

form div { position: relative; }

/* setting the width and height of the SELECT element to match the replacing graphics */

select.select { position: relative; z-index: 10; width: 66% !important; height: 30px !important; line-height: 30px; margin-bottom: 10px; }

/* dynamically created SPAN, placed below the SELECT */

span.select { position: absolute; top: 0; float: left; left: 120px; width: 66%; height: 30px; line-height: 30px; text-indent: 10px; background: url(../img/select_down.png) right center no-repeat #FFFFFF; cursor: default; z-index: 1; border: 1px solid #333; color: #555555; font-size: 14px;}

option {color: #555555 !important;}

/*larg dropdown*/
select.select_large { position: relative; z-index: 10; width: 70.55%; height: 30px !important; line-height: 26px; margin-bottom: 10px; }
span.select_large { position: absolute; float: left; left: 25%; width: 68.85%; height: 30px; line-height: 30px; text-indent: 5px; background: url(../img/select_down.png) right center no-repeat #FFFFFF; cursor: default; z-index: 1; border: 1px solid #333; color: #555555; font-size: 14px;}

/*small dropdown*/
select.select_small { position: relative; z-index: 10; left:1%; width: 33.85%; height: 30px !important; line-height: 26px; margin-bottom: 10px; }
span.select_small { position: absolute; float: left; left: 59.8%; width: 34.03%; height: 30px; line-height: 30px; text-indent: 5px; background: url(../img/select_down.png) right center no-repeat #FFFFFF; cursor: default; z-index: 1; border: 1px solid #333; color: #555555; font-size: 14px;}

/*userrole dropdown*/
select.select_userrole { position: relative; z-index: 10; width: 70.55%; height: 30px !important; line-height: 26px; margin-bottom: 10px; }
span.select_userrole { position: absolute; float: left; left: 25%; width: 68.85%; height: 30px; line-height: 30px; text-indent: 5px; background: url(../img/select_down.png) right center no-repeat #FFFFFF; cursor: default; z-index: 1; border: 1px solid #333; color: #555555; font-size: 14px;}


/*********     CUSTOM SELECT    ***********
/*media query*/

@media (max-width: 1680px) and (min-width: 1400px) {

/*	.leftnav {width:26%;float: left;}
	.rightnav {margin-left: 0 !important;width: 74%;float: left;}*/
	/*#docListPanel{width:25.9%;}*/
	.status_lst_hlf{width:71%;}
	.upload_inner .input_upload{width: 63.59%;}
	.upload_inner .select_lrg{width: 70.5%}
	.upload_inner .input_hlf{width: 33.2%;}
	.cal_sml_btn{right:30px;}
	.upload_inner .input_cal_hlf{width: 92.1%}
	.upload_inner .input_cal_lrg{width: 69.82%;}
	.cal_large_btn{right: 80px;}
	.upload_inner .input_lrg {width: 69.8%;}
	.rgt_btn { float: right; padding: 10px 76px;}
	#periodStartDate, #periodEndDate{width: 35.45%;}
	/*custom dropdown*/
	.custom_lrg-select select { width: 282.5%;}
	.custom_lrg-select:after { right: -182%}
	.custom_sml-select select { width: 139.5%;}
	.custom_sml-select:after { right: -39%}
	.status_lst li, .status_lst_hlf li{width: 97%;}
	
	
		.jaar select {width:80px !important;}
    .tijdvak select {width:108px !important;}
	.rubriek select {width:228px !important;}
	.land select {width:147px !important;}
	.vatnumber input{width:125px !important;}
	.debtor input{width:125px !important;}
	.bedrag input{width:80px !important;} 	
}


@media (max-width: 1920px) and (min-width: 1860px) {
	
/*	.leftnav {width:23%;float: left;}
	.rightnav {	margin-left: 0 !important;width: 77%;float: left;}*/
	/*#docListPanel{width:22.9%;}*/
	.status_lst_hlf{width:76%;}
	.lastLoginTimeText{margin-right: -11px;}
	.upload_inner .input_upload{width: 64.23%;}
	.upload_inner .input_upload, x:-moz-any-link, x:default {width: 64%;}
	.upload_inner .select_lrg{width: 70.5%}
	.upload_inner .input_hlf{width: 33.3%;}
	.cal_sml_btn{right:30px;}
	.upload_inner .input_cal_hlf{width: 92.4%}
	.upload_inner .input_cal_lrg{width: 69.85%;}
	.cal_large_btn{right: 90px;}
	.rgt_btn {float: right;padding: 10px 91px;}
	#subTop{margin-right:1px;}	
	.upload_inner .input_lrg { width: 69.85%;}
	#periodStartDate, #periodEndDate{width: 35.45%;z-index: 1;}
	/*custom dropdown*/
	.custom_lrg-select select { width: 282.5%;}
	.custom_lrg-select:after { right: -181%;}
	.custom_sml-select select { width: 140.5%;}
	.custom_sml-select:after { right: -39%;}
	.status_lst li, .status_lst_hlf li{width: 97%;}
	.endofmonthpossition{vertical-align: middle !important;}
	
	.jaar select {width:80px !important;}
    .tijdvak select {width:108px !important;}
	.rubriek select {width:228px !important;}
	.land select {width:147px !important;}
	.vatnumber input{width:125px !important;}
	.debtor input{width:125px !important;}
	.bedrag input{width:80px !important;} 
	
}

@media (max-width: 1861px) and (min-width: 1760px) {
	
/*	.leftnav {width:23%;float: left;}
	.rightnav {	margin-left: 0 !important;width: 77%;float: left;}*/
	/*#docListPanel{width:22.9%;}*/
	.status_lst_hlf{width:76%;}
	.lastLoginTimeText{margin-right: -11px;}
	.upload_inner .input_upload{width: 64.40%;}
	.upload_inner .select_lrg{width: 70.5%}
	.upload_inner .input_hlf{width: 33.3%;}
	.cal_sml_btn{right:30px;}
	.upload_inner .input_cal_hlf{width: 92.6%}
	.upload_inner .input_cal_lrg{width: 69.85%;}
	.cal_large_btn{right: 86px;}
	.rgt_btn {float: right;padding: 10px 91px;}
	#subTop{margin-right:1px;}	
	.upload_inner .input_lrg { width: 69.85%;}
	#periodStartDate, #periodEndDate{width: 35.45%;}
	/*custom dropdown*/
	.custom_lrg-select select { width: 282.5%;}
	.custom_lrg-select:after { right: -181%}
	.custom_sml-select select { width: 140.5%;}
	.custom_sml-select:after { right: -39%;}
	.status_lst li, .status_lst_hlf li{width: 97%;}
	
	.jaar select {width:80px !important;}
    .tijdvak select {width:108px !important;}
	.rubriek select {width:228px !important;}
	.land select {width:147px !important;}
	.vatnumber input{width:125px !important;}
	.debtor input{width:125px !important;}
	.bedrag input{width:80px !important;} 
	
}



@media (max-width: 1780px) and (min-width: 1681px) {
	
/*	.leftnav {width:23%;float: left;}
	.rightnav {	margin-left: 0 !important;width: 77%;float: left;}*/
	/*#docListPanel{width:22.9%;}*/
	.status_lst_hlf{width:76%;}
	.lastLoginTimeText{margin-right: -11px;}
	.upload_inner .input_upload{width: 64.40%;}
	.upload_inner .select_lrg{width: 70.5%}
	.upload_inner .input_hlf{width: 33.3%;}
	.cal_sml_btn{right:30px;}
	.upload_inner .input_cal_hlf{width: 92.6%}
	.upload_inner .input_cal_lrg{width: 69.85%;}
	.cal_large_btn{right: 86px;}
	.rgt_btn {float: right;padding: 10px 91px;}
	#subTop{margin-right:1px;}	
	.upload_inner .input_lrg { width: 69.85%;}
	#periodStartDate, #periodEndDate{width: 35.45%;}
	/*custom dropdown*/
	.custom_lrg-select select { width: 282.5%;}
	.custom_lrg-select:after { right: -182%;}
	.custom_sml-select select { width: 140.5%;}
	.custom_sml-select:after { right: -39%;}
	.status_lst li, .status_lst_hlf li{width: 97%;}
	
	.jaar select {width:80px !important;}
    .tijdvak select {width:108px !important;}
	.rubriek select {width:228px !important;}
	.land select {width:147px !important;}
	.vatnumber input{width:125px !important;}
	.debtor input{width:125px !important;}
	.bedrag input{width:80px !important;} 
	
}
@media (max-width: 1399px) and (min-width: 1300px) {

	.rgt_mrg {margin-right: 35px;padding-bottom: 6px;}
	.nano {position : relative;width: 500px;height: 100%;overflow : hidden;}
	.lastLoginTimeText{color: #FFFFFF; font-size:12px;float: right;position: absolute;right:4px !important; top:30px;white-space: nowrap;}	
	.rgt_btn {float: right;padding: 10px 65px;}
	/*.leftnav {width:31.4%;float: left;}
	.rightnav {margin-left: 0 !important;width: 68.6%;float: left;}*/
	/*#docListPanel{width:31.2%;}*/
	.status_lst_hlf {width:66%;}
	.upload_inner .input_cal_lrg {width: 69.6%;}
	.upload_inner .input_lrg {width: 69.6%;}
	.upload_inner .input_upload {width: 61.85%;}
	.upload_inner .input_hlf {width: 32.0%;}
	.upload_inner .input_cal_hlf {width: 89.7%;}
	.upload_inner .select_lrg{width:70.5%;}
	.cal_sml_btn{right:30px;}
	.cal_large_btn{right: 46px;}
	.rgt_btn {float: right;padding: 10px 58px;}
	#periodStartDate, #periodEndDate{width: 35.65%;}
	/*custom dropdown*/
	.custom_lrg-select select { width: 282.5%;}
	.custom_lrg-select:after { right: -182%}
	.custom_sml-select select { width: 139.5%;}
	.custom_sml-select:after { right: -39%}
	.status_lst li, .status_lst_hlf li{width: 95%;}
	
	.jaar select {width:66px !important;}
    .tijdvak select {width:104px !important;}
	.rubriek select {width:225px !important;}
	.land select {width:144px !important;}
	.vatnumber input{width:80px !important;}
	.debtor input{width:71px !important;}
	.bedrag input{width:45px !important;} 
	
}
@media (max-width: 760px) and (min-width: 600px) {
	.span18 {
	    width: 100% !important;
	    margin-left: 0px!important;
	}	 
	.custom_lrg-select select {
       width: 280%;
	}
  .custom_lrg-select:after { 
      right: -176%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	    width: 30.5%;
    }
	#periodStartDate, #periodEndDate {
	    width: 35.15%;
	}
	.upload_inner .input_cal_lrg {
	  width: 68%;
	}
	.cal_large_btn {
   	  right: 47px;
	}
	.upload_inner .input_lrg {
	   width: 67.9%;
	}
    .rgt_btn {
       padding: 10px 26px;
    }
    .upload_inner .input_upload {
   		width: 51.9%;
    }
	.upload_inner .input_cal_hlf {
	   width: 83.8%;
	}
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    -moz-box-sizing: border-box;
    display: block;
    float: left !important;
    margin-left: 0;
    width: 100%;
	}
	
}
@media (max-width: 500px) and (min-width: 300px) {
	.span18 {
	    width: 100% !important;
	    margin-left: 0px!important;
	}	 
	.custom_lrg-select select {
       width: 281%;
	}
  .custom_lrg-select:after { 
      right: -176%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	    width: 30.5%;
    }
	#periodStartDate, #periodEndDate {
	    width: 35.15%;
	}
	.upload_inner .input_cal_lrg {
	  width: 68%;
	}
	.cal_large_btn {
   	  right: 47px;
	}
	.upload_inner .input_lrg {
	   width: 67.9%;
	}
    .rgt_btn {
       padding: 10px 19px;
    }
    .upload_inner .input_upload {
      width: 49.9%;
    }
	.upload_inner .input_cal_hlf {
	   width: 83.8%;
	}
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    -moz-box-sizing: border-box;
    display: block;
    float: left !important;
    margin-left: 0;
    width: 100%;
	}
}

@media (max-width: 1100px) and (min-width: 979px) {
	.span18 {
	   margin-left: 13.6px !important;
       width: 99.8% !important;
	}	 
}




@media (max-width: 1200px) and (min-width: 1000px) {
	.span18 {
	   margin-left: 14px !important;
       width: 99.8% !important;
	}	 
	
.custom_lrg-select select {
      width: 276.5%;
	}
  .custom_lrg-select:after { 
      right: -176%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	    width: 31.2%;
    }
	#periodStartDate, #periodEndDate {
	    width: 35.15%;
	}
	.upload_inner .input_cal_lrg {
	      width: 67.9%;
	}
	.cal_large_btn {
   	  right: 69px;
	}
	.upload_inner .input_lrg {
	    width: 67.9%;
	}
    .rgt_btn {
     padding: 10px 61px;
    }
    .upload_inner .input_upload {
      width: 57.5%;
    }
    
	.upload_inner .input_cal_hlf {
	    width: 86.8%;
	}
		
	.status_lst li, .status_lst_hlf li{width: 95%;}
	.status_lst_hlf {width: 59.6%;}
	
	select.select_large {width: 69%;  }
	span.select_large{ left:25.3%; width: 66.75%;}
	
	select.select_userrole {width: 69%;  }
	span.select_userrole{ left:25.3%; width: 66.75%;}
	
	select.select_small { left: 2.5%; width: 32.5%;}	
	span.select_small{width: 31.4%}
}


@media (max-width: 1301px) and (min-width: 1200px) {
	.span18 {
	   width: 99.7% !important;
	}	 
	.custom_lrg-select select {
      width: 276.5%;
	}
  .custom_lrg-select:after { 
      right: -176%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	    width: 31.34%;
    }
	#periodStartDate, #periodEndDate {
	    width: 35.15%;
	}
	.upload_inner .input_cal_lrg {
	    width: 68.2%;
	}
	.cal_large_btn {
   	  right: 69px;
	}
	.upload_inner .input_lrg {
	    width: 68.2%;
	}
    .rgt_btn {
      padding: 10px 69px;
    }
    
    select.select_large {width: 69.25%;  }
	span.select_large {
    left: 25.1%;
    width: 67.15%;
   }
	select.select_userrole {width: 69.25%;  }
	span.select_userrole {
    left: 25.1%;
    width: 67.15%;
   }
	select.select_small {
    left: 2.5%;
    width: 32.5%;
    }
	span.select_small{width: 31.55%}
    
}
@media (max-width: 979px) and (min-width: 768px) {
		.span18 {
	      margin-left: 12.2px !important;
	      width: 99.7% !important;
	}	
	
	.custom_lrg-select select {
      width: 276.5%;
	}
  .custom_lrg-select:after { 
      right: -176%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	   width: 30.5%;
    }
	#periodStartDate, #periodEndDate {
	    width: 34.6%;
	}
	.upload_inner .input_cal_lrg {
	      width: 67.4%;
	}
	.cal_large_btn {
   	 right: 57px;
	}
	.upload_inner .input_lrg {
	    width: 67.4%;
	}
    .rgt_btn {
     padding: 10px 47px;
    }
    .upload_inner .input_upload {
        width: 54.6%;
    }
    
	.upload_inner .input_cal_hlf {
	  width: 87.1%;
	}

}

@media (max-width: 987px) and (min-width: 980px) {
		.span18 {
	      margin-left: 12.2px !important;
	      width: 99.7% !important;
	}	
	
	.custom_lrg-select select {
      width: 276.5%;
	}
  .custom_lrg-select:after { 
      right: -176%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	    width: 30.2%;
    }
	#periodStartDate, #periodEndDate {
	    width: 34.6%;
	}
	.upload_inner .input_cal_lrg {
	      width: 67.4%;
	}
	.cal_large_btn {
   	 right: 57px;
	}
	.upload_inner .input_lrg {
	    width: 67.4%;
	}
    .rgt_btn {
     padding: 10px 40px;
    }
    .upload_inner .input_upload {
       width: 54.6%;
    }
    
	.upload_inner .input_cal_hlf {
	    width: 86.8%;
	}
}


@media (max-width: 650px) and (min-width: 550px) {
	.span18 {
	      margin-left: 12.2px !important;
	      width: 99.7% !important;
	}	
	.custom_lrg-select select {
       /*width: 281%;*/
       width: 279%;
	}
  .custom_lrg-select:after { 
      right: -176%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	    width: 30.5%;
    }
	#periodStartDate, #periodEndDate {
	    width: 35.15%;
	}
	.upload_inner .input_cal_lrg {
	  width: 68%;
	}
	.cal_large_btn {
   	  right: 47px;
	}
	.upload_inner .input_lrg {
	   width: 67.9%;
	}
    .rgt_btn {
       padding: 10px 19px;
    }
    .upload_inner .input_upload {
      width: 50.9%;
    }
	.upload_inner .input_cal_hlf {
	   width: 83.8%;
	}
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    -moz-box-sizing: border-box;
    display: block;
    float: left !important;
    margin-left: 0;
    width: 100%;
}
}
@media (max-width: 800px) and (min-width: 700px) {
	/*.span18 {
	      margin-left: 12.2px !important;
	      width: 98.3% !important;
	}	*/
	.custom_lrg-select select {
      width: 279%;
	}
  .custom_lrg-select:after { 
      right: -176%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	    width: 30.5%;
    }
	#periodStartDate, #periodEndDate {
	    width: 35.15%;
	}
	.upload_inner .input_cal_lrg {
	  width: 67.9%;
	}
	.cal_large_btn {
   	  right: 47px;
	}
	.upload_inner .input_lrg {
	   width: 67.9%;
	}
    .rgt_btn {
       padding: 10px 33px;
    }
    .upload_inner .input_upload {
      width: 53.9%;
    }
	.upload_inner .input_cal_hlf {
	   width: 85.3%;
	}
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    -moz-box-sizing: border-box;
    display: block;
    float: left !important;
    margin-left: 0;
    width: 100%;
   }
	select.select_large {width: 69.8%;  }
	span.select_large{ left:25.3%; width: 66.65%;}
	
	select.select_userrole {width: 69.8%;  }
	span.select_userrole{ left:25.3%; width: 66.65%;}
	
	select.select_small { left: 2.5%; width: 32.5%;}	
	span.select_small{width: 31.3%;}
}

@media (max-width: 980px) and (min-width: 900px) {
	.span18 {
	      margin-left: 12.2px !important;
	      width: 99.7% !important;
	}	
	.custom_lrg-select select {
      width: 279%;
	}
  .custom_lrg-select:after { 
      right: -176%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	   width: 31.2%;
    }
	#periodStartDate, #periodEndDate {
	    width: 35.15%;
	}
	.upload_inner .input_cal_lrg {
	  width: 68.5%;
	}
	.cal_large_btn {
   	  right: 56px;
	}
	.upload_inner .input_lrg {
	   width: 68.5%;
	}
    .rgt_btn {
      padding: 10px 40px;
    }
    .upload_inner .input_upload {
       width: 57.2%;
    }
	.upload_inner .input_cal_hlf {
	   width: 86.4%;
	}
	select.select_large {width: 70%;  }
	span.select_large{ left:25.3%; width: 67.2%;}
	
	select.select_userrole {width: 70%;  }
	span.select_userrole{ left:25.3%; width: 67.2%;}
	
	select.select_small { left: 2.5%; width: 32.5%;}	
	span.select_small{width: 31.8%;}
}


@media (max-width: 1050px) and (min-width: 1010px) {
	.span18 {
	      margin-left: 12.2px !important;
	      width: 99.7% !important;
	}	
	.custom_lrg-select select {
       width: 278.9%;
	}
  .custom_lrg-select:after { 
      right: -177%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	  width: 31.5%;
    }
	#periodStartDate, #periodEndDate {
	    width: 35.15%;
	}
	.upload_inner .input_cal_lrg {
	  width: 68.5%;
	}
	.cal_large_btn {
   	  right: 56px;
	}
	.upload_inner .input_lrg {
	   width: 68.5%;
	}
    .rgt_btn {
      padding: 10px 45px;
    }
    .upload_inner .input_upload {
          width: 58.3%;
    }
	.upload_inner .input_cal_hlf {
	   width: 87.7%;
	}
	
	select.select_large {width: 70%;  }
	span.select_large{ left:25.3%; width: 67.4%;}
	
	select.select_userrole {width: 70%;  }
	span.select_userrole{ left:25.3%; width: 67.4%;}
	
	select.select_small { left: 2%; width: 32.85%;	}
	span.select_small{width: 31.95%}
	
}

@media (max-width: 1275px) and (min-width: 1200px) {
.custom_lrg-select select {
       width: 278.9%;
	}
  .custom_lrg-select:after { 
      right: -177%;
   }
  .upload_inner .input_lrg {
        width: 67.9%;
   }
   .upload_inner .input_hlf {
	  width: 32%;
    }
	#periodStartDate, #periodEndDate {
	    width: 35.15%;
	}
	.upload_inner .input_cal_lrg {
	  width: 68.5%;
	}
	.cal_large_btn {
   	  right: 73px;
	}
	.upload_inner .input_lrg {
	   width: 68.5%;
	}
    .rgt_btn {
      padding: 10px 68px;
    }
    .upload_inner .input_upload {
     	width: 60.1%;
    }
	.upload_inner .input_cal_hlf {
	   width: 89.7%;
	} 
	
	.status_lst li, .status_lst_hlf li{width: 95%;}
	.status_lst_hlf {width: 65.6%;}
}


.documentStatusHeaderFontColor{
	color:#164A84;
	text-decoration:none;
}
.documentStatusFontColor{
	color:#164A84;
}
.removelastItemborder{
	border-bottom : none !important;
	/*margin-bottom: -7px !important;*/
}
.firstItem, x:-moz-any-link, x:default { /* only works for firefox */
    margin-top: -25px !important; 
}
.firstItem{
	margin-top: -20px ;
}

.sbrBoxShadow{
	box-shadow: 0 0 5px #4D4D4F;
}


.spinnerForTab{
   left: 65% !important;
}

.removeborder{
	border-bottom: medium none !important;
}

.boldlist{
 font-weight: bold !important;
 	color: #333333 !important;
 
}
.unboldlist{
	color: #333333 !important;
}
.sessiondialog, .certificateDialog{
    background-clip: padding-box;
    background-color: #FFFFFF;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -280px;
    outline: medium none;
    position: absolute;
    top: 40%;
    width: 560px;
    z-index: 1050;
    border: 1px solid #000000 !important;
    border-radius: 0 0 0 0 !important;
}

.periodEndDateInputForCromeZoom1{width: 94.2% !important;}
.expiryCalendarIconCromeZoom1{right: 84px !important;}

.periodEndDateInputForCromeZoom2{width: 93.6% !important;}
.appendixFileNameCroomZoom2{width: 63.15%!important; }
.xbrlFileNameCroomZoom2{width: 63.15%!important;}
.expiryCalendarIconCromeZoom2{right: 73px !important;}

.periodEndDateInputForCromeZoom3{width: 92.8% !important;}
.appendixFileNameCroomZoom3{width: 62%!important; }
.xbrlFileNameCroomZoom3{width: 62%!important;}
.expiryCalendarIconCromeZoom3{right: 64px !important;}
.upload_button_Chome3{float: right;padding: 10px 60px;}
.upload_button_Chome2{float: right;padding: 10px 76px;}
.upload_button_Chome1{float: right;padding: 10px 90px;}

input[disabled], select[disabled], input[readonly], select[readonly] {
    background-color: #EEEEEE;
    cursor: default !important;
    /*border: 1px solid #BABEC1 !important;*/
}
.disabledClass{
	color: #BABEC1!important;
	cursor: default !important;
}



.workflowsetting, .sbasetting, .adminsbasetting, .extensionRegime, #graphdiv{width: 100%; margin: auto; }
.workflowsetting_inner, .sbasetting_inner, .adminsbasetting_inner, .extensionRegime_inner { float: left;background: none repeat scroll 0 0 #E7E7E8;width: 100%;}
.extensionRegime ul {float: left;padding-top: 5px;width: 100%;}

#graphdiv  ul {float: left;width: 100%;}
#graphdiv ul li {float: left; }
#graphdiv ul li { display: inline; padding-left:10px;; float: left;}

.extensionRegime ul li {float: left; }
.extensionRegime ul li { display: inline; padding-left:10px;; float: left;}
span.extensionRegimeSelect {
    background: url("../img/select_down.png") no-repeat scroll right center #FFFFFF;
    border: 1px solid #333333;
    color: #555555;
    cursor: default;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    text-indent: 10px;
    width: 232px !important;
    z-index: 1;
}
select.extensionRegimeSelect {
    height: 28px !important;
    line-height: 28px;
    margin-bottom: 10px;
    position: absolute;
    width: 233px !important;
    z-index: 10;
}


.upload_sbr h2{padding-bottom: 10px; height: 32px;   padding-left: 10px;font-size: 18px; color: #838284; background: #d2d3d5; }
.workflowsetting h3 { font-size: 22px; color: #4d4d4f; padding: 5px 0; border-bottom:1px solid #bdbec1; }
.workflowsetting h4 { font-size: 20px; color: #4d4d4f;}

.sbasetting h2{padding-bottom: 10px; height: 32px;   padding-left: 10px;font-size: 16px; color: #838284; background: #d2d3d5;font-family: arial;font-weight: bold; }
.sbasetting ul {float: left;padding-top: 5px;width: 100%;}
.sbasetting ul li { display: inline; padding-left:10px;; float: left; width: 30%;}
.sbasetting ul li.lst { width: 25%;}
.sbasetting ul.lstbrd { border-bottom: 0;}
.sbasetting ul li input { margin: 0 10px 0 0;}
.sbasettingLabel{font-size: 14px; /* color: #4A4B4C; */ white-space: nowrap !important;}


.adminsbasetting ul {float: left;padding-top: 5px;width: 100%;}
.adminsbasetting ul li { display: inline; padding-left:10px;; float: left;}
.adminsbasetting ul li.lst { width: 25%;}
.adminsbasetting ul.lstbrd { border-bottom: 0;}
.adminsbasetting ul li input { margin: 0 10px 0 0;}
.adminsbasetting{font-size: 14px; /* color: #4A4B4C;  */ white-space: nowrap !important;}
.sbainheder{font-size: 16px; color: #838284; background: #d2d3d5;font-family: arial;font-weight: bold;padding-top:5px;}
.adminsbahead{background: #d2d3d5}
.sbainheder1{float: right!important;margin-top: -5px!important;padding-left:0px!important;}
.sbainheder2{float: right!important; vertical-align: top; margin-top: -5px!important; margin-bottom: 3px!important;}
.adminsbahead2{border-bottom: 1px solid #C6C6C8;padding-bottom: 10px;}
.adminfirstli{padding-top: 15px;}
.admindiv{padding-left: 10px;}
.admintext{margin: 10px 20px;}

.admindivider{border-bottom: 1px solid #C6C6C8;}
.tobBottomdivider{border-top: 1px solid #C6C6C8;border-bottom: 1px solid #C6C6C8;}

.daysInputBox {
    font-family: arial;
    font-size: 12px !important;
    height: 20px !important;
    margin-left: 0;
    padding: 0 0 0 4px !important;
    vertical-align: top !important;
    width: 29px !important;
}
.workflowlebal{font-size: 14px; /* color: #4d4d4f; */ font-weight: bold; font-family: arial;padding-bottom: 15px;}
.groupNameLebal{font-family: arial;font-size: 12px;vertical-align: top !important;}

/*small dropdown*/
select.select_worlflow_lrg { position: absolute; z-index: 10;  width: 195px; height: 20px !important; line-height: 26px; margin-bottom: 10px; font-size: 12px !important;font-family: arial;}
span.select_worlflow_lrg {color:#282828; position: absolute; float: left;  width: 195px; height: 20px; line-height: 20px; text-indent: 5px; background: url(../img/select_down.png) right center no-repeat #FFFFFF; cursor: default; z-index: 1; border: 1px solid #333; font-size: 12px !important;font-family: arial;}
option {
	/*text-indent:5px; */
	color: #98999D; 
	font-family:arial;
	}
.advSelect{background: url(../img/select_down.png) 250px center no-repeat #FFFFFF !important; cursor: default; z-index: 1; border: 1px solid #333; font-size: 14px !important;}
label{cursor: default !important;}
.bubblePosision{right:-7px !important;}
.firstcolomn{padding-left:10px;padding-bottom: 10px;}
.woekflowbtns{font-family: arial;font-size: 12PX !important;font-weight: bold;}
.endofmonthpossition{vertical-align: bottom;}
.disabledcheck{background: url(../img/disabledcheck.png) left center no-repeat!important; }
.disableduncheck{background: url(../img/disableduncheck.png) left center no-repeat!important; }

.themesetting{width: 100%; margin: auto; }
.themesbasetting_inner { float: left;background: none repeat scroll 0 0 #E7E7E8;width: 100%;padding-top:5px;}
.themesetting h2{padding-bottom: 10px; height: 32px;   padding-left: 10px;font-size: 14px; color: #838284; background: #d2d3d5;font-family: arial;font-weight: bold; }
.themesetting ul {float: left;padding-top: 5px;width: 100%;}
.themesetting ul li {float: left; }
.themesettingLabel{font-size: 14px; color: #4A4B4C; white-space: nowrap !important;}
.themetitles{padding-left:10px; font-family: arial;font-size: 12px;vertical-align: top !important; width: 100px;}
.themesetting ul li input {width: 125px;}


.upload_logo {
	display: block;
	padding: 19px;
	text-align: center;
	border: 5px dashed #d2d3d5;
	margin: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #818284; 
	 margin-left: -3px;
    min-height: 267px;
    position: relative;
    width:90%;
}

.progressHolder {
	border: 1px solid #4D4D4F !important;
	background-color: white;
	height: 30px;
	width: 93%;
	max-width: 638px;
	margin-left: 26px;
	margin-bottom: 5px;
	margin-top: 5px;
	position: relative;
}

.uploadStatusImageCls {
	margin-left: -7px;
    margin-top: 4px;

}

.sidebar {
	float: left;
	position: relative;
}

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

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

.documentboxclass{
	float:left;
	margin-left:10px;
}
.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;
}

/* 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;opacity:0 !important;}

/* 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;
}

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,img.jcrop-preview{ max-width: none; }

#mycarousel,#rssFeedsSelect{visibility: hidden;}

#pdfImageFrame, #previewDiv, .jcrop-holder{border:1px solid #000000 !important;}

/* sba subscription year drop down CSS */

span.yearSelect {
    background: url("../img/select_down.png") no-repeat scroll right center #FFFFFF;
    border: 1px solid #333333;
    color: #555555;
    cursor: default;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    text-indent: 10px;
    width: 75px !important;
    z-index: 1;
}
select.yearSelect {
    height: 20px !important;
    line-height: 20px;
    margin-bottom: 10px;
    position: absolute;
    width: 76px !important;
    z-index: 10;
}

.btnalign{margin-right:5px;}
.btnalignworkflow{margin-right:5px;float: right;width: 50% !important;}

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

input[type="radio"]:checked + label span.notificationSettingsRadioStyle {
    background: url("../img/check_radio.png") no-repeat scroll -57px top rgba(0, 0, 0, 0);
}

input[type="radio"] + label span.notificationSettingsRadioStyle {
    background: url("../img/check_radio.png") no-repeat scroll -38px top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    width: 19px;
}

input[type="radio"]:checked + label span {
    background: url("../img/check_radio.png") no-repeat scroll -57px top rgba(0, 0, 0, 0);
}

input[type="radio"] + label span {
    background: url("../img/check_radio.png") no-repeat scroll -38px top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    width: 19px;
}

.certifacateLabel{
	width: 168px;
}

#certificateBrowseHidden {	
        height: 30px;
    opacity: 0;
    position: absolute;
    text-align: right;
    width: 437px;
    z-index: 2;
}

#certificateBrowseVisible {
     /*background: url("../images/upload.gif") no-repeat scroll 100% 2px transparent;*/
    float: left;
    height: 30px !important;
    position: relative;
    width: 437px;
    z-index: 1;
     padding-bottom: 4px;
}

#certificateuploadBtn{
	height: 31px; 
}

.admincertificatehead1{
	width: 170px;
    padding-bottom: 10px;
}

.admincertificatehead2{
	border-bottom: 1px solid #C6C6C8;
    padding-bottom: 10px;
}

.certificateupload_inner { float: left;background: none repeat scroll 0 0 #E7E7E8;width: 100%;padding-top:5px;}

.disabledPkiCertificateClass{
	color: #BABEC1!important;
	cursor: default !important;
}

/*subscription simple search */
/* search */
#subscriptionSearch {
 float: left;
 margin: 5px;
 position: relative;
 margin: 5px 0 0 0 !important;
 width:100% !important;
}

.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: 94.5% !important;
}

.sub_search_btn {
 width: 20px;
 height: 20px;
 background: url(../img/simple_search.png) right center no-repeat;
 cursor:pointer;
 border: none;
 position: absolute;
 right: 6px;
 top: 4px;
 width: 27px;
}
.subscriptionScrollBar{
	float: right;
    height: 135px;
    /*overflow-y: scroll;*/
    width: 100%;
}
/* Rm screen CSS */
.todoHeader,.manualHeader{cursor:pointer;float: left;margin-left: 50px;font-size: 1.4em;}
.teamHeader,.errorHeader{cursor:pointer;float: right;margin-right: 100px;font-size: 1.4em;display:none}
.takenheaderUl{margin-bottom: 30px;}
.profileHeader {color: #808285; font-size: 14px;font-weight: bold; margin-right: 10px; text-align: right;}
.underline { border-bottom: 1px double; display: inline-block; min-width: 40px !important;}
.profileImgTag{height: 70px;width: 70px;}
.rmErrorMsg{color: #14518C !important;border-bottom: none!important;text-align:center!important;height: auto!important;}


.notificationcat {
	display: inline-block;
	width: 100%; 
}
.notificationcat li {
	display: inline;
	float: left;
	width: 100%;
}
.notificationcat li a {
	float: left;
	width:98.9%; 
	padding: 10px;
	 height: 101px;
}
.notificationcat li:hover a, .cat li.selected a {
	background: #f6f6f6;
	color: #f6f6f6;
}

.notificationcat p {
	line-height: 18px;
}

.notificationdiv {
	padding-top: 7px;
	padding-bottom: 13px; 
	padding-left:16px;  
	font-size: 17px;
}

.addborder {  
	border-bottom: 1px solid #bdbec1; 
}

.notificationsubject {  
	font-weight: bold; 
	line-height: 25px; 
	color: #4D4D4F; 
	font-size: 18px;
    padding-left: 16px;
	padding-top: 14px;
}

.subDropMenu li > a {
	padding: 3px 15px !important;
}
 
.fieldDisablederrormsg{
	left: 7px; 
	top: 0px; 
	position: absolute; 
	right: 0px; 
	bottom: -2px;  
}

.webaddress{
	font-size: 16px;
    padding-left: 4px;
    padding-top: 13px;
}

/*Added new CSS for create declaration start*/
/******************** LIST ***********************/

.list li { display: inline-block; }

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

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

.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 { display: block; line-height: 18px; }

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

.chk_doc { position: absolute; left: 5px; top: 42%; }

.blk_doc, .blk_doc input { float: right; font-weight: bold; }

.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: 10px; top: 5px; color: #007ec5; font-weight: bold; font-size: 11px; }

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

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

.tbl th, .tbl_gray th { color: #FFFFFF; padding: 10px; text-align: left; background-color: #a3a3a5; font-size: 14px; }

.tbl td, .tbl_gray td { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; /* padding: 5px 10px; */ height: 30px; padding-left: 10px;padding-top: 10px;font-size: 12px;}

/* .tbl input[type="text"], .tbl td select { width: 200px; border: 1px solid #4c4d4f; padding: 3px 5px;
    height: 29px !important;
    line-height: 19px !important;
    margin-bottom: 10px !important;
   margin-left: -21.3% !important;
    position: absolute;
    width: 160px !important;
    z-index: 10 !important;
    border-radius: 0px !important;
    border-color: #323334 !important;
    border-width: 1px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: url('../img/dropdownArrowImg.png') no-repeat !important;
    background-position: 99% 50% !important;
    width: 236px !important;
    text-indent: 0.01px !important;
    text-overflow: "" !important;
    background-color: #ffffff !important;
    padding-right: 26px !important;}
 */
.sbr_frm label { font-weight: bold; line-height: 40px; font-size: 14px; width: 200px; display: inline-block;}

.sbr_frm span { line-height: 30px; width: 200px; display: inline-block;font-size: 12px;}

.sbr_frm select { width: 150px;}

.tbl .algn_cntr { text-align: center; }

.hlf { width: 49%; float: left; margin: 5px; }

.matter { padding: 5px 20px 37px; min-height: 1250px; background: none repeat scroll 0 0 #E7E7E8 !important; }
.matterIcp { padding: 5px 20px 20px;  background: none repeat scroll 0 0 #E7E7E8 !important; min-height: 700px;}

/*Added new CSS for create declaration End*/

/*Added new CSS for custome selection box start*/

.create_select_box {
  /*  float: left;*/
    height: 29px !important;
    line-height: 19px;
    margin-bottom: 10px;
   /* margin-left: -21.3% !important;*/
    /*position: absolute;*/
    width: 160px !important;
    z-index: 10;
    border-radius: 0px;
    border-color: #323334;
    border-width: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../img/dropdownArrowImg.png') no-repeat;
    background-position: 99% 50%;
    width: 100px;
    text-indent: 0.01px !important;
    text-overflow: "";
    background-color: #ffffff;
    padding-right: 26px !important;
}

.create_select_box, x:-moz-any-link, x:default { /* only works for firefox */
    background-image: none; 
}

/*Added new CSS for custome selection box end*/

.disableInputBox{    
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    box-shadow: none !important;
}
	
#errorPanel{
	margin: 0 0 0 10px;
    padding: 0 0 0 10px;	
}

.disableinputstyle {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset !important;
}

#generalmenu, #settingmenu, #adminheadermenu, #adminmenu{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
select::-ms-expand {
    display: none;
}
.sbr_frm input,select {	font-size: 12px!important;}


#exampleIcpDataTable tr td input {
	border: 1px solid #4C4D4F;
    color: #818284;
    padding: 3px 5px;
    font-size:12px;
    border:1px solid #4D4D4F !important;
    border-radius:0 !important;
        border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
}
#exampleIcpDataTable tr td select {
border: 1px solid #4c4d4f;
/*padding: 3px 5px;*/
    height: 29px !important;
    line-height: 19px !important;
  /*  margin-bottom: 10px !important;*/
  /* margin-left: -21.3% !important;*/
  /*  position: absolute;*/
    z-index: 10 !important;
    border-radius: 0px !important;
    border-color: #323334 !important;
    border-width: 1px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: url('../img/dropdownArrowImg.png') no-repeat !important;
    background-position: 99% 50% !important;
    text-indent: 0.01px !important;
    text-overflow: "" !important;
    background-color: #ffffff !important;
   /* padding-right: 26px !important;*/
    }
    
#exampleIcpDataTable tr td select, x:-moz-any-link, x:default { /* only works for firefox */
    background-image: none !important; 
}

.sbr_frm input,select {	font-size: 12px!important;}


.workflowsettingMatter { padding: 50px 10px 10px; min-height: 500px; background: none repeat scroll 0 0 #E7E7E8 !important; }

.workflowtbl, .tbl_gray { width: 100%; float: left; border: 1px solid #CCCCCC; background: #FFFFFF; }
.workflowtbl th, .tbl_gray th { color: #FFFFFF; padding: 10px; text-align: left; background-color: #a3a3a5; font-size: 13px; }
.workflowtbl td, .tbl_gray td { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 5px 10px; height: 30px; }
.workflowtbl input[type="text"], .tbl td select { width: 200px; border: 1px solid #4c4d4f; padding: 3px 5px; }
.workflowtbl .algn_cntr { text-align: center; }

.workflowhead{background: none repeat scroll 0 0 #D2D3D5; float: left; padding-top: 5px; width: 100%; } 
.workflowinheader{color: #838284; font-family: arial;font-size:16px;font-weight: bold;padding-top: 5px;display: inline;float: left; padding-left: 10px;width: 30%;}

input[type=text]::-ms-clear {
    display: none;
}

.overview_select_box {
  /*  float: left;*/
    height: 29px !important;
    line-height: 19px;
    margin-bottom: 10px;
   /* margin-left: -21.3% !important;*/
    /*position: absolute;*/
    z-index: 10;
    border-radius: 0px;
    border-color: #323334;
    border-width: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../img/dropdownArrowImg.png') no-repeat;
    background-position: 99% 50%;
    width: 150px;
    text-indent: 0.01px !important;
    text-overflow: "";
    background-color: #ffffff;
    padding-right: 26px !important;
}

.styled-select select::-ms-expand {
	display: none;
}

.styled-select { 
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 463px;
}

@-moz-document url-prefix(){
  .styled-select select { width: 107% !important; background-position: 93% 50% !important;}
  .styled-select { width : 365px !important; }
}

path.slice{
	stroke-width:2px;
}
polyline{
	opacity: .3;
	stroke: black;
	stroke-width: 2px;
	fill: none;
} 
svg text.percent{
	fill:white;
	text-anchor:middle;
	font-size:12px;
}

.approverejectgraph{font-size: 16px; font-family: Arial,Helvetica,sans-serif; }

#rptlabel{  
	margin-left: 235px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	color: #666666;
}
.logoutText{
    color: #ffffff; 
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    padding: 0 7px;
    text-align: right;
}

.logoutText:hover{
	color: #d6e03d !important;
	text-decoration: none;
}

#preventhighlightGeneral:hover, #preventhighlightSetting:hover,  #preventhighlightAdminHeader:hover{
    color: #ffffff !important;
    background-color: #C6C6C8 !important;
	background-image: -moz-linear-gradient(top, #C6C6C8, #C6C6C8) !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C6C6C8), to(#C6C6C8)) !important;
	background-image: -webkit-linear-gradient(top, #C6C6C8, #C6C6C8) !important;
	background-image: -o-linear-gradient(top, #C6C6C8, #C6C6C8) !important;
	background-image: linear-gradient(to bottom, #C6C6C8, #C6C6C8) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C6C6C8', endColorstr='#C6C6C8', GradientType=0) !important;
}

#errorAuth{
	color: #ff0000 !important;
}
#statusButtonNew,#statusButtonAnnouncement{
	float: left;
	margin-left:15px;
}
#table_layout td{
	border: none !important;
}
#xbrlUploadComponent{
	width: 90%;
	margin-left: 21px;
}
#approveDialogModal{
	width:700px!important;
}

.myapproval{
	max-height:600px;
}