/* Start:/local/components/bix/control.show_by_tabs/templates/.default/show_by_tabs.css?17363418531852*/
.by_tabs_default {
}
.by_tabs_default .tab-column {
	margin:								0em;
	padding:							0em;
	font-size:							0em;
}

.by_tabs_default .tab-column {
    text-align:							center;
    font-size:							16px;
    font-family:                        'Regular','Arial',sans-serif;
	color:								#4A4A4A;
    cursor:								pointer;
    display:							block;
    width:								auto;
/*    
    white-space:						nowrap;
*/
    line-height:						2.2rem;
    position:							relative;
    text-align:							center;
    height:                             50px;
    padding:                            10px 0px;
    box-sizing:                         content-box;
}
.by_tabs_default .tab-column.column-active {
/*    
	font-weight:						bold;
*/
    font-family:                        'Semi-bold','Arial',sans-serif;
}

.by_tabs_default .tab-inactive {
    box-shadow:                         0px 1px 0px 0px #DDDDDD;
}

.by_tabs_default .tab-active {
	border-top:							1px solid #DDDDDD;
	border-left:						1px solid #DDDDDD;
	border-right:						1px solid #DDDDDD;
    border-radius:                      5px 5px 0px 0px;
}

.by_tabs_default .tab-inactive,
.by_tabs_default .tab-active {
    display: table;
}

.by_tabs_default .tab-column{
    display: table-cell;
    vertical-align: middle;
}
/**
 *  < 768px
 */
@media (max-width: 767px) {
    
    .by_tabs_default .tab-inactive {
        border-top:							1px solid #DDDDDD;
        border-left:						1px solid #DDDDDD;
        border-right:						1px solid #DDDDDD;
        border-radius:                      5px 5px 0px 0px;
    }
    
    .by_tabs_default .tab-active {
        background-color:					#DDDDDD;
    }
    
    .by_tabs_default .tab-inactive,
    .by_tabs_default .tab-active{
        width: 100%;
    }

}

/* End */


/* Start:/local/components/otp/utils.exchange_rate_arc/templates/.default/exchange_rate_arc.css?16880383222078*/
.exchange_rate_arc {
  margin:                    0px;
  padding:                   0px;
}
#exchange-all {
    padding:                0px 15px;
}
.exchange-rowtitle {
    background-color:       #EEEEEE;
    padding:                20px 0px;
    text-align:             center;
}

.exchange-box {
    background-color:       #FFFFFF;
    padding:                0px 15px;
    border-top:             1px solid #DDDDDD;
    border-right:           1px solid #DDDDDD;
    box-shadow:             -1px 0px 0px 0px #DDDDDD;
}

.exchange-text,
.exchange-value {
  border-bottom:             1px solid #DDDDDD;
  text-align:                center;
  vertical-align:            middle;
  font-size:                 16px;
  font-family:               'Regular','Arial',sans-serif;
  color:                     #444444;
  line-height:               normal;
  padding-top:               18px;
  height:                    62px;
}
.exchange-text {
  text-align:                left;
}
.exchange-value {
  text-align:                center;
}
div.exchange-first {
  border-left:              none;
  box-shadow:               1px 0px 0px 0px #DDDDDD;
}
div.exchange-last {
  border-right:             none;
  box-shadow:               -1px 0px 0px 0px #DDDDDD;
}
.title-box {
    text-align:             right;
    display:                table;
    width:                  100%;
}
.title-box h3 {
    display:                table-cell;
    vertical-align:         middle;
    height:                 52px;
    margin:                 0px;
}
.exchange-top .filter-box {
    padding:                4px 0px;
    text-align:             left;
}
input.another_date {
  border:                    1px solid #DD0000!important;
}
.exchange-top {
    margin:                 50px 0px;
}
div.exchange-top img {
   right:                   20px;
   top:                     9px;
}
@media screen and (max-width: 767px) {
    #archive-box{padding: 0 15px;}
    .exchange-rowtitle > div:first-child{ padding: 0 0 20px; font-weight: bold;}
    .exchange-text{font-weight: bold; text-align: center;}
}

/* End */


/* Start:/local/components/otp/utils.kross_curr_rate/templates/.default/kross_curr_rate.css?16880383222404*/
.kross-all,
.kross-box,
.kross-top,
.filter-box,
.kross-title,
.title-box,
.kross-row,
.kross-row-add,
.kross-global-title,
.kross-futer-text,
.kross-row-empty,
.kross-text,
.kross-value,
.kross-first,
.kross-row-title {
  margin:                    0px;
  padding:                   0px;
}

.kross-all {
  text-align:                center;
}

