/* Basic Formatting Styles */
.clearfix { clear: both; }
.numval { direction: ltr; }

.wrapper { float: right; width:100%; height: 100%; }
.wrapper::before{ content:'.'; display: block; visibility: hidden;}
.wrapper::after{ clear: both; display: block;}

/* Style Modification for jqPlot graphs */ 
#et_builder_outer_content div .jqplot-title, .jqplot-title { width: 100%}
#et_builder_outer_content div .jqplot-xaxis-label, #et_builder_outer_content div .jqplot-yaxis-label, #et_builder_outer_content div .jqplot-y2axis-label, .jqplot-xaxis-label, .jqplot-yaxis-label, .jqplot-y2axis-label { font-size: 0.75em !important; }
#et_builder_outer_content div .jqplot-xaxis-tick, .jqplot-xaxis-tick { white-space: nowrap !important;}
.jqplot-xaxis-label { margin-top: .75em !important; }

/* Styles of heading of 10 day trends graphs */
#et_builder_outer_content div .plot-title, .plot-title  { text-align: center; margin-left: auto; margin-right: auto; direction: rtl; font-size: 1em; }
#et_builder_outer_content div .plot-head-box, .plot-head-box { width: 32%; display: inline-block; margin: 0 5px; /*line-height: 25px;*/}
#et_builder_outer_content div .plot-head-box:first-child, .plot-head-box:first-child { margin-right: 0px;}
#et_builder_outer_content div .plot-head-box:last-child, .plot-head-box:last-child { margin-left: 0px;}
#et_builder_outer_content div .plot-head-box .plot-head-box-head, .plot-head-box .plot-head-box-head { border-radius: 5px; border: grey solid 1px; color: white; font-weight: bold; /*text-shadow:  -2px 2px grey;*/ font-size: 1.1em; line-height: 1.5em; }
#et_builder_outer_content div .plot-head-box .plot-head-box-value, .plot-head-box .plot-head-box-value { font-size: 0.9em; direction: ltr; }
#et_builder_outer_content div .plot-head-box .plot-bh1, .plot-head-box .plot-bh1 { background-color: #00B0F0; }
#et_builder_outer_content div .plot-head-box .plot-bh2, .plot-head-box .plot-bh2 { background-color: #E307D9; }
#et_builder_outer_content div .plot-head-box .plot-bh3, .plot-head-box .plot-bh3 { background-color: #FC3; }
#et_builder_outer_content div .plot-head-box-content, .plot-head-box-content { text-align: center; font-size: 0.9em; }
#et_builder_outer_content div .plot-col, .plot-col { display: inline-block; padding: 0 5px; width: 45%; direction: ltr; white-space: nowrap; }

/* General table styles */
.rima-table-wrapper { margin: 10px 0px; padding: 0 7px; font-size: 1.4em; }
.rima-table-wrapper .rima-table {width:100%; min-width: 150px; left: 0; right: 0; position: relative;}
.rima-table-wrapper .rima-table .table-head { border-bottom: red solid; }
.rima-table-wrapper .rima-table .table-head th { text-align: center; padding-left: 10px; padding-right: 10px; }
.rima-table-wrapper .rima-table thead .table-row-odd { border-bottom: thin red solid; }
.rima-table-wrapper .rima-table tfoot .table-row-odd { background-color: bisque; border-bottom: red solid; border-top: thin red solid; }
.rima-table-wrapper .rima-table tbody tr td { text-align: center; }
.rima-table-wrapper .rima-table .numval { direction: ltr; font-family: BMitra; }
.rima-table-wrapper .rima-table .table-row-even { background-color:beige; }
.rima-table-wrapper .rima-table .cell-down { color:red; }
.rima-table-wrapper .rima-table .cell-up { color:green; }
.rima-table-wrapper .rima-table .icon-down-1 { padding-right: 16px; background: url('images/chart-down-color-icon.png') no-repeat right center; }
.rima-table-wrapper .rima-table .icon-up-1 { padding-right: 16px; background: url('images/chart-up-color-icon.png') no-repeat right center; }
.rima-table-wrapper .rima-table .icon-down-2 { padding-right: 16px; background: url('images/StockIndexDown.png') no-repeat right center; }
.rima-table-wrapper .rima-table .icon-up-2 { padding-right: 16px; background: url('images/StockIndexUp.png') no-repeat right center; }

