/* Dashboard Admin Template Custom */
 a {
    color: #333;
}
.clear {
	clear:both;
}
/*.accounts_dash {       
}
.accounts_dash .list-group-icons .list-group-item  {
    border-color:#cccccc;
	border-radius:8px;
	 padding: 8px 0px;
}*/

.payment_dash .list-group-icons .list-group-item  {
    border-color:#cccccc;
	border-radius:8px;
	 padding: 15px 0px;
	 margin-bottom:5px;
}
.payment_dash .list-group-icons .list-group-item span {
    font-size: 18px !important;
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: left;
    letter-spacing: 1px;
}
.accounts_dash .list-group {
	margin-bottom:5px !important;
}

.accounts_dash .list-group-icons .list-group-item span  {
    font-size: 18px !important;
	display: inline-block; 
    float: none;
    margin: 0 auto;
	text-align:left;
	letter-spacing:1px;
}
.accounts_dash .list-group-icons .list-group-item > .glyph-icon {
    font-size: 45px !important;
    display: inline-block; 
    float: none;
    margin: 0 20px 0 auto;
    color: #595959;
}
#page-content > .container {
    margin: 0px;
    padding: 0px;
    max-width: 100%;
    width: 100%;
}
.accounts_dash .tab-pane {
    padding: 15px 0px;
}
.summary_outer {
	/*background-color:#eeeeee;*/
	border:1px solid #dfe8f1;
	/*-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:25px 20px 15px 20px;*/
	padding: 18px 19px 9px 16px;
	margin-bottom:20px;
}
.bankdtl_header {
	font-size:18px;
	color:#2d2d2d;
	font-weight:600;
	margin-bottom:10px;
}
.bankdtl_header span {
	font-size:13px;
	display:block;
	font-weight:normal;
}
.viewall_btn {
	background-color:#00bca4 !important;
	color:#FFF !important;
	border:none !important;
	float:right;
	margin-top:5px;
	font-size:12px;
	letter-spacing:1px;
}
/*.summary_outer:hover {
	background-color:#80afbf;
	border:1px solid #80afbf;	
}
.summary_outer.active {
	background-color:#80afbf;
	border:1px solid #80afbf;	
}
.summary_outer.active .bankdtl_header {
	color:#FFF;	
}
.summary_outer:hover .bankdtl_header {
	color:#FFF;	
}
.summary_outer.active .viewall_btn {
	background-color:#dcf0f7 !important;
	color:#3b6b7c !important;
	border:none !important;
}
.summary_outer:hover .viewall_btn {
	background-color:#dcf0f7 !important;
	color:#3b6b7c !important;
	border:none !important;
}*/
.table_top {
	margin:15px 0;
	display: inline-block;
    width: 100%;
}
.selectbx {
	margin-right:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:100px;
	padding:0 10px;
	height:40px;
	border:1px solid #CCC;
	float:left;
	font-size:16px;
}
.selectbx2 {
	margin:0 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:100%;
	max-width:200px;
	padding:0 10px;
	height:40px;
	border:1px solid #CCC;
	float:left;
	font-size:16px;
}
.slt_label {
	margin-top: 10px;
}
.slt_label2 {
	margin-top: 10px;
	float:left;
}
.tblsearch .stylish-input-group .input-group-addon{
    background-color: transparent !important; 
	/*border:1px solid #CCC !important;*/
	border-left:none !important;
}
.tblsearch .stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	height:40px;
	border:1px solid #CCC !important;
	border-right:none !important;
}
.tblsearch .stylish-input-group button{
    border:0;
    background-color: transparent !important; 
	
}
.tblsearch .open > .dropdown-menu {
    display: block;
    background-color: #DDD;
}
.tblsearch .button-pane  {
	border:none !important;
}
.space_10 {
	width:100%;
	float:left;
	height:10px;
	clear:both;
}
.space_5 {
	width:100%;
	float:left;
	height:5px;
	clear:both;
}
.space_20 {
	width:100%;
	float:left;
	height:20px;
	clear:both;
}
.space_30 {
	width:100%;
	float:left;
	height:30px;
	clear:both;
}
.space_40 {
	width:100%;
	float:left;
	height:40px;
	clear:both;
}
.bankform {
	display:block
}
.bigrdo input[type=radio   ]:not(old){
  margin  : 0;
  padding : 0;
  opacity : 0;
  width   : 28px;
  
}

