@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Cairo');
body {
	margin: 0;
	padding: 0;
	background: url(/images/body_light.png) no-repeat center center fixed;
	font-family: Raleway!important;
}
body.rtl {
	font-family: Cairo!important;
}
 #page {
     margin-top: 5px;
     margin-bottom: 5px;
     background: white;
     border: 1px solid #C9E0ED;
}
 #header {
     margin: 0;
     padding: 0;
     border-top: 3px solid #C9E0ED;
}
 #content {
     padding: 20px;
}
 #sidebar {
     padding: 20px 20px 20px 0;
}
 #footer {
     padding: 0px;
     font-size: 0.8em;
     text-align: center;
     border-top: 1px solid #C9E0ED;
}
 #logo {
     padding: 10px 20px;
     font-size: 200%;
}
 #mainmenu {
     background:white url(bg.gif) repeat-x left top;
}
 #mainmenu ul {
     padding:6px 20px 5px 20px;
     margin:0px;
}
 #mainmenu ul li {
     display: inline;
}
 #mainmenu ul li a {
     color:#ffffff;
     background-color:transparent;
     font-size:12px;
     font-weight:bold;
     text-decoration:none;
     padding:5px 8px;
}
 #mainmenu ul li a:hover, #mainmenu ul li.active a {
     color: #6399cd;
     background-color:#EFF4FA;
     text-decoration:none;
}
 div.flash-error, div.flash-notice, div.flash-success {
     padding:.8em;
     margin-bottom:1em;
     border:2px solid #ddd;
}
 div.flash-error {
     background:#FBE3E4;
     color:#8a1f11;
     border-color:#FBC2C4;
}
 div.flash-notice {
     background:#FFF6BF;
     color:#514721;
     border-color:#FFD324;
}
 div.flash-success {
     background:#E6EFC2;
     color:#264409;
     border-color:#C6D880;
}
 div.flash-error a {
     color:#8a1f11;
}
 div.flash-notice a {
     color:#514721;
}
 div.flash-success a {
     color:#264409;
}
 div.form .rememberMe label {
     display: inline;
}
 div.view {
     padding: 10px;
     margin: 10px 0;
     border: 1px solid #C9E0ED;
}
 div.breadcrumbs {
     font-size: 0.9em;
     padding: 5px 20px;
}
 div.breadcrumbs span {
     font-weight: bold;
}
 div.search-form {
     padding: 10px;
     margin: 10px 0;
     background: #eee;
}
 .portlet {
}
 .portlet-decoration {
     padding: 3px 8px;
     background: #B7D6E7;
     border-left: 5px solid #6FACCF;
}
 .portlet-title {
     font-size: 12px;
     font-weight: bold;
     padding: 0;
     margin: 0;
     color: #298dcd;
}
 .portlet-content {
     font-size:0.9em;
     margin: 0 0 15px 0;
     padding: 5px 8px;
     background:#EFFDFF;
}
 .portlet-content ul {
     list-style-image:none;
     list-style-position:outside;
     list-style-type:none;
     margin: 0;
     padding: 0;
}
 .portlet-content li {
     padding: 2px 0 4px 0px;
}
 .operations {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
 .operations li {
     padding-bottom: 2px;
}
 .operations li a {
     font: bold 12px Arial;
     color: #0066A4;
     display: block;
     padding: 2px 0 2px 8px;
     line-height: 15px;
     text-decoration: none;
}
 .operations li a:visited {
     color: #0066A4;
}
 .operations li a:hover {
     background: #80CFFF;
}
 .formpanel , .formpanel2 {
    display:none;
}

 label, input, button, select, textarea {
    font-size:12px;
}
 .form-horizontal .control-label {
    width:120px;
}
 .form-horizontal .controls {
    margin-left:140px;
}
 .form-horizontal .form-actions {
    padding-left:140px;
}
 thead th {
    background-color: #3296b7;
    color:#fff;
}
 thead th a ,thead th a:hover {
    color:#fff;
}
 table.table {
    background:#fff;
}
 .table th {
    font-weight:normal;
}
 button.ui-multiselect {
    min-height:34px;
    min-width:40px;
	max-width: 100%;
}
 button.ui-multiselect span {
    font-size:90%;
}
 .navbar .nav > li > a {
    color: #ccc;
}
 .navbar-inner {
    background-image:none;
    filter:none;
    background-color:#000;
}
 .navbar .nav .active > a , .navbar .nav .active > a:hover {
    background-color: #3197b7!important;
    color:#fff;
}
 h1,h2,h3 {
    display:inline-block;
    vertical-align:middle;
    margin:0 30px 0 0;
    font-weight:normal;
}
 h1{
    font-size:24px;
}
 h2{
    font-size:20px;
}
 h3{
    font-size:18px;
}
 div.pagination {
    display:inline-block;
    margin:0;
}
 div.summary {
    display:inline-block;
    margin:1em;
}
 span#place3 {
    display:inline-block;
    position:absolute;
    right:230px;
    bottom:2px;
}
 body.rtl span#place3 {
    display:inline-block;
    position:absolute;
	right: auto;
    left:230px;
    bottom:2px;
}
 span#place4 {
    display:inline-block;
    position:absolute;
    right:20px;
    bottom:2px;
	color: #FFF;
}
 body.rtl span#place4 {
    right:auto;
    left:20px;
	
}
 form.search-form {
    display:inline;
}
 #headButtons {
    display:inline;
    vertical-align:baseline;
}
 #headButtons a , #place2 a{
    font-size:1em;
    line-height:20px;
    padding:5px 10px 0px 10px;
    margin-right:6px;
	color: #2e2e2e;
}
 #place2 {
    margin: 0 20px;
    border-left:solid 1px #999;
    padding-left:20px;
}
 .pagination a {
    padding:0 7px 0 7px;
    line-height:26px;
}
 .pagination {
    height:28px;
}
 .pagination ul li a , .pagination ul li.disabled a {
    background:white;
}
 .grid-view {
    padding-top:5px;
}
 div#content {
    padding:20px 20px 0px 20px;
}
 .well-mini {
    padding:5px;
    margin:0 0 0 0;
}
 .grid-view .summary {
    color:#262626;
}
 body.rtl .radio input[type="radio"], body.rtl .checkbox input[type="checkbox"] {
    float:right;
    margin-right:-18px;
}
 body.rtl .radio, body.rtl .checkbox {
    padding-right:18px;
}
 body.rtl a.dashbtn .lbl, body.rtl a.dashbtn .title {
    left:auto;
    right:20px;
}
 body.rtl .form-horizontal .control-label {
    float:right;
}
 body.rtl .form-horizontal .controls {
    margin-right:140px;
}
 body.rtl .table th, body.rtl .table td , body.rtl .ui-multiselect{
    text-align:right;
}
 body.rtl .ui-multiselect span.ui-icon , body.rtl .navbar .nav.pull-right {
    float:left;
}
 body.rtl .navbar .nav {
    left:auto;
    right:0;
    float:right;
}
 body.rtl .navbar .nav>li {
    float:right;
}
 body.rtl .navbar .pull-right .dropdown-menu, body.rtl .navbar .dropdown-menu.pull-right {
    right:auto;
    left:0;
}
#headPanel {position:fixed;width:100%;left:0px;border-bottom: solid 1px #abd;padding: 5px 0 15px 20px;background:#3295b7;z-index:100;}
body.rtl #headPanel {padding: 10px!important;}
#place3 .btn-group button {
    font-size: 2.2em!important;
    padding-right: 1em;
    padding-left: 1em;
}
body.rtl #place3 .btn-group{
	float:left!important;
}
.grid-view .button-column {
    min-width: 6em!important;
}
div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.hidden {display:none;}
.w-100 {min-width: 100%;}