@CHARSET "UTF-8";

body {
	background-color: #E0E8F1;
	direction: rtl;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
}

a img {
	border: 0;
}

a.dummy, a.dummy:hover {
	color: blue;
}

.bold { font-weight: bold; }

h2 { font-size: 15px; padding: 0; margin: 0; }

#container {
	width: 88%;
	background-color: white;
	margin: 0 auto;
	padding: 10px;
	position: relative;
    height: 1280px;
    margin-top: 1%;
}

#contents {
	margin: 1px 0 0 0;
	padding: 10px 0;
	border-top: 3px solid #0B4793;
    color: #0B4793; 
    font-weight: bold; 
    font-size: 15px; 
    text-align: center;
}

#header {
    float:left;
	height: 120px;
    width:100%;
	padding: 10px 10px 0 0;
	background: #0B4793 no-repeat top right;
    margin-bottom:10px;
}

#header span {
    font-family:ariel;
    float:left;
	margin: 0;
	padding: 0;
	color: white;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	width: 470px;
	display: block;
    margin-left: 32%;
}

#header a, #header a:visited {
  text-decoration: none;
}

#toplinks, #bottomlinks {
	font-weight: bold;
}

#toplinks {
	text-align: left;
	margin-bottom: 10px;
}

#footer {
    border-top:1px solid #0b4793;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-top: 8px;
	width: 100%;
    background-color:#e0e8f1;
    height:1%;
}

#webbytnd {
	float: left;
}

.big-warning {
  margin-top:5px;
  padding:10px;
  background:#F9F9F9;
  border:2px solid red;
  font-weight:bold;
  font-size:13px;
}

/*button*/





.action-button
{
	position: relative;
	padding: 10px 40px;
    margin: 0px 10px 10px 0px;
    float: left;
	/*border-radius: 10px;*/
	font-family: 'Pacifico', cursive;
	font-size: 25px;
	color: #FFF;
	text-decoration: none;
}

.blue
{
	background-color: #3498DB;
	/*border-bottom: 5px solid #2980B9;*/
	text-shadow: 0px -2px #2980B9;
}