.bigrdo input[type=radio   ]:not(old) + label{
  display      : inline-block;
  height  : 41px;
 margin-left  : -28px;
  padding-left : 52px;
  background   : url('../../../assets/image-resources/bigradio_btn.png') no-repeat 0 0;
  line-height  : 41px;
  font-size: 18px;
  margin-right: 20px;
  cursor:pointer;
}

.bigrdo input[type=radio]:not(old):checked + label{
  background-position : 0 -41px;
}

/* ------------- *
.smallrdo input[type=radio   ]:not(old){
  margin  : 0;
  padding : 0;
  opacity : 0;
  width   : 24px;
  
}

.smallrdo input[type=radio   ]:not(old) + label{
  display      : inline-block;
  height  : 25px;
 margin-left  : -24px;
  padding-left : 32px;
  background   : url('../../../assets/image-resources/smallradio_btn.png') no-repeat 0 0;
  line-height  : 24px;
  font-size: 14px;
  margin-right: 20px;
  cursor:pointer;
}

.smallrdo input[type=radio]:not(old):checked + label{
  background-position : 0 -25px;
}

/* ------------- */
.documents input[type=checkbox]:not(old) {
  margin  : 0;
  padding : 0;
  opacity : 0;
  width   : 24px;
  
}

.documents input[type=checkbox]:not(old) + label{
  display      : inline-block;
  height  : 38px;
 margin-left  : -24px;
  padding-left : 45px;
  background   : url('../../../assets/image-resources/greenrdo.png') no-repeat 0 0;
  line-height  : 38px;
  font-size: 14px;
  margin-right: 20px;
  cursor:pointer;
}

.documents input[type=checkbox]:not(old):checked + label{
  background-position : 0 -38px;
}
h3.subhead {
	font-size: 19px;
    font-weight: normal;
    text-align: left;
    color: #333333;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h3.subhead span {
    color: #00bca4;
}
.frmlbl {
	display:block;
	margin-top:15px;
}
.frmtxtbx {
	border:1px solid #d1d1d1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    padding: 5px 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.toprdosec {
  width: 100%;
  float: left;
  padding-bottom: 10px;
}
.dftpayment .tab-pane {
    padding: 0px 0px 15px 0;
}
.frmamtbx {
	border:1px solid #d1d1d1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    padding: 5px 5px;
    width: 100%;
	max-width:250px;
    height: 50px;
    line-height: 40px;
	font-size:18px;
}
.radio_block {
	display:block;
	margin-bottom:5px;
}
.btnouter {
	text-align:center;
	width:100%;
	float:left;
}
.btnouter button {
	margin:0 4px;
	min-width:100px;
}
.fldrqd {
	color:#888;
	font-size:12px;
	margin-top:5px;
	float: left;
    width: 100%;
}
.frmtxtarea {
	border:1px solid #d1d1d1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    padding: 5px 5px;
    width: 100%;
    height: 80px;
}
.bankdtls {
	padding: 20px 20px 40px 20px;
    background-color: #ebebeb;
    float: left;
    width: 100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
/*-------------------------* */
.optional {
	padding:10px 0;
	float: left;
    width: 100%;
}
.optional .checkbox label {
     padding-left: 0px; 
}
.optional .panel {
    border:0;
}
.optional .panel-heading {
  background-color: #fff;
  border: 1px solid #dfe8f1;
	padding:0px;
}
.optional .accordion-toggle i {
    font-weight: normal;
	color:#00bca4;
}
.optional .panel-heading.active i {
   
	color:#fff;
}
.optional .accordion-toggle {
      text-decoration: none;
    padding: 10px 15px;
    display: block;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 1px;
}
.optional .accordion-toggle:hover {
  text-decoration:none;
  background-color:#00bca4;
  color:#FFF !important;
}
.optional .accordion-toggle:hover i {
  color:#FFF !important;
}
.optional .panel-heading.active {
    background-color:#00bca4;
	border:1px solid #00bca4;
	color:#fff;
	border-radius: 3px;
}
.optional .panel-group .panel-heading + .panel-collapse .panel-body {
	border:0 !important;
  padding: 20px 0px;
}

.smallrdo div.radio[id^='uniform-'] > span {
    margin-top: 0px;
}
.smallrdo .form-horizontal .radio {
   padding-top: 0px;
}
.form-horizontal .radio {
   padding-top: 0px;
}
.optional .accordion-toggle i {
	float:right;
}

	.verfication_text  {
		color:#333;
		text-align:left;
		font-size:15px;
	}
	.verfication_text span  {
		color:#00bca4;
	}
	.account_balance {
		    background-color: #EEE;
    padding: 5px 20px;
    display: block;
    font-size: 13px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	}


.imageuploadify {
    border: 1px dashed #d2d2d2;
    position: relative;
    min-width: 250px;
    max-width: 408px;
    min-height: 225px;
    /*margin: auto;*/
    display: flex;
    padding: 10px;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    color: #00bca4
}

.imageuploadify .imageuploadify-overlay {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    flex-direction: column;
    top: 0;
    left: 0;
    display: none;
    font-size: 7em;
    background-color: rgba(242, 242, 242, .7);
    text-align: center;
    pointer-events: none
}

.imageuploadify .imageuploadify-overlay i {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none

}

.imageuploadify .imageuploadify-images-list {
    display: inline-block;
    margin-top: 15%;
}

.imageuploadify .imageuploadify-images-list i {
    display: block;
    font-size: 35px;
    text-align: center;
    margin-top: .2em;
     color:#00bca4;
}

.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
    font-size: 16px;
    display: inline-block;
      color:#333333;
}

