@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body {
	font-family: "Roboto", sans-serif !important;
	margin:0px;
	padding:85px 0px 0px 0px;
	background:#eef1f8;
}
html, body, form {
	height:100%;
}
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	outline:none;
}
.clear {
	clear:both;
}
/*login section*/
.login{
	padding-top:0!important;
}
.login input[type="button"],.login input[type="submit"],.login button,.login a.btnn{
	display:inline-block;
	background:#50b737;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;
	text-align:center;
	padding:8px 15px;
	border:0px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	text-transform:capitalize;
	box-shadow:0px 2px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow:0px 2px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, .3);
	cursor:pointer;
}
.login input[type="button"]:hover,.login input[type="submit"]:hover,.login a.btn:hover{
	opacity:.6;
	box-shadow:0px 0px 2px rgba(0,0,0,.3);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,.3);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
}
.large_container{
	padding:0 !important;
}
.ids_login{
	width:100%;
	position:relative;
	background:#eef1f8;
	padding-top:100px;
}
.ids_mainloginbox{
	max-width:1100px;
	margin:0px auto 100px auto;
	position:relative;

}
.ids_mainloginbox ul.ids_lgntabs{
	height:48px;
	margin:0px 0px 0px 20px;
	padding:20px 0px 0px 0px;
}
.ids_mainloginbox ul.ids_lgntabs li{
	list-style:none;
	float:left;
	display:block;
	padding:0px;
}
.ids_mainloginbox ul.ids_lgntabs li a{
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	color:#20377d;
	font-weight:600;
	padding:0px 15px;
	height:32px;
	display:block;
	cursor: pointer;
}
.ids_mainloginbox ul.ids_lgntabs li a:hover,.ids_mainloginbox ul.ids_lgntabs li.selected a{
	border-bottom:5px solid #207D9D;
	color:#207D9D;

}
.ids_logindetails{
	height: 230px !important;
	background: #003B49;
	border-radius: 2px !important;
	text-align: left;
	padding: 30px 430px 20px 40px;



}
.ids_logindetails h3{
	text-align:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#FFFFFF;
	clear:both;
	font-size:17px;
	font-weight:600;
}
.ids_logindetails h4{
	text-align:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#207D9D;
	clear:both;
	font-size:14px;
	font-weight:400;
}
.ids_logindetails p{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:13px;
	color:#FFFFFF;
}
.ids_logindetails ul{
	margin:0px;
	padding:0px;
}
.ids_logindetails  ul li{
	list-style:none;
	color:#FFFFFF;
	font-size:13px;
}
.ids_loginform{
	position:absolute;
	top:0px;
	right:45px;
	width:365px;
	height:360px !important;
	/* background:#FFFFFF url(../images/idslogo.png) no-repeat 50% 30px; */
	background: url(../images/Remitra_logosm.png) 40% 50px no-repeat #FFF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:135px 20px 0px 20px;
	overflow:hidden;
	box-shadow:0px 3px 6px rgba(0,0,0,.1);
	-moz-box-shadow:0px 3px 6px rgba(0,0,0,.1);
	-webkit-box-shadow:0px 3px 6px rgba(0,0,0,.1);
	text-align: center;
}
.ids_loginform ul{
	margin:0px 20px;
	padding:20px 0px 0px 0px;
	border-top:1px solid #CCCCCC;
}
.ids_loginform ul li{
	list-style:none;
	margin:0px 0px 10px 0px;
	text-align:center;
}
.ids_loginform ul li input[type="text"],.ids_loginform ul li input[type="password"]{
	background: #e8edf7;
	border-radius: 2px !important;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border: 0;
	width: 100%;
	max-width: 240px;
	padding: 8px 10px;
	margin: 0 auto;
}
.ids_loginform ul li input[type="button"],.ids_loginform ul li input[type="submit"]{
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border:0px;
	width:100%;
	max-width:240px;
	padding:8px 5px;
	margin:0px auto;
	text-transform:uppercase;
}
.ids_loginform ul li.forgotpassword{
	padding:20px 0px;
	font-size:13px;
	color:#626262;
}
.ids_loginform ul li.forgotpassword a{
	text-decoration:none;
	color:#626262;
}
.ids_loginform p.newuser{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:70px;
	background:#e3e9f7;
	margin:0px;
	padding:20px 0px 0px 0px;
	text-align:center;
	font-size:14px;
	color:#20377d;
	text-transform:capitalize;
}
.ids_loginform p.newuser span{
	display:inline-block;
	font-size:16px;
	font-weight:700;
	color:#207D9D;
}
.ids_loginform p.newuser span a{
	color:#207D9D;
	text-decoration:none;
	display:block;
	padding:0px 10px;
}
.ids_loginfooter{
	text-align:center;
	margin:0px;
	padding:35px 0px;
}
.ids_loginfooter p{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:13px;
}
.ids_loginfooter p a{
	display:inline-block;
	text-decoration:none;
	color:#207D9D;
	padding:0px 15px 0px 0px;
	margin:35px 15px 0px 0px;
	position:relative;

}
.ids_loginfooter p a:after{
	content:"";
	position:absolute;
	top:4px;
	right:0px;
	bottom:4px;
	width:1px;
	background:#4d4d4d;
	display:block;
}
.ids_loginfooter p a:last-child:after{
	display:none;
}
.ids_logindetails ul.ids_customers{
	padding-top:20px;
}
.ids_logindetails ul.ids_customers li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	position:relative;
}
.ids_logindetails ul.ids_customers li:before{
	position:absolute;
	content:"";
	width:6px;
	height:6px;
	background:#207D9D;
	left:0px;
	top:calc(50% - 3px);
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
.ids_logindetails h5{
	margin:15px 0px 0px 0px;
	padding:0px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	line-height:normal;
}
.ids_logindetails p.bdle{
	margin:0px;
	padding:0px;
	overflow:auto;
}
.ids_logindetails p.bdle span{
	float:left;
	width:50%;
	display:block;
}
.ids_logindetails ul.contactlist{
	margin:10px 0px;
	padding:0px;
}
.ids_logindetails ul.contactlist li{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#FFFFFF;
}
.ids_logindetails ul.contactlist li label{
	display:inline-block;
	font-weight:bold;
	margin:0px 10px 0px 10px;
}
.ids_logindetails ul.contactlist li span{
	color:#91a1d1;
}
.ids_logindetails  a{
	color:#207D9D;
	text-decoration:none;
	display:inline-block;
	margin:0px 0px 0px 10px;
}
p.sml{
	font-size:11px;
	margin:10px 0px 0px 0px;
	padding:0px;
}
/*login engds*/
input[type="text"], input[type="password"], select, textarea {
	background:#fafafa;
	border:1px solid #CCCCCC;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:6px 8px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
}
.ids_header {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:85px;
	background:#f2f2f2;
	background:linear-gradient(top, #FFFFFF, #f2f2f2);
	background:-moz-linear-gradient(top, #FFFFFF, #f2f2f2);
	background:-webkit-linear-gradient(top, #FFFFFF, #f2f2f2);
	box-shadow:0px 2px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow:0px 2px 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, .2);
	z-index:99;
}
.ids_logo {
	position:absolute;
	top:0px;
	left:0px;
	width:320px;
	background:url(../images/idslogo.png) no-repeat 50% 50%/90%;
	display:block;
	bottom:0px;
}
.ids_hdlinks {
	position:absolute;
	top:0px;
	bottom:0px;
	width:105px;
	border-left:1px solid rgba(0, 0, 0, .2);
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	font-weight:700;
	line-height:100%;
	color:#207D9D;
	cursor:pointer;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
/*.ids_hdlinks:before {
	left:0px;
	top:0px;
	right:0px;
	height:0px;
	content:"";
	position:absolute;
	background:rgba(255, 255, 255, .5);
	display:block;
 transition:all ease .5s;
 -moz-transition:all ease .5s;
 -webkit-transition:all ease .5s;
}*/
.ids_hdlinks:hover:before {
	height:100%;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
.ids_quickacceslinks , .ids_quickacceslinks1 {
	left:320px;
	padding-top:50px;
	background:url(../images/ids_quickacceslinks.png) no-repeat 50% 5px;
	border-right:1px solid rgba(0, 0, 0, .2);
}
.ids_quickacceslinks:hover, .ids_quickacceslinks.active , .ids_quickacceslinks1:hover, .ids_quickacceslinks1.active {
	background:url(../images/ids_quickacceslinks_wht.png) no-repeat 50% 5px;
	background-color:#207D9D;
	color:#FFFFFF;
}
.ids_hdlinks:hover {
	background-color:#207D9D;
	color:#FFFFFF;
}
.ids_logout {
	right:0px;
	background:url(../images/idslogout.png) no-repeat 50% 50%;
}
.ids_activationrequest {
	right:350px;
	padding-top:50px;
	background:url(../images/idsactivationrequest.png) no-repeat 50% 15px;
	border-right:1px solid rgba(0, 0, 0, .2);
}
.ids_activationrequest label {
	position:absolute;
	top:10px;
	right:30px;
	text-align:center;
	display:block;
	color:#FFFFFF;
	background:#FF0000;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	width:16px;
	height:16px;
	font-size:10px;
	padding-top:1px;
}
.ids_livesupport {
	right:455px;
	padding-top:50px;
	background:url(../images/idslivesupport.png) no-repeat 50% 15px;
}
.ids_helpicon {
	right: 560px;
	padding-top: 50px;
	background: url(../images/ids_helpicon.png) no-repeat 50% 15px;
}
.ids_user {
	top:0px;
	right:105px;
	bottom:0px;
	width:245px;
	padding:20px 72px 0px 0px;
	text-align:right;
	position:absolute;
	font-size:18px;
	text-transform:uppercase;
	color:#207D9D;
}
.ids_user:after {
	width:40px;
	height:40px;
	content:"";
	background:#207D9D url(../images/ids_lft_admin_wht.png) no-repeat 50% 50%;
	background-size:auto 20px;
	position:absolute;
	top:calc(50% - 20px);
	right:10px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
.ids_user label {
	display:block;
	font-size:15px;
	text-transform:none;
	color:#000000;
}
.ids_qhicklinks, .ids_qhicklinks1 {
	background:#b4c2e4;
	padding:20px;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
	display:none;
}
.ids_qhicklinks.open , .ids_qhicklinks1.open {
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
	display:block;
}
.ids_qhicklinks ul , .ids_qhicklinks1 ul {
	margin:0px;
	padding:0px 0px 0px 5px;
	width:100%;
	overflow:auto;
}
.ids_qhicklinks ul li , .ids_qhicklinks1 ul li {
	list-style:none;
	float:left;
	width:calc((100%/6) - 10px);
	margin:0px 10px 0px 0px;
	background:#FFFFFF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.ids_qhicklinks ul li h2 , .ids_qhicklinks1 ul li h2 {
	margin:0px;
	padding:5px 8px;
	font-size:16px;
	background:#f1f1f1;
	color:#20377d;
	font-weight:700;
	border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
}
.ids_qhicklinks ul li p, .ids_qhicklinks1 ul li p {
	margin:0px;
	padding:10px 10px 10px 90px;
	min-height:100px;
	line-height:normal;
}
.ids_qhicklinks ul li p span, .ids_qhicklinks1 ul li p span {
	display:block;
	text-align:left;
	font-size:26px;
	color:#50b737;
	margin:0px 0px 4px 0px;
	font-weight:700;
	line-height:normal;
}
.ids_qhicklinks ul li p label,.ids_qhicklinks1 ul li p label {
	font-size:14px;
	color:#7a7a7a;
	display:block;
}
.ids_qhicklinks ul li.ids_mypos p, .ids_qhicklinks1 ul li.ids_mypos p {
	background:url(../images/ids_mypos.png) no-repeat 20px 50%;
}
.ids_qhicklinks ul li.ids_createinvoice p {
	background:url(../images/ids_createinvoice.png) no-repeat 20px 50%;
}
.ids_qhicklinks ul li.ids_myinvices p {
	background:url(../images/ids_myinvices.png) no-repeat 20px 50%;
}
.ids_qhicklinks ul li.ids_mypayments p {
	background:url(../images/ids_mypayments.png) no-repeat 20px 50%;
}
.ids_qhicklinks ul li.ids_earlypayment p {
	background:url(../images/ids_earlypayment.png) no-repeat 20px 50%;
}
.ids_qhicklinks ul li.ids_workflow p {
	background:url(../images/ids_workflow.png) no-repeat 20px 50%;
}
.ids_qhicklinks a.ids_ppclose, .ids_qhicklinks1 a.ids_ppclose1 {
	position:absolute;
	top:10px;
	right:10px;
	width:16px;
	height:16px;
	background:url(../images/pp_arrow.png) no-repeat 50% 50%;
}
.ids_content {
	min-height:calc(100% - 80px);
	margin:0px 0px 0px 80px;
	position:relative;
	padding:20px;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
	/*max-width:1500px;*/
}
.ids_content:before {
	content:"";
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	background:#FFFFFF;
	display:block;
	width:80px;
}
.ids_content.open {
	margin:0px 0px 0px 300px;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
.ids_content h1 {
	margin:0px;
	padding:0px 0px 10px 0px;
;
	font-size:24px;
	color:#207D9D;
	font-weight:600;
	line-height:100%;
	text-transform:uppercase;
}
.ids_leftmenu {
	position:relative;
	width:80px;
	background:#FFFFFF;
	z-index:98;
	float:left;
	min-height:calc(100% - 80px);
}
.ids_leftmenu > ul {
	margin:0px;
	padding:0px;
}
.ids_leftmenu ul li {
	list-style:none;
	/*margin:0px 0px 1px 0px;*/
	position:relative;
}
.ids_leftmenu > ul > li > a {
	display:block;
	height:80px;
	text-align:center;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	line-height:100%;
	color:#207D9D;
	padding-top:50px;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
.ids_leftmenu > ul > li:hover > a, .ids_leftmenu > ul > li.active > a {
	background:#207D9D;
	color:#FFFFFF;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
.ids_leftmenu ul li.ids_lft_home > a {
	background:url(../images/ids_lft_home.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_home:hover > a, .ids_leftmenu ul li.ids_lft_home.active > a {
	background:#4e5e8c url(../images/ids_lft_home_wht.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_admin > a {
	background:url(../images/ids_lft_admin.png) no-repeat 50% 10px;
}
.ids_leftmenu ul li.ids_lft_admin:hover > a {
	background:#4e5e8c url(../images/ids_lft_admin_wht.png) no-repeat 50% 10px;
}
.ids_leftmenu ul li.ids_lft_admin.active > a {
	background:#4e5e8c url(../images/ids_lft_admin_wht.png) no-repeat 50% 10px;
}
.ids_leftmenu ul li.ids_lft_submtinvioce > a {
	background:url(../images/ids_lft_submtinvioce.png) no-repeat 50% 10px;
}
.ids_leftmenu ul li.ids_lft_submtinvioce:hover > a {
	background:#4e5e8c url(../images/ids_lft_submtinvioce_wht.png) no-repeat 50% 10px;
}
.ids_leftmenu ul li.ids_lft_submtinvioce.active > a {
	background:#4e5e8c url(../images/ids_lft_submtinvioce_wht.png) no-repeat 50% 10px;
}
.ids_leftmenu ul li.lds_lft_earlypayment > a {
	background:url(../images/lds_lft_earlypayment.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.lds_lft_earlypayment:hover > a {
	background:#4e5e8c url(../images/lds_lft_earlypayment_wht.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.lds_lft_earlypayment.active > a {
	background:#4e5e8c url(../images/lds_lft_earlypayment_wht.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_polist > a {
	background:url(../images/ids_lft_polist.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_polist:hover > a {
	background:#4e5e8c url(../images/ids_lft_polist_wht.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_workflow  > a {
	background:url(../images/ids_lft_workflow.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_workflow:hover > a {
	background:#4e5e8c url(../images/ids_lft_workflow_wht.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_vm_workflow  > a {
	background:url(../images/vendor_maintenance_Icon_Green.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_vm_workflow:hover > a {
	background:#4e5e8c url(../images/vendor_maintenance_Icon_White.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.lds_lft_purchaseorder > a {
	background:url(../images/lds_lft_purchaseorder.png) no-repeat 50% 10px;
}
.ids_leftmenu ul li.lds_lft_purchaseorder:hover > a {
	background:#4e5e8c url(../images/lds_lft_purchaseorder_wht.png) no-repeat 50% 10px;
}
.ids_leftmenu ul li.ids_lft_vendor > a {
	background:url(../images/vendor.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_vendor:hover > a {
	background:#4e5e8c url(../images/vendor1.png) no-repeat 50% 15px;
}
.ids_leftmenu ul li.ids_lft_vendor.active > a {
	background:#4e5e8c url(../images/vendor1.png) no-repeat 50% 15px;
}
.ids_lft_wrksubmenu , .ids_lft_wrksubmenu1 {
	position:fixed;
	top:85px;
	left:-131px;
	bottom:0px;
	width:210px;
	background:#2e364d;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
.ids_lft_wrksubmenu.open , .ids_lft_wrksubmenu1.open {
	left:80px;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
.ids_lft_wrktgler, .ids_lft_wrktgler1 {
	position:fixed;
	top:300px;
	left:80px;
	width:25px;
	height:50px;
	background:#51648e url(../images/arr_right.png) no-repeat 50% 50%;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
	z-index:9999;
	border-radius:0px 80px 80px 0px;
	-moz-border-radius:0px 80px 80px 0px;
	-webkit-border-radius:0px 80px 80px 0px;
	box-shadow:2px 0px 5px rgba(0, 0, 0, .3);
	-moz-box-shadow:2px 0px 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow:2px 0px 5px rgba(0, 0, 0, .3);
	cursor:pointer;
}
.ids_lft_wrktgler.open, .ids_lft_wrktgler1.open {
	left:290px;
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
	background:#51648e url(../images/arr_left.png) no-repeat 50% 50%;
}
.ids_oveflow {
	overflow:auto;
}
.ids_whtbox {
	background:#FFFFFF;
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	min-height:300px;
	margin:0px 0px 20px 0px;
}
.ids_whtbox h1 {
	color:#50b737;
	font-size:21px;
	font-weight:600;
	margin:0px;
	padding:0px 0px 10px 0px;
	text-transform:uppercase;
}
.ids_trackinvoices {
	float:left;
	margin:0px 20px 20px 0px;
	width:calc(100% - 400px);
}
.close_bt{
	width:30px;
	height:30px;
	float:right;
	background:url(../images/close.png) no-repeat 50% 50%;
	display:block;
}
.criteria{
	border:dotted thin #ccc;
	width:100%;
	display:block;
	padding:10px;
	position:relative;
}
.criteria_close{
	width:30px;
	height:30px;
	position:absolute;
	top:-15px;
	right:-15px;
	background:url(../images/critreia_close.png) no-repeat 50% 50%;
	cursor:pointer;
	margin:0 !important;
}
.criteria h3{
	width:100%;
	border-bottom:solid thin #ccc;
	padding:10px 0;
	color:#666;
	font-weight:600;
}
.criteria span{
	display:inline-block;
	margin-right:15px;
}
.criteria span.criteria_name label{
	width:100px;
	text-align:right;
	margin-right:5px;
}
.criteria span label{
	width:auto;
	margin-left:5px;
	font-weight:600;
}

.ids_help ul{
	padding:0;
	list-style-type:none;
}
.ids_help ul li{
	border-bottom:solid thin #ededed;
	padding:5px 0;
}
.ids_help ul li label{
	padding-top:5px;
	font-weight:400;
	font-size: 14px;
}
.search_help_wrpr{
	display: block;
	margin: 24px 0 13px 0;
	border-bottom: solid thin #ccc;
	padding-bottom: 12px;
}
.search_help{
	background:url(../images/magnifier.png) no-repeat 98% 50% !important;
	width:100%;
	height:30px;
}
.search_filter{
	background-color:#fff;
}
.flt_lft{
	float:left;
	width:100%;
}
.ids_help {
	width:100%;
}
.ids_invoices {
}
ul.ids_form {
	margin:0px;
	padding:20px 0px;
}
ul.ids_form li {
	list-style:none;
	padding:5px 0px 5px 0px;
	overflow:auto;
}
ul.ids_form li label {
	float:left;
	width:140px;
	text-align:right;
	font-size:14px;
	padding:5px 10px 0px 0px;
}
ul.ids_form li span {
	width:calc(100% - 140px);
	text-align:left;
	float:left;
}
ul.ids_form li span input[type="text"], ul.ids_form li span select {
	width:100%;
	max-width:300px;
}
ul.ids_form li span textarea {
	width:100%;
	max-width:calc(100% - 20px);
}
.ids_trackinvoices ul.ids_form li, ul.ids_form.double li {
	float:left;
	width:50%;
	padding:5px 20px 5px 0px;
}
.ids_grid table {
	width:100%;
	border-collapse:collapse;
}
.ids_grid table th, .ids_grid table td {
	font-size:13px;
	padding:10px 10px;
	text-align:left;
	border-bottom:1px solid #F3f3f3;
}
.ids_grid table tr:nth-child(odd) td {
	background:#f6f9fd;
}
.ids_grid table th {
	background-color:#e9eff9;
	color:#003e7e;
	border-bottom:2px solid #20377d;
}

p.ids_pod_toplinks {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #e5e5e5;
}
p.ids_pod_toplinks span {
	display:inline-block;
	padding:10px 0px 10px 40px;
	font-size:15px;
	font-weight:600;
	text-transform:uppercase;
	color:#858585;
}
.ids_podetails>ul>li {
	list-style:none;
	border-bottom:1px solid #f3f3f3;
	padding:10px 0px;
	overflow:auto;
}
.ids_podetails>ul>li>h3, .ids_half h3 {
	color:#50b737;
	font-size:17px;
	margin:0px;
	padding:0px;
	font-weight:600;
	text-transform:uppercase;
}
.ids_half {
	float:left;
	width:50%;
}
#accordion h3, #accordion1 h3 {
	display: block;
	margin:0px;
	padding:8px 10px;
	background:#4e5e8c;
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	border-bottom:1px solid #2e364d;
	font-weight:600;
	cursor:pointer;
	position:relative;
}
#accordion h3:after , #accordion1 h3:after {
	position:absolute;
	width:20px;
	height:20px;
	top:calc(50% - 10px);
	right:10px;
	background:url(../images/arr_bottom.png) no-repeat 50% 50%;
	content:"";
}
#accordion h3.open:after, #accordion1 h3.open:after {
	background:url(../images/arr_top.png) no-repeat 50% 50%;
}
#accordion ul , #accordion1 ul {
	padding:0px;
	margin:0px;
	display:none;
}
#accordion ul li , #accordion1 ul li {
	list-style:none;
	padding:0px;
	font-size:13px;
	color:#FFFFFF;
	margin:0px 0px 2px 0px
}
#accordion ul li a, #accordion1 ul li a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:8px 10px;
}
#accordion ul li a:hover , #accordion1 ul li a:hover {
	background:#50b737;
	font-weight:600;
}
#accordion ul li a label , #accordion1 ul li a label {
	color:#50b737;
}
.ids_footer {
	background:#404d6a;
	clear:both;
	height:80px;
	position:relative;
}
.ids_footer p {
	margin:0px;
	padding:35px 0px 0px 20px;
	font-size:13px;
}
.ids_footer p a {
	color:rgba(255, 255, 255, .5);
	text-decoration:none;
	display:inline-block;
	margin:0px 10px 0px 0px;
	padding:0px 10px 0px 0px;
	border-right:1px solid rgba(255, 255, 255, .3);
;
}
.ids_footer p a:last-child {
	border:0px;
}
.ft_copy {
	position:absolute;
	top:30px;
	right:20px;
	color:rgba(255, 255, 255, .5);
	font-size:13px;
}
/*23 march 2017-chatbox*/
.ids_chatbotbox {
	overflow:auto;
	padding:10px;
}
.ids_chatbotbox>ul {
	margin:0px;
	padding:0px;
	overflow:auto;
}
.ids_chatbotbox>ul>li {
	list-style:none;
	margin:0px 10px 10px 0px;
	padding:20px;
	background:#FFFFFF;
	display:block;
	width:calc(50% - 10px);
	float:left;
	min-height:385px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0px 3px 3px rgba(0, 0, 0, .15);
	-moz-box-shadow:0px 3px 3px rgba(0, 0, 0, .15);
	-webkit-box-shadow:0px 3px 3px rgba(0, 0, 0, .15);
	position:relative;

}
.ids_chatbotbox>ul>li>h2 {
	font-weight:600;
	color:#50b737;
	margin:0px;
	padding:0px;
	font-size:20px;
	text-transform:uppercase;
	line-height:100%;
}
.ids_chatbotbox>ul>li h3 {
	text-align:center;
	margin:0px;
	padding:100px 0px 0px 0px;

}
.ids_chatbotbox>ul>li.ids_chat_earlypayment h3 {
	color:#20377d;
	font-size:16px;
	text-transform:uppercase;
	background:url(../images/ids_chat_earlypayment.png) no-repeat 50% 0%;
}
.ids_chatbotbox>ul>li h4 {
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:16px;
	color:#000000;
	font-weight:600;
}
.ids_chatbotbox>ul>li h5 {
	text-align:center;
	margin:0px;
	padding:10px 0px 10px 0px;
	font-size:15px;
	color:#000000;
	font-weight:500;
}
.ids_chatbotbox>ul>li p.sl_customer{
	overflow:auto;
	margin:0px auto;
	padding:0px;
	max-width:80%;
}
.ids_chatbotbox>ul>li p.sl_customer span{
	display:block;
	float:left;
	width:calc(100%/4);
	padding:5px 0px 5px 20px;
	font-size:13px;
	color:#000000;
	text-align:left;
	position:relative;
}
.ids_chatbotbox>ul>li p.sl_customer span input[type="checkbox"]{
	position:absolute;
	top:8px;
	left:0px;
	margin:0px;
	padding:0px;
}
.ids_chatbotbox>ul>li p.ids_btns{
	text-align:center;
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:13px;
	font-weight:600;
}
.ids_chatbotbox>ul>li p.ids_btns span{
	display:block;
	padding:0px 0px 10px 0px;
}
.ids_chatbotbox>ul>li.ids_chat_invoicingopportunities h3{
	background:url(../images/ids_chat_invoicingopportunities.png) no-repeat 50% 10px;
	color:rgba(0,0,0,.7);
	font-size:14px;
	font-weight:600;

}
.ids_chatbotbox>ul>li.ids_chat_invoicingopportunities h4{

	color:rgba(0,0,0,1);
	font-size:14px;
	font-weight:600;

}
.ids_chatbotbox>ul>li.ids_chat_invoicingopportunities  span.msg{
	text-align:center;
	font-weight:700;
	font-size:16px;
	color:rgba(0,0,0,.7);
	display:block;
	padding:30px 0px 20px 0px;
}
.ids_chatbotbox>ul>li.ids_chat_trakershotcuts h3{
	background:url(../images/ids_chat_trakershotcuts.png) no-repeat 50% 10px;
}
.ids_chatbotbox>ul>li.ids_chat_trakershotcuts  p{
	overflow:auto;
	padding:10px;
	margin:0px auto;
	max-width:80%;
}
.ids_chatbotbox>ul>li.ids_chat_trakershotcuts  p a{
	display:block;
	float:left;
	width:calc(50% - 10px);
	margin:0px 10px 5px 0px;
	padding:10px 50px 10px 20px;
	text-align:right;
	font-size:13px;
	color:rgba(0,0,0,.8);
	text-decoration:none;
	position:relative;
}
.ids_chatbotbox>ul>li.ids_chat_trakershotcuts  p a:after{
	display:block;
	width:36px;
	height:36px;
	background:#50b737 url(../images/arr_right.png) no-repeat 50% 50%;
	position:absolute;
	top:calc(50% - 18px);
	right:0px;
	content:"";
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
.ids_chatbotbox>ul>li.ids_chat_trakershotcuts  p a:last-child{
	clear:both;
}
.ids_chatbotbox>ul>li.ids_chat_workflowque h3{
	background:url(../images/ids_chat_workflowque.png) no-repeat 50% 10px;
	color:#20377d;
	font-size:16px;
	margin:0px auto;
	max-width:80%;
}
.ids_chatbotbox>ul>li.ids_chat_workflowque h4{
	margin:0px;
	padding:10px 0px 0px 0px;
	text-align:center;
	font-size:16px;
}
.ids_chatbotbox>ul>li.ids_chat_workflowque  p {
	text-align:center;
	font-size:14px;
}
.ids_chatbotbox>ul>li.ids_chat_workflowque  p span{
	display:block;
	padding:0px 0px 10px 0px;
}
p.ids_center{
	text-align:center;
}
.earlypaylist{
	margin:5px auto 0px auto;
	padding:0px;
	overflow:auto;
	border-top:1px solid rgba(0,0,0,.15);
	max-width:90%;
}
.earlypaylist li{
	list-style:none;
	font-size:13px;
	border-bottom:1px solid rgba(0,0,0,.15);
	width:50%;
	float:left;
	min-height:50px;

}
.earlypaylist li.payse{
	text-align:right;
	display:block;
	padding:5px 100px 5px 0px;
	position:relative;
	color:#20377d;
	font-weight:600;
}
.earlypaylist li.payse label{
	display:block;
	font-size:13px;
	color:rgba(0,0,0,.5);
}
.earlypaylist li.payse input[type="button"]{
	position:absolute;
	top:5px;
	right:10px;
}
.earlypaylist li.paysecount{
	text-align:right;
	padding:5px 80px 5px 0px;
	position:relative;


}
.earlypaylist li.paysecount label{
	display:block;
	font-size:30px;
	text-align:center;
	position:absolute;
	top:0px;
	right:0px;
	width:80px;
	bottom:0px;
	color:#50b737;
	font-weight:600;
	padding-top:5px;
}

.ids_chatbotbox>ul>li.ids_chat_earlypayment p.classone{
	text-align:center;
	font-size:14px;
	margin:0px;
	padding:10px 0px 0px 0px;
	color:rgba(0,0,0,.5);
}
.ids_chatbotbox>ul>li.ids_chat_earlypayment p.classtwo{
	text-align:center;
	font-size:16px;
	margin:0px;
	padding:5px 0px 0px 0px;
	color:#20377d;
	font-weight:600;
}
.ids_chatbotbox>ul>li.ids_chat_earlypayment p.classtwo span{
	display:inline-block;
	color:rgba(0,0,0,.5);
	font-size:13px;
}
ul.ids_chat_invoicelist{
	margin:0px 30px;
	padding:10px;
	max-height:150px;
	overflow:auto;
}
ul.ids_chat_invoicelist li{
	list-style:none;
	border-top:1px solid rgba(0,0,0,.15);
	padding:5px 10px 5px 0px;
	font-size:14px;
	color:#20377d;
	text-align:right;
	text-transform:uppercase;
	font-weight:600;
}
ul.ids_chat_invoicelist li input[type="button"]{
	margin:0px 0px 0px 20px;
}
.ids_chat_workflowque span.duplicate{
	position:absolute;
	top:10px;
	right:20px;
	font-size:13px;
	font-weight:600;
	color:#909090;
}
.ids_chat_workflowque span.duplicate label{
	display:inline-block;
	color:#50b737;
	padding:0px 5px;
}
.ids_hover_menu{
	width:210px;
	display:none;
	position:absolute;
	top:0;
	left:80px;
	background:#4e5e8c;
	padding:0px;
	z-index:99999;
}
.ids_lft_home:hover .ids_hover_menu,
.ids_lft_admin:hover .ids_hover_menu,
.ids_lft_vendor:hover .ids_hover_menu,
.ids_lft_submtinvioce:hover .ids_hover_menu,
.lds_lft_earlypayment:hover .ids_hover_menu,
.ids_lft_polist:hover .ids_hover_menu,
.lds_lft_purchaseorder:hover .ids_hover_menu,
.ids_lft_workflow:hover .ids_hover_menu,
.ids_lft_vm_workflow:hover .ids_hover_menu{
	display:block;
}
.ids_hover_menu > li > a{
	display:block;
	width:100%;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px 8px;
	font-weight:600;
	border-bottom: 1px solid #2e364d;
}
.ids_hover_menu > li > a.hasChild{

	background:url(../images/arr_bottom.png) no-repeat 95% 50%
}
.ids_hover_menu > li:hover > a{
	/*background:#51b737;*/
}
.ids_hover_menu > li:hover > a.hasChild{
	/*background: url(../images/arr_bottom.png) no-repeat 95% 50%;*/
}
.ids_hover_menu > li:last-child > a{
	border:0px;
}
.ids_click_submenu{
	padding:0;
	background:#2e364d;
}
.ids_click_submenu li a{
	display:block;
	width:100%;
	color:#fff;
	/*font-weight:600;*/
	font-size:12px;
	text-decoration:none;
	padding:8px 10px;
	text-transform:capitalize;
	border-bottom:solid thin #394a7e;
	transition:all ease 0.5s;
	-moz-transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}
.ids_click_submenu li a:hover{
	background:#50b737;
}
.ids_click_submenu li.active a{
	background:#50b737;
}
.ids_workflow_reports_tab{
	list-style-type:none;
	padding:0;
	width:100%;
	display:inline-block;
	border-bottom:solid thin #efefef;
	margin:0;
}
.ids_workflow_reports_tab li a{
	padding:15px 20px;
	color:#999;
	font-size:15px;
	text-decoration:none;
	font-weight:600;
	float:left;

}
.ids_workflow_reports_tab li a:hover, .ids_workflow_reports_tab_active{
	border-bottom:inset 4px #51b737;
}
.ids_click_submenu li:last-child a{
	border-bottom: none;
}
.ids_click_submenu{
	max-height: 259px;
	overflow-x: auto;
}
.ids_click_submenu.WFmenuActive li.active{
	background: #50b737;
}
.ids_hover_menu li.open .hasChild{
	transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	background: url(../images/arr_top.png) no-repeat 95% 50%;
}
.ids_lft_wrksubmenu.open #accordion{
	position:relative;
}
#overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.71);
	z-index: 2;
	cursor: pointer;
}
.ids_lft_wrktgler, .ids_lft_wrktgler1{
	z-index:9!important;
}
.ids_grid{
	display:inline-block;
	overflow:auto;
	max-width:100%;
	max-height:100%;
	width:100%;
}
@media only screen and (max-width:1400px){

	#rule-fields .col-md-9{
		position:static !important;
	}
	.alert.alert-info.info-col-po-edit-admin {
		position: absolute;
		right: 0;
		top: -17px;
		z-index: 99	9;
		margin-left:0 !important;
		margin-top:0 !important;
		width:200px !important;
	}
	.add-row {
		right: 0;
		width: 50px;
	}
	.add-row button{
		margin-right:0 !important;
	}
	.wf-button{
		width:100% !important;
	}
	.multiselect-native-select .btn-group, .multiselect-native-select .btn-group button.multiselect{
		width:100% !important;
	}
}
@media only screen and (max-width:1100px){
	.configsettings row{
		width:100%;
		max-width:300px;
	}
	.configsettings .text-right{
		text-align:left !important;
	}
	.twoDecimal{
		margin-left:0 !important;
	}
	#invCorrAdv .col-md-5, #invCorrAdv .col-md-7{
		width:100%;
	}
	.ids_footer p{
		font-size:12px;
		padding:35px 0px 0px 12px;
	}
	.ft_copy{

		top:35px;
	}
	.row.inpcntrlrw .col-md-2, .row.inpcntrlrw .col-md-3, .row.inpcntrlrw .col-md-7, .row.inpcntrlrw .col-md-4{
		width:100%;
	}
	.ids_user{
		width: 190px;
		right: 75px;
	}
	.ids_activationrequest{
		right: 265px;
	}
	.ids_livesupport{
		right:340px;
	}
	.ids_helpicon{
		right:415px;
	}
	.wf-button{
		width:100%;
	}
	span.ids_hdlinks.ids_quickacceslinks.unselectable {
		width: 110px;
	}
	.ids_hdlinks{
		width:75px;
	}
}
@media only screen and (max-width:1000px){
	.configsettings .col-md-7, .configsettings .col-md-2, .configsettings .col-md-3{
		float:left;
		width:calc(100%/3);
	}
	.add-row {
		bottom: 10px !important;
		right: 0;
		width: 50px;
	}
	.add-row button{
		margin-right:0 !important;
	}
	.ids_hdlinks{
		width:75px;
	}
	#rule-fields .col-md-9{
		position:static !important;
	}
	.alert.alert-info.info-col-po-edit-admin {
		position: absolute;
		right: 0;
		top: -17px;
		z-index: 99	9;
		margin-left:0 !important;
		margin-top:0 !important;
		width:260px !important;
	}
	.inpcntrlrw .form-group{
		margin-bottom:10px !important;
	}
	.panel-footer{
		background:none !important;
	}
	#adminmask{
		width:85% !important;
	}
	.btnInline{
		margin-right:0 !important;
	}
	.pagination{
		float:right;
	}
	.ids_footer p{
		font-size:12px;
		padding:35px 0px 0px 12px;
	}
	.ft_copy{

		top:35px;
	}
	#per_page{
		margin-right:10px;
	}
	#addNewIef .form-group label{
		width: 100%!important;
	}
	.pspd{
		display:inline-block;
		width:100%;
	}
	select.filterRule{
		margin-left:34% !important;
	}
	.ids_user{
		width: 190px;
		right: 75px;
	}
	.ids_activationrequest{
		right: 265px;
	}
	.ids_livesupport{
		right:340px;
	}
	.ids_helpicon{
		right:415px;
	}
	.wf-button{
		width:100%;
	}
	span.ids_hdlinks.ids_quickacceslinks.unselectable {
		width: 110px;
	}
}
.ids_backtoold{
	padding-bottom: 10px;
}
.ids_backtoold a{
	font-weight: bold;
	color: #20377d !important;
	font-size: 13px;
	text-decoration: underline;
}



input#loginBtn {
	display: inline-block;
	background: #207D9D;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	max-width: 240px;
	padding: 8px 5px;
	margin: 0 auto;
	text-transform: uppercase;
	-moz-border-radius: 30px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	cursor: pointer;
	border-radius: 0px !important;
}