body 	{ margin: 0 auto; padding: 0;
       	font: normal 14px/17px 'PT Sans', 'sans-serif', arial,helvetica; color: #4b4b4b; }
* 		{ padding: 0; margin: 0; text-decoration:none; border: 0px; outline: none; }

@font-face { font-family: 'Hel57'; src: url('../fonts/front/hel57.ttf') format('truetype'); }
@font-face { font-family: 'Hel67'; src: url('../fonts/front/hel67.ttf') format('truetype'); }
@font-face { font-family: 'Hel77'; src: url('../fonts/front/hel77.ttf') format('truetype'); }

@font-face { font-family: 'RobotoL'; src: url('../fonts/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: 'RobotoR'; src: url('../fonts/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: 'RobotoM'; src: url('../fonts/Roboto-Medium.ttf') format('truetype'); }

@font-face { font-family: 'PT Sans'; src: url('../fonts/front/PTS55F.ttf') format('truetype'); }

html {
    margin: 0px; padding: 0px;
    height: 100%; background-color: #fff;
}

body, #main_table {
    height: 100%; margin: 0px; padding: 0px;
    background-color: #fff;
}

html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
html { overflow-y: scroll; }

a:link { color: #1f6f99; text-decoration: none; }
a:visited { color: #cc6600; text-decoration: none; }
a:hover { color: #cc6600; text-decoration: underline; }

TD#head_bac 		{ background: url("../img/head_bac.im.307ed4af9d729de7f0d2375a8b0115b7.png") repeat-x top; height: 70px; }
TD.head_bac 		{ background: url("../img/head_bac.im.307ed4af9d729de7f0d2375a8b0115b7.png") repeat-x top; height: 70px; }

H3.he   { color: #0f8bac; border-left:  5px solid #75a5b9; background-color: #f5f5f5; padding: 12px 7px 10px 20px;
          font-size: 16px; font-weight: normal; letter-spacing: .01em; 
          font-family: 'RobotoR', 'sans-serif', arial,helvetica; }
H3.bigg_tari {border-bottom: 1px solid #000; margin: 0px; padding-bottom: 2px; text-align: center; font-weight: normal;}

#bank { display: inline; margin: 0px 0px 10px 10px; border-top: 1px solid #b6c1d3;
        float: left; position: relative; width: 200px; height: 100px; padding-top: 10px;}


TD#content 		{ width: 960px; border-bottom: 1px solid #d1ecff; background-color: #fff;}
TD#cont_bac_le  { background-color: #fff; left; }
TD#cont_bac_ra  { background-color: #fff; right; }

DIV.terms { width: 960px; margin-top: 80px; margin-bottom: 20px; text-align: left;
            height: 100%; min-height: 30em;}
DIV.terms p, DIV.usl p  { padding-bottom: 7px; padding-top: 8px; line-height: 1.5em; } 
DIV.terms ul { margin-left: 30px; } 
DIV.terms li { padding-bottom: 10px; } 

DIV#zaiavka	{ margin: 20px 0px;}

DIV#mrc	 	{ width: 785px; background-color: #fff; float: left; border: 1px solid #d0d0d0; border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding-bottom: 20px;}
TABLE.mrcss    { margin-top: 18px;}
TABLE.mrcss TD { padding: 4px; font-size: 1.2em; padding-left: 10px;}
TABLE.mrcss TD.bo { font-weight: 700;}
TABLE.mrcss TD.bo_r { font-weight: 700; border-top: 2px solid #555;}

TABLE.mrcss TD.rta { text-align: right; padding-right: 250px;};


/*===ePay Login===*/
.log_in {
       margin-right: 30px; width: 275px; float: left;
}

.tab_input {  margin-bottom: 15px;
	border: 1px solid #bfbfbf; height: 27px; font-size: 1.2em; padding: 3px 0px 3px 6px;
	border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 28%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(28%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 28%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f0f0 0%,#ffffff 28%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 28%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 28%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;

}

.tab_input:focus { 
  box-shadow: 0 0 3px rgba(81, 203, 238, .5);
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid rgba(18, 122, 154, 1);

}

INPUT.button {
   font-size: 1.2em; font-family: 'PT Sans', 'sans-serif', arial,helvetica;
   margin-top: 7px; margin-bottom: 6px; 
   /*letter-spacing: 1px;*/
	color: #ffffff; cursor:pointer;
	padding: 6px 20px;
	background-color: #2872a0;
	
	-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
	border: 1px solid #5e94ff;
	-moz-box-shadow:0px 1px 2px rgba(000,000,000,0.3),inset 0px -1px 7px rgba(20,93,135,1);
	-webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.3), inset 0px -1px 7px rgba(20,93,135,1);
	box-shadow: 0px 1px 1px rgba(192,192,192,1), inset 0px -1px 7px rgba(20,93,135,0.3);
	
	text-shadow: 0px -1px 0px rgba(82,119,195,1);
}

INPUT.button:hover {
	background-color: #3d93f6; 
	text-shadow: 0px 1px 0px rgba(000,000,000,1);
}

a.reg_ep {
   font-size: 1.2em; font-family: 'PT Sans', 'sans-serif', arial,helvetica;
   margin-top: 7px; margin-bottom: 6px; 
   /*letter-spacing: 1px;*/
	color: #ffffff; cursor:pointer;
	padding: 6px 20px;
	background-color: #2872a0;
	
	-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
	border: 1px solid #5e94ff;
	-moz-box-shadow:0px 1px 2px rgba(000,000,000,0.3),inset 0px -1px 7px rgba(20,93,135,1);
	-webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.3), inset 0px -1px 7px rgba(20,93,135,1);
	box-shadow: 0px 1px 1px rgba(192,192,192,1), inset 0px -1px 7px rgba(20,93,135,0.3);
	
	text-shadow: 0px -1px 0px rgba(82,119,195,1);
}

#gdpr_terms {
    padding: 10px;
    background-color: #F5F5F5;
}

#normal_credit_pay #gdpr_terms {
    margin-bottom: 10px;
}

#gdpr_terms p {
    color: #129cc8;
}

.badge.success {
    background-color: limegreen;
}

.iframe-wrapper > iframe {
    width: 100%;
    height: 400px;
}
/*--PREZ Inet*/

DIV.prez_inet { margin: 15px 55px 55px 55px; font-size: 1.1em; }
DIV.epay_log	{ padding-right: 55px; border-right: 1px solid #d0d0d0; float: left; }
DIV.card_log   { padding-left: 55px; float: left; }

p.log_in span.n_card { display: block; margin-bottom: 3px; padding-top: 12px; background: url("../img/j/vm.png") no-repeat bottom right; }

/*==NEWS==*/

DIV.news {  margin-right: 10px; margin-left: 10px; margin-top: 20px; width: 275px; float: left; }
DIV.usl {  margin-top: 0px; width: 550px; float: left;
           margin-left: 10px; height: 100%; min-height: 20em; }
DIV.usl ul {  margin-left: 30px; } 
DIV.usl ul li {  margin-bottom: 15px; line-height: 1.35em; padding-left: 5px; } 
DIV.usl p.usl_h {  font: normal 1.1em 'RobotoR', 'sans-serif', arial,helvetica; 
         margin-top: 13px; margin-bottom: 5px;  padding: 7px; background-color: #f5f5f5; }          

DIV.news p a { color: #4b4b4b; line-height: 1.3em; }
p.date { color: #2a80b9; padding-top: 15px;	}
span.robR {
	font-family: 'RobotoM', 'sans-serif', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.stroke {
	display: block; width: 100%; background: url(../../img/front/stroke.png) repeat-x;
 	 margin-top: 30px;}

DIV.usl p.int_hed, DIV.terms p.int_hed {
	background-color: #f6f9fa;  border-bottom: 2px solid #dce8ed;
   font-family: 'RobotoR', 'sans-serif', arial,helvetica;
   font-size: 1em;
   margin-bottom: 10px; margin-top: 10px; padding: 15px;
}

p.alert {
	background: #f8fafc url(../../img/front/ye.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left; margin: 15px 100px;
	padding: 20px 20px 20px 70px;
	border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe;}
a.bn { border: none; }	
a.col { color: #4b4b4b; }	

/*===PLATEJNO===*/
DIV#plat TABLE.com TD { height: auto; border: none; font-size: 1.1em; padding-top: 2px;  }
DIV#plat TABLE.com  { margin-bottom: 20px; }
	
DIV#plat {
   margin: 0px 55px 55px 55px;
	font: 10px Arial, Helvetica sans-serif;
	color: #333;
	background-color: #fff;
}

DIV#plat sup {
	font-size: 9px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	color: #silver;
}
DIV#plat TABLE
     {
     border-collapse:collapse;	
     }

DIV#plat TD {
	height: 33px;
	text-indent: 5px;
	border: 1px solid #666666;
	vertical-align: top;
}
DIV#plat .baza {
	font: bold 16px/1.4em "Courier New", Courier  mono;
	color: #000;
	text-transform: uppercase; letter-spacing: 0.1em;
}

DIV#plat h5{
	margin: 5px 0px 0px; font-size: 14px;
	letter-spacing: 0.15em;
}
DIV#plat #Title {
	font: bold 1.2em/1.2em Arial, Helvetica, sans-serif;
	color: #FFF; letter-spacing: 0.2em;
	background-color: #CA0000;	
}

DIV#plat .pad0 { padding-top: 0px; }

DIV#plat TD.gr	{ background: url("../img/j/plat_gr.png") repeat-x; }
DIV#plat TD.bl	{ background: url("../img/j/plat_bl.png") repeat-x;}
DIV#plat TD.mag	{ background: url("../img/j/plat_mag.png") repeat-x; }

/*===ATM===*/
DIV#atm { margin: 3px 20px 20px 20px; }

#nav_easypay ul
 {
 margin: 0px 50px;
 padding: 0;
 list-style-type: none;
 text-align: left; clear: both;
 border-bottom: 1px solid #afafaf; height: 50px;
 }

#nav_easypay ul li { display: block; float: left; font-size: 1.05em; padding-top: 5px; padding-bottom: 3px; }
#nav_easypay ul li.step { padding-right: 30px; padding-left: 0px; background: url("../img/j/bul_nav.png") no-repeat top right; }
#nav_easypay ul li.cl {  padding-right: 50px; padding-left: 5px; background: url("../img/j/bul_nav1.png") no-repeat top right;  }
/*#nav_easypay ul li.step_fin { padding-left: 10px; } */

DIV#kod_pl {
width: 360px; height: 100px; background-color: #fbfbfb; border: 1px solid #d0d0d0;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

DIV#kod_pl DIV.kod_1 { float: left; margin-left: 20px; padding-right: 15px; margin-top: 15px;  }
DIV#kod_pl DIV.kod_2 { float: right; margin-right: 15px; border-left: 1px solid #d0d0d0; padding-left: 15px; margin-top: 15px;  }
.green_code { font: bold 20px "Courier New", "Courier mono"; letter-spacing: 0.1em; color: #26af83; margin-top: 6px; }

TD.srok { font-size: 1.2em; text-align: center;}

/*--FOOTER--*/

TD#footer { font-size: 0.8em; padding-top: 20px; }
TD#footer TABLE TD { padding-bottom: 5px; vertical-align: top; }
TD.foot_last { border-top: 1px solid #3d3d3d; } 


/****/

.logo_mrcs { margin: 0px 70px 0px 22px;}
DIV#barcode	{ width: 170px; float: right;  }

#paylogin_qrcode_show {
    float: right;
    width: 170px;
    text-align: center;
    cursor: pointer;
}

.qrcode_show_err {
   font-weight: bold; 
}

.red_code { font: bold 20px "Courier New", "Courier mono"; letter-spacing: 0.1em; color: #db002e; margin-top: 6px; }
.red_code_text { font-size: 1.2em; margin-top: 14px; font-weight: 700; }

div.rt {
    text-align: right;
}

div.rta {
    text-align: right;
    padding-right: 30px;
}

.sales_header { margin-bottom:6px; }
.form-control.disabled { cursor: not-allowed; background: #eeeeee; }

.hidden { display: none; }

.tab-pane {
    border-bottom: 1px solid #cdcfdc;
    height: 33px;
}

#tab-view1 {
	width: 945px; /*height: 400px;*/
}

/* tab-button */
.tab-pane div {
    border-top: 1px solid #cdcfdc;
    border-left: 1px solid #cdcfdc;
    border-right: 1px solid #cdcfdc;
    position: relative;
    float: left;
    height: 23px;
    /*padding-left: 3px;*/
    vertical-align: middle;
    
     -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px;
     border-top-right-radius:5px;         border-top-left-radius:5px; 
      -webkit-border-radius-top:5px;
      
      
}

.tab-pane .tab-active {

    /*bottom: 0;*/
    font-size: 16px;
    background-color: #fff;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    z-index: 10;
}

.tab-pane .tab-inactive {
    font-size: 16px;
    cursor: pointer;
    color: #1f6f99;
    bottom: -5px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 4px;
    padding-bottom: 1px;
    z-index: 1;
    
    
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 32%, #f3f3f4 92%, #d8d8d8 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#ffffff), color-stop(92%,#f3f3f4), color-stop(98%,#d8d8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 32%,#f3f3f4 92%,#d8d8d8 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 32%,#f3f3f4 92%,#d8d8d8 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 32%,#f3f3f4 92%,#d8d8d8 98%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 32%,#f3f3f4 92%,#d8d8d8 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}

/* tabs */
.a-tab {
	 background-color: #fff;
    border-bottom: 1px solid #cdcfdc;
    border-left: 1px solid #cdcfdc;
    border-right: 1px solid #cdcfdc;
    padding: 5px;
    /*border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;*/
    
    
     -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px;
     border-bottom-right-radius:3px;         border-bottom-left-radius:3px; 
      -webkit-border-radius-bottom:3px; 
}

#plg_pay_conf {
    display: none;
}

@media print {
    body {
        background: white;
        color: black;
        font: 16px Verdana, Helvetica, Arial, sans-serif;
        font-weight: normal;
        text-align: left;
    }

    body > * {
        display: none;
    }

    body > div#print-frame-id {
        display: block;
    }
}

@media screen, projection, handheld {
    body > div#print-frame-id {
        display: none;
    }
}