.imageuploadify .imageuploadify-images-list label.btn-default {
    display: block;
    color: #00bca4;
    border-color: #00bca4 !important;
    border-radius: 1em;
    margin: 25px auto;
    width: 100%;
    max-width: 300px;
	outline:none;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    margin-bottom: 1em;
    float: left;
    border-radius: 12px;
    box-shadow: 0 0 4px 0 #888
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px;
    line-height: 1.42;
    padding: 2px 0;
    text-align: center;
    z-index: 3
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container img {
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {
    position: absolute;
    top: 0;
    padding-top: 20px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(255, 255, 255, .7);
    z-index: 2;
    opacity: 1
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details:hover{
	opacity: 1 !important;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {
    display: block;
	    color: black;
    font-weight: bold;
}

.preview {
	color:#333;
}
.fxdtext {
	padding:10px;
	background-color:#366395;
	color:#FFF;
	    font-size: 12px;
    font-weight: bold;
    letter-spacing: 4px;
	display:none;
}
.tp_boss {
	color:#FFF;
	    display: inline-block;
    margin-top: 8%;
	font-size:16px;
	letter-spacing:1px;
	width:650px;
}
.rightlbl {
	margin-top:5px;
}
.loginlogo {
	    margin: 0 auto 20px auto;
    display:block;
}
.login_bg {
	background: radial-gradient(circle at 1.98% 20.98%, #4b6cb7, transparent 100%),radial-gradient(circle at 98.02% 20.98%, #182848, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);
}
.adres {
	display:block;
	font-size:13px;
}
.confirm_head {
	font-size:18px;
	font-weight:bold;
	color:#00bca4;
	text-align:right;
	margin-bottom:10px;
	width:50%;
}
.confirm_smlhead {
	font-size:15px;
	font-weight:bold;
	color:#333;
	text-align:left;
	margin-bottom:10px;
	width:30%;
	float:left;
	margin-left: 12%;
}
.confirm_repeat_payment {
	font-size: 15px;
    font-weight: bold;
    color: #333;
    text-align: left;
    margin-bottom: 10px;
    float: left;
    margin-left: 22%;
}
.confirm_button {
	margin-left: -15%;
}
.confirm_button_cancel {
	margin-right: 3%;
    margin-left: 2%;
}
.confirm_details {
	font-size:15px;
	font-weight:nornal;
	color:#000;
	text-align:left;
	margin-bottom:10px;
	width:43%;
	float:left;
	padding:0 0 0 10px;
}
ul.paydls {
	list-style:none;
	padding: 0;
    margin: 0px;
}

.appro {
	display: inline-block;
}
.appro  input[type=checkbox]:not(old) {
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
  cursor: pointer;
}

.appro input[type=checkbox]:not(old) + label {
      display: inline-block;
    margin-left: -25px;
    padding-left: 27px;
    background: url(../../../assets/image-resources/approve.png) no-repeat 0 0;
    line-height: 22px;
    font-size: 12px;
	cursor:pointer;
}

.appro input[type=checkbox]:not(old):checked + label{
  background-position : 0 -22px;
}

.appro .bootstrap-switch {
  margin: 0 10px 5px 0;
}
.recurring {
	color:#00bca4;
}
.btn-xs, .btn-group-xs > .btn {
    min-width: 48px;
}
#page-title h2 span {
  color: #00ceb4;
}
.table-responsive {
    /*overflow-x: inherit;*/
}
.nsearch_outer {
  padding: 10px;
  border-radius: 5px;
  background-color: #EEE;
  border:1px solid #DDD;
}
.nsearch_outer .frmlbl {
    margin-top: 5px;
}

.fx_outer {
  padding: 35px 20px;
  border-radius: 8px;
  background-color: #F2F2F2;
  border:1px solid #DDD;
  text-align: center;
  margin-bottom: 10px;
}
.fx_outer button, .fx_outer .btn  {
  width: 100%;
  max-width: 150px;
}
#page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu ul li {
    /* border-color: rgba(255, 255, 255, 0.07); */
    border: none;
}
#page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu {
    /* border-color: rgba(255, 255, 255, 0.08); */
    background: transparent;
    border: none;
}
#page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu ul li a:hover {
    background: none;
}
.shbtn {
  width: 100%;
  float: left;
}
.shbtn button {
  min-width: 85px;
  margin: 0 5px 5px 0;
}
table .btn {
  margin: 2px 0;
}
table.last tr td:last-child {
   text-align: right;
}
.adnw {
  margin-left: 5px;
}
.paytab {

}
.paytab .radio-inline {
    padding-left: 0px;
}
 .paytab .radio-inline input[type="radio"] {
    margin-left: 0px;
}
.dftpayment .example-box-wrapper .nav {
  margin-bottom: 0px;

}
hr.line {
    border-top:1px dashed #dfe8f1;
}
 label.perm_lbl {
  margin-left: 10px;
}
.acl_tree .dd-handle {
display: inline-block !important;
    border: none;
        max-width: 300px;
    width: 100%;
}
.acl_tree ol .dd-handle {
    font-size: 15px;
    font-weight:bold;
}
.acl_tree ol .dd-handle.nosub {
    margin-left: 26px;
}
.acl_tree ol ol .dd-handle {
        max-width: 295px;
    width: 100%;
     font-size: 13px;
    font-weight:normal;
}
.acl_tree .dd-item > button {
    width: 25px;
    height: 20px;
    margin: 7px 0;
    font-size: 25px;
}
.acl_tree .dd-tgle {
display: inline-block !important;
}
.popover-content .form-group label {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: normal;
}
@media only screen and (min-width: 1250px) {
	
}
@media only screen and (max-width: 1080px) {
	.tp_boss {
   display:none;
}
.fxdtext {
	
	display:block;
}
}
@media only screen and (min-width: 1080px) and (max-width: 1250px) {
	.tp_boss {
    margin-top: 9%;
	font-size:14px;
}
 .tp_boss span {
    display:block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1050px) {
	.payment_dash .list-group-icons .list-group-item span {
    font-size: 15px !important;
}
}
@media only screen and (max-width: 1250px) {
	
}
@media only screen and (max-width: 992px) {
	.accounts_dash .list-group li { margin-bottom: 5px !important;}
}
@media only screen and (max-width: 600px) {
	.selectbx2 { margin: 0px 0px 5px 0px; width: 100%; max-width: 100%;}
	.slt_label { margin-top: 10px; float: left;}
	.bigrdo input[type=radio ]:not(old) + label { display: block; margin-left: 0;}
	.international-amount{padding-left:1% !important;}
#timerDiv .row .col-xs-6 .content-box{
	width:100% !important;
	height:119px !important;
}
	
}

@media only screen and (max-width: 767px) {
	
}



.msg-error{color:#cc0000;}
.txtbxReq{
	border:#e03838 1px solid;
}
.form-wizard > ul {
					display: block;
					}
#recuringRow .txtsmall{ width:42px !important;}	
/* ============================================================
  COMMON
============================================================ */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
  padding: 2px;
  width: 60px;
  height: 22px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 23px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 35px;
}
.toggle-btn{
	margin:-23px -36px 0px 53px;
}
.bold{
	font-weight:bold;
}
/*---------------------------------------*/
input[type=radio].boss-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].boss-checkbox + label.boss-label {
    padding-left: 21px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].boss-checkbox:checked + label.boss-label {
    background-position: 0 -16px;
}