.kross-box {
    background-color:       #FFFFFF;
    padding:                0px 15px;
    border-top:             1px solid #DDDDDD;
    border-right:           1px solid #DDDDDD;
    box-shadow:             -1px 0px 0px 0px #DDDDDD;
}
.kross-row-add {
    text-align:             left;
    border-bottom:          1px solid #DDDDDD;
    font-size:              16px;
    font-weight:            bold;
    font-family:            'Regular','Arial',sans-serif;
    color:                  #444444;
}
.kross-row {
    
}
.kross-global-title {
    color:                  #222222;
    font-size:              20px;
    font-family:            'Regular','Arial',sans-serif;
}
.kross-futer-text {
    
}

.kross-row-empty {
}
.kross-text,
.kross-value {
  border-bottom:             1px solid #DDDDDD;
  text-align:                center;
  vertical-align:            middle;
  font-size:                 16px;
  font-family:               'Regular','Arial',sans-serif;
  color:                     #444444;
  line-height:               normal;
  padding:                   10px 0px;
}
.kross-text {
  text-align:                left;
}
.kross-value {
  text-align:                center;
}
div.kross-first {
  border-left:              none;
  box-shadow:               1px 0px 0px 0px #DDDDDD;
}
div.kross-last {
  border-right:             none;
  box-shadow:               -1px 0px 0px 0px #DDDDDD;
}
.kross-row-title {
    background-color:       #EEEEEE;
    padding-bottom:         10px;
    padding-top:            10px;
}
.title-box {
    text-align:             right;
}
.filter-box {
    text-align:             left;
}
input.another_date {
  border:                    1px solid #DD0000!important;
}
.kross-top {
    margin:                 50px 0px;
}
div.kross-top img {
   right:                   20px;
   top:                     5px;
}
.kross-row-add{padding: 10px 0;}
.kross-row-empty{display: none;}


@media screen and (max-width: 767px) {
    .kross-row-add{text-align: center;}
    .kross-row-title > div:first-child{font-weight: bold;}
}

/* End */


/* Start:/local/components/otp/utils.exchange_rate_smart/templates/.default/exchange_rate_smart.css?17032582262261*/
.exchange_rate_arc {
  margin:                    0px;
  padding:                   0px;
}
#exchange-all {
    padding:                0px 15px;
}
.exchange-rowtitle {
    background-color:       #EEEEEE;
    padding:                20px 0px;
    text-align:             center;
}

.exchange-box {
    background-color:       #FFFFFF;
    padding:                0px 15px;
    border-top:             1px solid #DDDDDD;
    border-right:           1px solid #DDDDDD;
    box-shadow:             -1px 0px 0px 0px #DDDDDD;
}

.exchange-text,
.exchange-value {
  border-bottom:             1px solid #DDDDDD;
  text-align:                center;
  vertical-align:            middle;
  font-size:                 16px;
  font-family:               'Regular','Arial',sans-serif;
  color:                     #444444;
  line-height:               normal;
  padding-top:               18px;
  height:                    62px;
}
.exchange-text {
  text-align:                left;
}
.exchange-value {
  text-align:                center;
}
div.exchange-first {
  border-left:              none;
  box-shadow:               1px 0px 0px 0px #DDDDDD;
}
div.exchange-last {
  border-right:             none;
  box-shadow:               -1px 0px 0px 0px #DDDDDD;
}
.title-box {
    text-align:             right;
    display:                table;
    width:                  100%;
}
.title-box h3 {
    display:                table-cell;
    vertical-align:         middle;
    height:                 52px;
    margin:                 0px;
}
.exchange-top .filter-box {
    padding:                4px 0px;
    text-align:             left;
}
input.another_date {
  border:                    1px solid #DD0000!important;
}
.exchange-top {
    margin:                 50px 0px;
}
div.exchange-top img {
   right:                   20px;
   top:                     9px;
}
.remark {
    text-align:             center;
}
.remark-box {
    text-align:             left;
    display:                inline-block;
}
.renew {
    font-weight:            bold;
    padding:                0px 10px;
}


@media screen and (max-width: 767px) {
    
    .exchange-rowtitle > div:first-child { 
        padding:            0 0 20px; 
        font-weight:        bold;
    }
    
}

/* End */
/* /local/components/bix/control.show_by_tabs/templates/.default/show_by_tabs.css?17363418531852 */
/* /local/components/otp/utils.exchange_rate_arc/templates/.default/exchange_rate_arc.css?16880383222078 */
/* /local/components/otp/utils.kross_curr_rate/templates/.default/kross_curr_rate.css?16880383222404 */
/* /local/components/otp/utils.exchange_rate_smart/templates/.default/exchange_rate_smart.css?17032582262261 */