.wrappedHeaders{ float:right;background-color:#0b4793;padding:5px; width:100%; }
.wrappedHeaders .innerWrappedHeaders{ font-weight: bold; width:100%; }
.wrappedDailyContentItems {float:right;}
.ko-grid{ float:left; width:100%; }
.ko-grid .mainGrid{  float:left; border:1px solid #DDDFE0; /*width:100%;*/ }
.GeneralGrid.grid {width:100%;}
.restDetailedDailyMainContainerTrans {width: 96%;margin-right: 2%;margin-top: 12%;}
.HeaderItem {float: right;width: 6%;text-align:right;padding: 5px;}
.wrappedDailyContentItems {float:right;width: 100%;}
.dailyContentItems {width: 100%;margin: auto;border-bottom: 1px solid #e7ecee;text-align:right;height: 37px;}
.dailyContentRow {float: right;padding-top: 4px;padding-bottom: 4px;width: 6%;min-width: 1px;border-left:1px solid #DDDFE0;padding: 5px;font-size:12px;}
.dailyContentRow input {text-align:right;width:90%;height:25px;margin-right:4px;border:0px;font-family:Arial}
.dailyContentRow label {margin-top:5px;}
.restRepFontProp {font-size: 13px;color: #ffffff;font-family: Arial;font-weight: normal;float:right;}
.ko-grid-pageLinks{display:none;}


/*TABLES*/
.simulatorNewMainContainer {margin-right: 2%;float:right;width:41%;}
.simulatorCurrentMainContainer {float:right;width:41%;margin-right:1%;}
.simulatorDiffMainContainer {margin-left: 1%;float:left;width:13%;}
#simulatorNewGeneralGrid{width:100%;}
#simulatorCurrentGeneralGrid{width:100%;}
#simulatorDiffGeneralGrid{width:100%;}


table {
    width: 100%;
}
.headerRow{
    background-color:#0b4793;padding:5px;height:51px;color:#fff;font-size:14px;
}
td,th{
    text-align:right;padding:6px !important;
}
.dataRow{border: 1px solid #DDDFE0;font-size:12px;}
.totalRow{border: 1px solid #DDDFE0;font-size:14px;font-weight:bold;color:green;}
.buttomRow{color:red;border-top:1px solid #DDDFE0;font-size:14px;}
.averageRow{color:red;font-size:14px;}

/*ddl*/
.ddlContentItem {
    float: right;
    padding: 5px;
    width: 6%;
    border-left:1px solid #DDDFE0;
}
   .ddlContentItem select {
        text-align:right;
        width:95%;
        font-size:12px;
        
    }

 /*MediaQuerys*/
/* Large desktop */

@media screen and (min-width: 1920px) {
    .simulatorMainDiv{
        margin-top: 2%;margin-bottom:10%;float:right;width:100%;
    }
    .simulatorNewMainContainer{
        width:41%;
    }
    .simulatorCurrentMainContainer{
        width:41%;
    }
    .simulatorDiffMainContainer {
       float:left;width:13%;margin-right:1%;
    }
    .simulator{
        width:700px;
        height:343px;
        margin-top:10%;
    }
    .searchMainDiv{margin-right:2%;float:right;width:50%;height: 123px;margin-top:4%}
    .searchInputDiv{padding-top:2%;float:right;position:relative;width:100%;}
    #search-text-input{
        width:100%;height: 50px;padding-right:22px;text-indent: 30px;font-size: 26px;padding-top: 5px;
    }
    #idPic{
       left: 94.5%;
       position: absolute;top: 23px;
    }
    #searchButton{text-decoration:none;height: 49px;left: 0;width: 103px;font-size: 22px;padding: 8px;cursor:pointer;top: -50px;}
    #updateButton{text-decoration:none;height: 27px;left: 0;width: 38px;font-size: 12px;padding: 6px;cursor:pointer;}
    .txtInfo{width:44%;border:1px solid #DDDFE0;font-size:12px;float:left;margin-left:2%;margin-top: 4%;visibility:hidden;}
    .txtInfo1{width:42%;float:left;margin-left:-42%;padding-top: 7%;text-align:right;}
    .txtInfoExtra{width:80%;border:1px solid #DDDFE0;font-size:12px;float:right;margin-left:2%;margin-top: 2%;}
    .update{/*padding-top:9.5%;*/position:absolute;left:42px;}
}

@media screen and (max-width: 1919px) {
    .simulatorMainDiv{
        margin-top: 2%;margin-bottom:10%;float:right;width:100%;
    }
    .simulatorNewMainContainer{
        width:41%;
    }
    .simulatorCurrentMainContainer{
        width:41%;
    }
    .simulatorDiffMainContainer {
       float:left;width:13%;margin-right:1%;
    }
    .simulator{
        width:550px;
        height:343px;
        margin-top:8%;
    }
    .searchMainDiv{margin-right:2%;float:right;width:50%;height: 123px;margin-top:4%}
    .searchInputDiv{padding-top:2%;float:right;position:relative;width:100%;}
    #search-text-input{
        width:100%;height: 50px;padding-right:2%;text-indent: 30px;font-size: 26px;padding-top: 5px;
    }
    #idPic{
       left: 94.5%;
       position: absolute;top: 23px;
    }
    #searchButton{text-decoration:none;height: 49px;left: 0;width: 103px;font-size: 22px;padding: 8px;cursor:pointer;top: -50px;}
    #updateButton{text-decoration:none;height: 27px;left: 0;width: 32px;font-size: 12px;padding: 1px;cursor:pointer;}
    .txtInfo{width:44%;border:1px solid #DDDFE0;font-size:12px;float:left;margin-left:2%;margin-top: 4%;text-align:right;visibility:hidden;}
    .txtInfo1{width:42%;float:left;margin-left:-42%;padding-top: 7%;text-align:right;}
    .txtInfoExtra{width:80%;border:1px solid #DDDFE0;font-size:12px;float:right;margin-left:2%;margin-top: 2%;}
    .update{/*padding-top:12%;*/position:absolute;left:37px;}
}