label.boss-label {
    background-image: url(../../../assets/image-resources/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*-----------------------------------------*/
.international-amount{
    padding-left:35%;
}
.international-amount p{
  padding-left: 2%;
}
.interBankRadio{
  padding-top: 9px;
}
/*------- Button Checkbox OnOff ----------*/
.onoffswitch {
	/*position:relative;
	*/
     width: 53px;
	float:right;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;bottom: -12px
}
.ppstyle{
	margin-top:-22px !important;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #CCCCCC; border-radius: 25px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -90%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 22px; padding: 0; line-height: 22px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #00BCA4; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #cc0000; color: #B8B6B6;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 22px;height:22px; 
    background: #FFFFFF;
    position: absolute; top: 4px; bottom: 0;
    right: 46px;
    border: 1px solid #CCCCCC; border-radius: 50px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 10px; 
}
/*--------------------------------------*/
.border-col{
	border-color: #00bca4 !important;
}
#timerDiv .row .col-xs-6 .content-box{
	/*width:80%;
		height:124px;
	*/
	margin-top:16px;
}
#timerDiv .row .col-xs-6 .conten-box-btn{
	width:80%;
}

#timerDiv .row .col-xs-6 .content-box p{
	text-align:center;
}
.marTp7{
	margin-top:7px;
}
#viewPaymentTxt{margin-left:50px;}
.recBtn{
	float:right;
}
.addToList{
	cursor:pointer;
}
.viewInvSd{
	font-size: 15px;
    padding-top: 7px;
    color: #e03838;
}
.color-red{
	color:#e03838;
}
.fntSZ15{
	font-size:15px;
}
.right-auto{
	right:auto !important; 
}
.adSearchOp{
	padding:10px
}
.mrN5{
	margin-top:-5px;
}
.height-100{
	height: 100%;
}
#invoiceGraphPlot{
	margin: -65px -9px -41px -20px;
}
#invoiceGraphPlot svg text{
	font-size:9px;
}
.cfplot ul li{
	display:inline;
}
/** OverRide xcharts color2 for dashboard
*/
.cashflowLegend {
	background-color:#f26522;
}
 .xchart .cashflow .line {
      stroke: #f26522 !important;
  }
  .xchart .cashflow .line .fill {
      pointer-events: none !important;
  }
  .xchart .cashflow rect,
  .xchart .cashflow circle {
      fill: #f26522 ;
  }
  .xchart .cashflow .fill {
      fill: rgba(242, 101, 34, 0.1) !important;
  }
  .xchart  .cashflow.comp .line{
      stroke: #f9b99a !important;
  }
  .xchart .cashflow.comp rect {
      fill: #f9b99a !important;
  }
  .xchart .cashflow.comp .fill {
      display: none !important;
  }
  .xchart .cashflow.comp circle,
  .xchart .cashflow.comp .pointer {
      fill: #f9b99a !important;
  }
	.xchart .cashflow circle {
		stroke: #f26522 !important;
	}

 .dashboard-head{
	 background-color:#00a792;
	 color:#fff;
 }