/* Special Style for currency rates*/
.table-currency tbody tr { border-bottom: solid gray 1px; }
.table-currency tbody tr:last-child { border-bottom: none !important; }

/* Special Style for Gold-Coin table */
.table-gold-coins tfoot tr th { text-align: center; }
.table-gold-coins tfoot tr:first-child { border-bottom: none !important; }
.table-gold-coins tfoot tr:last-child { border-top: none !important; }


/* Special styles of currency exchange rates */
.table-xchange { border-collapse: separate; border-spacing: 2px; }
.table-xchange thead tr th:first-child { border-bottom: none !important; }
.table-xchange tbody tr th { border-left: red solid; text-align: left; }
.table-xchange .xchange-box { text-align: center; vertical-align: middle; border: 1px gray solid; font-family: "BMitra";/*background-color: #eee;*/}
.table-xchange .xchange-today { border: 1px gray solid;}
.table-xchange .xchange-yesterday { float: right; width: 50%; border: 1px gray solid;}
.table-xchange .xchange-tenday { float:right; width: 50%; border: 1px gray solid;}

/* Special styles for market table */
.table-market td:first-child, .table-market th:first-child { text-align: right !important; }
.table-market .table-row-even th:first-child { text-align: center !important; }

[rima-icon]:before {
    font-family: IcoMoon-Free;
    content: attr(rima-icon);
    speak: none;
}

/* Animation style for all tables */
.rima-table-wrapper {width:100%; min-width: 150px; left: 0; right: 0; position: relative; -webkit-animation-name: top-box-anime; /* Chrome, Safari, Opera */ -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */ animation-name: top-box-anime; animation-duration: .5s; -webkit-animation-timing-function: ease; animation-timing-function: ease;}

/* Chrome, Safari, Opera */
@-webkit-keyframes top-box-anime {
	0% {  -webkit-transform: scale(0);
		-moz-transform: scale(0);
  		-o-transform: scale(0);
  		-ms-transform: scale(0);
  		transform: scale(0);
		opacity: 0;
    		filter: Alpha(opacity=0);}
	25% { 	-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
  		-o-transform: scale(1.2);
  		-ms-transform: scale(1.2);
  		transform: scale(1.2);
		opacity: 1;
    		filter: Alpha(opacity=100);}
	100% { 	-webkit-transform: scale(1);
		-moz-transform: scale(1);
  		-o-transform: scale(1);
  		-ms-transform: scale(1);
  		transform: scale(1);}
}

/* Standard syntax */
@keyframes top-box-anime {
	0% {  -webkit-transform: scale(0);
		-moz-transform: scale(0);
  		-o-transform: scale(0);
  		-ms-transform: scale(0);
  		transform: scale(0);
		opacity: 0;
    		filter: Alpha(opacity=0);}
	25% { 	-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
  		-o-transform: scale(1.2);
  		-ms-transform: scale(1.2);
  		transform: scale(1.2);
		opacity: 1;
    		filter: Alpha(opacity=100);}
	100% { 	-webkit-transform: scale(1);
		-moz-transform: scale(1);
  		-o-transform: scale(1);
  		-ms-transform: scale(1);
  		transform: scale(1);}
}


.charter {width:1000px; height:1000px; font-family: 'BTitr' !important; direction: ltr; /*transform: scale(.8); transform-origin: right top;*/ }
.charterD {width:100%; height:450px; font-family: 'BTitr' !important; direction: ltr; /*transform: scale(.8); transform-origin: right top;*/}
