body 
{
	font-family: "Droid Sans"; 
    font-style: normal; 
    font-variant: normal; 
}


.f-gr
{
	border-left: 4px solid #FFC700;
	padding-left: 5px;
	}

.footer 
{
	/*border-top : 4px solid #ccc;*/
	margin-top: 50px;
	background-color : #222222 !important;
	color: #efefef;
	}
.inner-footer 
{
	padding: 10px 30px 30px 30px;
	text-align: justify;
	}
	
.sub-inner-footer
{
	padding: 10px 30px 0px 30px;
	}
	
@media (max-width: 600px)
{
	.inner-footer 
	{
		padding: 10px 10px 10px 10px;
		text-align: justify;
		}
	}
	
.inner-footer h4
{
	font-weight:700;
	}
	
.inner-footer p
{
	color: #989898;
	}

.footer .container .inner-footer ul li 
{
	list-style-type: none;
    line-height: 28px;
	}
	
.footer .container .inner-footer a 
{
	color: #efefef;
	}

.header 
{
	/*margin-bottom: 10px;*/
	border-bottom : 3px solid #F3F3F3;
	}

.bottom-line 
{
	/*margin-left : 50px;*/
	/*margin-right : 50px;*/
	/*border-bottom: 5px solid #03498a;*/
	border-bottom: 5px solid #FFC700;
	}
	
.tab-pane .row .col-md-12 p 
{
	font-weight:normal;
	/*text-align:justify;*/
	font-size: medium;
	}

.inner-description 
{
	padding : 10px 30px 10px 30px;
	}

@media (max-width: 600px)
{
	.inner-description 
	{
	padding : 10px 10px 10px 10px;
		}
		
	.modal-header 
	{
		padding: 0px;
		}
	

	}
	
.image-holder 
{
	padding: 50px 20px 20px 20px;
	box-shadow:-1px 5px 20px #888888;
	transition : transform .2s;
	}
	
.image-holder img
{
	margin-right: auto; 
	margin-left:auto; 
	display:block;
	}
	
.image-holder:hover 
{
	transform : scale(1.1);
	}
	
/***************************/
.text-red 
{
	color: Red !important;
	}
	
#PnlClient .col-md-4, .col-md-6, .col-md-2 
{
	margin-bottom: 10px;
	}
	
#PnlBenDependent .col-md-4, .col-md-6, .col-md-2 
{
	margin-bottom: 10px;
	}
	
#PnlDpendent .col-md-4, .col-md-6, .col-md-2 
{
	margin-bottom: 10px;
	}

@media(max-width:600px) 
{
	.hide_img 
	{
		
		}
		
}

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

.right-header 
{
	float:right;
	margin-top: 10px;
	}
	
@media(max-width:600px) 
{
	.right-header 
	{
		display:none;
		}
	}

.sub-header-img
{
	float:right;
	}
	
@media(max-width:600px) 
{
	.sub-header-img
	{
		float:none;
		display:block;
		margin-right:auto;
		margin-left:auto;
		margin-top: 20px;
	}
		
}
	
.content-title 
{
	color: #ffc700;
	font-weight: 700; 
	}
.btn-custom-green 
{
	padding-left : 40px;
	padding-right : 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius : 0;
	background-color: #28a745 !important;;
	color: Black !important;
	border:none !important;
	margin-bottom: 15px;
	}
	
.btn-custom-yellow 
{
	padding-left : 40px;
	padding-right : 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius : 0;
	background-color: #FFC700 !important;
	color: Black !important;
	border:none !important;
	margin-bottom: 15px;
	}
	
.btn-custom-black 
{
	padding-left : 40px;
	padding-right : 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius : 0;
	background-color: #353B48 !important;
	color: White !important;
	border:none !important;
	margin-bottom: 15px;
	}

.overwrite-font-weight
{
	font-weight:200 !important;
	
	}

.justified
{
	text-align:justify;
	}

.font-calibri
{
	font-family:"Calibri", Sans-Serif !important;
	}

#paynamics_image 
{
	float:right;
	margin-right: -30px;
	}
	
@media (max-width: 600px)
{
	#paynamics_image 
	{
		float:none;
		margin-right: 0;
		margin-bottom: 15px;
		}
	}
	
/******OVERWRITE ADMIN CSS******/
@media (max-width: 767px) {
  .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden; }
    .nav-tabs > li a, .nav-tabs > li a:focus, .nav-tabs > li a:hover {
      padding: 15px; } }