.dashboard-head label{
	color:#fff;
}

#yartoSuggest img{
	width:100%;
	height: 100px;
}
.dashboard-yartoSuggest{
	height: 364px ;/* 370px; */
	overflow:hidden;
}
.dashboard-yartoSuggest .table tbody{
	font-size : 11px;
}

.dashboard-yartoSuggest .row .col-sm-12 #datatable-tabletools_paginate{
	    margin: 27px 0px;
}
.dashboard-yartoSuggest .row .col-sm-12 #datatable-tabletools_paginate .pagination-sm > li > a, .pagination-sm > li > span{
	    font-size: 9px;
    padding: 2px 9px;
}
.mgUserListing td:last-child{
	width:20%;
}

/** overridden Morris chart **/
.cfMorrisChart .morris-hover{
		position:absolute !important;
		z-index:1000 !important;
		    background-color: black;
    border: 2px solid #00a792;
    color: white;
    font-weight: bold;}
.cfMorrisChart .morris-hover .morris-hover-row-label{
		text-align:center;
		background-color:#00a792;
}
































































/******* DRAG AND DROP *****/
table { border-collapse: collapse; }
.percent {
    position: absolute; width: 300px; height: 8px; z-index: 1; text-align: center; font-size: 0.8em; color: white;
}
.progress-bar {
    width: 100%; height: 8px;
    border-radius: 10px;
    border: 1px solid #CCC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6));
    border-image: initial;
}
.uploaded {
    padding: 0;
    height: 7px;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00bca4), to(#00bca4));
    border-image: initial;
}
.dropbox {
    width: 15em;
    height: 3em;
    border: 2px solid red;
    border-radius: 8px;
    background-color: #FEFFEC;
    text-align: center;
    color: #BBB;
    font-size: 2em;
    font-family: Arial, sans-serif;
}
.dropbox span {
    margin-top: 0.9em;
    display: block;
}
.dropbox.not-available {
    background-color: #F88;
}
.dropbox.over {
    background-color: #bfb;
}
.spnbldtxt{
	font-weight:bold;
}
/********************************************
      Yes No Button
********************************************/
.yesnoswitch {
    position: relative; width: 78px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.yesnoswitch-checkbox {
    display: none;
}
.yesnoswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #ccc; border-radius: 4px;
}
.yesnoswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.yesnoswitch-inner:before, .yesnoswitch-inner:after {
    display: block; float: left; width: 50%; height: 23px; padding: 0; line-height: 23px;
    font-size: 12px; color: white; font-weight: 400;
    box-sizing: border-box;
}
.yesnoswitch-inner:before {
    content: "YES";
    padding-left: 10px;
    background-color: #00BCA4; color: #FFFFFF;
}
.yesnoswitch-inner:after {
    content: "NO";
    padding-right: 12px;
    background-color: #FFFFFF; color: #555a60;
    text-align: right;
}
.yesnoswitch-switch {
    display: block; width: 23px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 54px;
    border: 2px solid #ccc; border-radius: 4px;
    transition: all 0.3s ease-in 0s; 
}
.yesnoswitch-checkbox:checked + .yesnoswitch-label .yesnoswitch-inner {
    margin-left: 0;
}
.yesnoswitch-checkbox:checked + .yesnoswitch-label .yesnoswitch-switch {
    right: 0px; 
}
/************ End **************/
/********************************************
      Status Active Inactive
********************************************/
.statusswitch {
    position: relative; width: 78px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.statusswitch-checkbox {
    display: none;
}
.statusswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #ccc; border-radius: 4px;
}
.statusswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.statusswitch-inner:before, .statusswitch-inner:after {
    display: block; float: left; width: 50%; height: 23px; padding: 0; line-height: 23px;
    font-size: 12px; color: white; font-weight: 400;
    box-sizing: border-box;
}
.statusswitch-inner:before {
    content: "Active";
    padding-left: 10px;
    background-color: #00BCA4; color: #FFFFFF;
}
.statusswitch-inner:after {
    content: "Inactive";
    padding-right: 0px;
    background-color: #FFFFFF; color: #555a60;
    text-align: right;
}
.statusswitch-switch {
    display: block; width: 23px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 54px;
    border: 2px solid #ccc; border-radius: 4px;
    transition: all 0.3s ease-in 0s; 
}
.statusswitch-checkbox:checked + .statusswitch-label .statusswitch-inner {
    margin-left: 0;
}
.statusswitch-checkbox:checked + .statusswitch-label .statusswitch-switch {
    right: 0px; 
}
/************ End **************/
/********************************************
    User Module Status Active Suspended Button
********************************************/
.userstatusswitch {
    position: relative; width: 100px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.userstatusswitch-checkbox {
    display: none;
}
.userstatusswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #ccc; border-radius: 4px;
}
.userstatusswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.userstatusswitch-inner:before, .userstatusswitch-inner:after {
    display: block; float: left; width: 50%; height: 23px; padding: 0; line-height: 23px;
    font-size: 12px; color: white; font-weight: 400;
    box-sizing: border-box;
}
.userstatusswitch-inner:before {
    content: attr(user-status);
    padding-left: 20px;
    background-color: #00BCA4; color: #FFFFFF;
}
.userstatusswitch-inner:after {
    content: attr(user-status);
    padding-right: 5px;
    background-color: #FFFFFF; color: #555a60;
    text-align: right;
}
.userstatusswitch-switch {
    display: block; width: 23px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 75px;
    border: 2px solid #ccc; border-radius: 4px;
    transition: all 0.3s ease-in 0s; 
}
.userstatusswitch-checkbox:checked + .userstatusswitch-label .userstatusswitch-inner {
    margin-left: 0;
}
.userstatusswitch-checkbox:checked + .userstatusswitch-label .userstatusswitch-switch {
    right: 0px; 
}
/************ End **************/


