﻿body {
    height: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
.table th, .table td { 
        border-top: none !important;
        border-left: none !important;
    }

    .ui-panel-inner {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: auto;
    height:400px;
    
    -webkit-overflow-scrolling: touch;
}
/*.text-danger { font-size:12px !important; margin-left:3px; margin-right:3px;
}*/
.login-pg {background-color:#dbd7d7;
}
.onlyPrint {display:none;
}
@media print {

body  
{ 
    /* this affects the margin on the content before sending to printer */ 
    margin: 0px;  
} 

   html, body { height: 99%; }

   
.container-fluid {
	width: 100%;
	min-width: 750px;
    margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
}
 table {width:100%; font-size:11px;
        table-layout:inherit;
    }
 .table-responsive{overflow-x:auto;}
 table td {word-wrap:break-word;}
a[href]:after, a[href]:link  {
    content:none !important;
}
.onlyPrint {display:inline !important;
}

.no-print,
.btn, 
.footer, 
#comments, 
.navmenu
{
	display:none !important;
}

@page {
   size: A4;
    margin: 25mm 25mm 25mm 25mm;   /* change the margins as you want them to be. */
}
}

/************ merchant registration ******************/
.wizard {
    margin: 0px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 0px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 65%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #db5217;
    
}
.wizard li.active span.round-tab i{
    color: #db5217;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 20%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #db5217;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #db5217;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 20px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}
/******************************/

#login-nav input { margin-bottom: 15px; }

 .shade{
    -moz-box-shadow:  0 0 10px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}


.btn-success {
  background-color: #0a8032;
  border-color: #0a8032;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  background-color: #086829;
  border-color: #065120;
}
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #0a8032;
  border-color: #0a8032;
}


.btn-danger {
  background-color: #cf0f03;
  border-color: #cf0f03;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
  background-color: #b60d03;
  border-color: #9d0b02;
}
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #cf0f03;
  border-color: #cf0f03;
}

.btn-info {
  background-color: #5b80b8;
  border-color: #5b80b8;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  background-color: #4b73ae;
  border-color: #44679c;
}
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #5b80b8;
  border-color: #5b80b8;
}

.navbar-nav > li > a, .navbar-brand {
    padding-top:13px !important; 
    padding-bottom:13px !important;
    height: 45px;
}
.navbar-custom {min-height:45px !important;}

.langchanger visited {
    color: #808080 !important;
}

.langchanger active {
    color: #808080 !important;
}

.langchanger {
    color: #808080 !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 14px !important;
}

.menuFont {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.dtdir {
    direction: ltr;
    text-align: center;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 12px;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 12px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 12px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 12px;
}