.step .nav-tabs {
  border-bottom: 0px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  border-radius: 1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: relative; }
  .step .nav-tabs > li {
    border-right: 0;
    z-index: 2;
    -ms-flex: 1;
        flex: 1;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden; }
    .step .nav-tabs > li[class^="col-"] {
      padding-left: 0;
      padding-right: 0;
      border-radius: 0; }
    .step .nav-tabs > li > a, .step .nav-tabs > li uib-tab-heading {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      border: 0;
      padding: 2rem;
      padding-left: 0;
      z-index: 2;
      /*color: #18aa4a; */
      color: #FFC700; }
      .step .nav-tabs > li > a .icon, .step .nav-tabs > li uib-tab-heading .icon {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        font-size: 2.5em;
        margin-right: 0.5em;
        width: 60px;
        height: 60px;
        min-width: 60px;
        border-radius: 50%;
        /*background-color: #29c75f; */
        background-color: #FFC700;
        color: #FFF; }
      .step .nav-tabs > li > a .heading, .step .nav-tabs > li uib-tab-heading .heading {
        -ms-flex: 1;
            flex: 1;
        text-align: left;
        overflow: hidden; }
        .step .nav-tabs > li > a .heading .title, .step .nav-tabs > li uib-tab-heading .heading .title {
          font-weight: bold;
          font-size: 1.1em;
          margin-bottom: 1rem;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .step .nav-tabs > li > a .heading .description, .step .nav-tabs > li uib-tab-heading .heading .description {
          font-size: 0.8em;
          margin-bottom: 0.5rem;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .step .nav-tabs > li > a:hover, .step .nav-tabs > li uib-tab-heading:hover {
        border: 0;
        background-color: transparent; }
    .step .nav-tabs > li.active > a, .step .nav-tabs > li.active > a:focus, .step .nav-tabs > li.active > a:hover, .step .nav-tabs > li.active uib-tab-heading {
      background-color: transparent;
      border: 0;
      /*color: #18aa4a; */
      color: #FFC700; }
    .step .nav-tabs > li.active > a:hover {
      cursor: pointer; }
    .step .nav-tabs > li.active ~ li > a, .step .nav-tabs > li.active ~ li > a:focus, .step .nav-tabs > li.active ~ li > a:hover, .step .nav-tabs > li.active ~ li uib-tab-heading {
      color: #8d9293; }
      .step .nav-tabs > li.active ~ li > a .icon, .step .nav-tabs > li.active ~ li > a:focus .icon, .step .nav-tabs > li.active ~ li > a:hover .icon, .step .nav-tabs > li.active ~ li uib-tab-heading .icon {
        background-color: #c8d1d3;
        color: #FFF; }
    .step .nav-tabs > li.active ~ li > a, .step .nav-tabs > li.active ~ li > a:focus, .step .nav-tabs > li.active ~ li > a:hover, .step .nav-tabs > li.active ~ li uib-tab-heading {
      color: #8d9293; }
    .step .nav-tabs > li.active ~ li:after {
      content: '';
      z-index: 1;
      position: absolute;
      display: block;
      height: 4px;
      border-radius: 0px;
      top: 50%;
      transform: translate(0, -50%);
      width: 100%;
      background-color: #dfe6e8; }
    .step .nav-tabs > li:last-child {
      border-top-right-radius: 1px;
      border-bottom-right-radius: 1px; }
      .step .nav-tabs > li:last-child:before, .step .nav-tabs > li:last-child:after {
        display: none; }
  .step .nav-tabs:after {
    content: '';
    z-index: 1;
    position: absolute;
    display: block;
    height: 4px;
    border-radius: 2px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    /*background-color: #29c75f;*/
    background-color: #FFC700; }

.step .tab-content > div {
  padding: 0; }

@media (max-width: 767px) {
  .step .nav-tabs > li > a, .step .nav-tabs > li uib-tab-heading {
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0; }
    .step .nav-tabs > li > a .icon, .step .nav-tabs > li uib-tab-heading .icon {
      margin-right: 0; }
    .step .nav-tabs > li > a .heading, .step .nav-tabs > li uib-tab-heading .heading {
      display: none; } }
      
/*************************/
.img-responsive-overwrite 
{
	display: block;
    max-width: 100%;
    height: 56px;
    margin-right: auto;
    margin-left: auto;
	}