#sendInvoiceDate{
	float:right;width:400px;
}
.fnt18{
	font-size:18px;
}
.bck{
	background-color:#337ab7;
}
#addDiscount{
	margin-left:-200px;
}
#repeatLineItems tr td span{
	padding-right:30px;
}

.brdtpFFF{
border-top: 1px solid #fff !important;
}
.dummy-logo img{
	width:100% !important;
}
.fntsize21{
	font-size:21px;
}
.pdn5{
	padding-left:5px;
}
.displayAttachedInvoiceMinus{
	border:1px dashed;
	padding: 3px 13px 4px 17px;
}
.displayAttachedInvoiceMinus i:hover{
	cursor:pointer;
}

/*******************************************
*************cudtomer********************/
/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.typesDemo ul[dnd-list],
.typesDemo ul[dnd-list] > li {
  position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.typesDemo ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.typesDemo ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.typesDemo ul[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #ddd;
  padding: 10px 15px;
  min-height: 42px;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.typesDemo ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  margin-bottom: -1px;

  /* Disable text selection if item is not draggable */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.typesDemo ul[dnd-list] li dnd-nodrag {
  display: block;
  padding: 10px 15px;
}

/**
 * Gender-specifc background
 */
.typesDemo ul[dnd-list] li.background-Transaction {
  background-color: #CAE0FC;
}

.typesDemo ul[dnd-list] li.background-invoice {
  background-color: #FFE2F5;
}

.typesDemo ul[dnd-list] input.background-Transaction {
  background-color: #D8E9FF;
  color: #2F4D99;
}

.typesDemo ul[dnd-list] input.background-invoice {
  background-color: #FFF0FA;
  color: #D84FA7;
}

/**
 * Handle positioning
 */
.typesDemo .handle {
  cursor: move;
  /*position: absolute;*/
  top: 14px;
}

.typesDemo .name {
  margin-left: 20px;
}
/***
**  Nested stylish-input-group
**/
/***************************** Dropzone Styling *****************************/

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.nestedDemo .dropzone ul[dnd-list] {
    margin: 0px;
    min-height: 42px;
    padding-left: 0px;
}

.nestedDemo .dropzone li {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    padding: 0px;
}

/**
 * Reduce opacity of elements during the drag operation. This allows the user
 * to see where he is dropping his element, even if the element is huge. The
 * .dndDragging class is automatically set during the drag operation.
 */
.nestedDemo .dropzone .dndDragging {
    opacity: 0.7;
}

/**
 * The dndDraggingSource class will be applied to the source element of a drag
 * operation. It makes sense to hide it to give the user the feeling that he's
 * actually moving it. Note that the source element has also .dndDragging class.
 */
.nestedDemo .dropzone .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be added as child of the dnd-list
 * while the user is dragging over it.
 */
.nestedDemo .dropzone .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

/***************************** Element Selection *****************************/

.nestedDemo .dropzone .selected .item {
    color: #3c763d;
    background-color: #dff0d8;
}

.nestedDemo .dropzone .selected .box {
    border-color: #d6e9c6;
}

.nestedDemo .dropzone .selected .box > h3 {
    background-color: #dff0d8;
    background-image: linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);
    border-color: #d6e9c6;
    color: #3c763d;
}

/***************************** Element type specific styles *****************************/

.nestedDemo .dropzone .item {
    padding: 10px 15px;
}

.nestedDemo .dropzone .container-element {
    margin: 10px;
}

.nestedDemo .dropzone .container-element .column {
    float: left;
    width: 50%;
}

/***************************** Toolbox *****************************/

.nestedDemo .toolbox ul {
    cursor: move;
    list-style: none;
    padding-left: 0px;
}

.nestedDemo .toolbox button {
    margin: 5px;
    opacity: 1.0;
    width: 123px;
}

.nestedDemo .toolbox .dndDragging {
    opacity: 0.5;
}

.nestedDemo .toolbox .dndDraggingSource {
    opacity: 1.0;
}

/***************************** Trashcan *****************************/

.nestedDemo .trashcan ul {
    list-style: none;
    padding-left: 0px;
}

.nestedDemo .trashcan img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

.nestedDemo .trashcan .dndDragover img {
    width: 100%;
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.nestedDemo .trashcan .dndPlaceholder {
    display: none;
}
/** overridding popover-content
**/
.popover-content{
	    padding: 0px 0px 0px 0px;
    width: 105%;
    margin: -5px -1px -26px -6px;
}
.popover {
    max-width: 450px;
}
#transactionTemplate{
	width: 186%;
}
#invoiceSearch{
	margin-left:-10px;
}

#reconLBL{
	background-color:#CAE0FC;
}
#reconLBL .panel-title{
	font-weight: bold;
}
#transactionSearchLI .row{
	padding: 3px;
    width: 103%;
    margin-left: -20px;
}
#invoiceSearchLI .row{
	padding: 3px;
    width: 103%;
    margin-left: -20px;
}
.reconTabHeader {
	font-family : "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:1px solid #dfe8f1;
	background-color: #f9fafe;
	color: #4b5056;
	font-size: 14px;
    font-weight: bold;
    height: 37px;
	}
.width15{
	width:15% !important;
}
/**
* 2 FA Compact component.
*/
.twoFACompact .twoFAbtnDiv .btn-primary {
	margin-left:0px
}
.twoFACompact .twoFAbtnDiv .btn-default {
	margin-left:10px
}
.twoFACompact .radio-inline {
	padding-left:0px !important;
}
.twoFAEnabled{
	border: 2px dashed #00bca4 !important;
}

#viewDocumentOverlay .modal-body .row .col-xs-12 iframe{
	width: 100% !important;
    height: 500px !important;
}

#previewNotAvalDiv{
	padding:14%;
}
#previewNotAvalDiv h5{
	font-size: 31px;
}
#previewNotAvalDiv h4{
	font-size: 28px;
}
#page-header .user-account-btn .dropdown-menu {
    width: 324px;
}
#announcementModal{
	margin-bottom:-20px;
}
.width300{
	width:300px !important;
}

.transactionSearch .dropdown-menu {
    width: auto;
}
.exportToCsvDiv{
	padding-top:5px;
}
.bankdtl_header a{
	color:black;
}
#advancedSearch .form-control{
	height:40px;
}
.getRateBtnCls{
	margin:0px 0px 0px 0px;
}
#page-content-wrapper{
	background-color:#2d2d2d;
}
.control-label{
	padding: 8px 0px 0px 0px !important;
}
.nmarg29P{
	margin-left:-31%;
}
.move {
	cursor: move;
}
.dashboardWidgetDragMenu .dndPlaceholder{
	background-color:#308dcc;
	opacity: 0.2;
}
.dashboardWidgetDragMenu .reset-ul{
	border-bottom: #dfe8f1 solid 1px;
}
.dashboardWidgetDragMenu .dashboardWidgetDragMenuCheckbox{
	display:none;
}
#dashboardDragContent .dndPlaceholder{
	min-height: 300px;
	background:#308dcc;
	opacity: 0.2;
	list-style-type: none;
}
#dashboardDragContent .dragCanves{
	min-height: 300px;
}
.dragIcon{
	margin:0px 0px -30px 6px;
	color:#00a792;
}
.boss-chat-box .scrollable-content{
	height:444px;
}
.boss-chat-all-topic{
	padding:0px !important;
}
.boss-chat-all-topic .scrollable-content{
	height:530px;
}
#boss-chat-box-div{
	    margin-left: -20px;
}
.ngClass-selected-chat {
    background-color:#eff4f6;
}
.padTP2{
	padding-top: 2px;
}
#chat-subject-label span{
	cursor: pointer;
	margin-right: 5px;
}
#event-warning-modal .progress-bar{
	height:100%;
}
/*GT-99*/
#theme-options{
	top:84px;
}
/*GT-108*/
#twoFactorAuthOOBA #OOBAcontainer .btnCreateClose{
	 display: none;
 } 
 
/* GT-391 */
.word-wrap{
	overflow-wrap: break-word;
}
/*FDIC Signage*/
.fdic_text{
    padding-top: 0.5rem !important;
}
.fdic_container{
	margin-top:7px;
}
.tp_boss{
	margin-top: -10px;
}