﻿/* 
 * Droid Arabic Kufi (Arabic) http://www.google.com/webfonts/earlyaccess
 */

@font-face {
  font-family: 'DroidArabicKufi';
  font-style: normal;
  font-weight: 400;
  src: url('../font/DroidKufi-Regular.eot');
  src: url('../font/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/DroidKufi-Regular.woff2') format('woff2'),
       url('../font/DroidKufi-Regular.woff') format('woff'),
       url('../font/DroidKufi-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'DroidArabicKufiBold';
  font-style: normal;
  font-weight: 700;
  src: url('../font/DroidKufi-Bold.eot');
  src: url('../font/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/DroidKufi-Bold.woff2') format('woff2'),
       url('../font/DroidKufi-Bold.woff') format('woff'),
       url('../font/DroidKufi-Bold.ttf') format('truetype');
}




.marquee {
    height: 30px;
    width: 92%;

    margin: 10px 5px;

    overflow: hidden;
    position: relative;

    font-size: 13px;
    color: #800000;
    font-family: 'DroidArabicKufi';
    background-color: #ebebeb;
	border-radius: 10px;
}
.marquee div {
    display: block;
    width: 200%;
    height: 30px;

    position: absolute;
    overflow: hidden;

    animation: marquee 15s linear infinite;
}
.marquee span {
    float: right;
    width: 50%;
}
.marquee div:hover {
    animation-play-state: paused
}
@keyframes marquee {
    0% { right: 0; }
    100% { right: -100%; }
}




a.btnG{
    margin: 5px 17px;
    padding: 5px 15px;

    color: #ffffff;
    background-color: #88ad26;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    font-size: 12px;
    text-decoration: none;
    text-align: center;
    font-family: 'DroidArabicKufi';
}
a.btnG:hover {
    color: #787878;
    background-color: #e7e9e7;
}

.btn
{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: "DroidArabicKufi";
    text-decoration: none;
}
.btn-success {
  color: #fff;
  background-color:#800000; /*4a8b0d;*/
  border-color: #800000;
}
.btn-success:hover,
.btn-success:focus{
  color: #fff;
  background-color: #b33434 ; /*962d10;c8af24*/
  border-color: #b33434;
;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus{
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-primary {
  color: #fff;
  background-color: #257acf; /*428bca; 165c98*/
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus{
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-warning {
  color: #fff; 
  background-color: #f49003;
  border-color: #ee9518;
}
.btn-warning:hover,
.btn-warning:focus {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.formTitle {
    width: 15%;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    float: right;
    margin: 2px;
    padding: 2px 2px 2px 10px;
    color: #6d6d6d;
}
.formControl {
    width: 60%;
    text-align: right;
    float: right;
    margin: 2px 2px 5px 2px;
    padding: 0px 2px 2px 10px;

}
.formControl input[type='text']{
    border: 1px solid #e4e4e4;
    background-color: #e4e4e4;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}
/*.formControl select{
    border: 1px solid #9b9b9b;;
    background-color: #e4e4e4;
}*/
input[type='text'] {
    text-transform: uppercase;
}

h1{
    width: 60%;

    margin: 5px auto;
    padding: 0px 15px;
    color: #9b0602;
   /* background-color: #d3e8bf;  fcd200*/
    background: #4e4e4e; /* For browsers that do not support gradients */
   background: -webkit-radial-gradient(#acb7b7, #acb7b7, #797878); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#acb7b7, #acb7b7, #797878); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#acb7b7, #acb7b7, #797878); /* For Firefox 3.6 to 15 */  
      background: radial-gradient(#acb7b7, #acb7b7, #797878);  /* Standard syntax (must be last) */
  
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    font-size: 23px;
    text-decoration: none;
    text-align: center;
    font-family: 'DroidArabicKufi';
}
h3{
    text-align: center;
    color: #f00;
}

.note{
    color: #f00;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}

.supSeats{
    color: red;
    font-size: 11px;
    font-weight: bold;
}

.btnIcon{
    display: inline-block;
    padding: 5px 10px;
    margin: 1px;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: .25em;
    color: #fff;
    text-decoration: none;
    font-family: 'DroidArabicKufi';
}
.btnIcon-success
{
    background-color: #88ad26; /*5cb85c;  5f8d7a*/
}
.btnIcon-success2
{
    font-size: 20px;
    background-color: #88ad26;
}
.btnIcon-info
{
    background-color: #257acf; /*5bc0de; 0A79E8*/
}
.btnIcon-warning
{
    background-color: #f49003; /*f9a835;*/
}
.btnIcon-important
{
    background-color: #d9534f;
}
.btnIcon-important2
{
    font-size: 20px;
    background-color: #d9534f;
}




.formatSimple{
    color: #008000;
    font-size: 13px;
    font-family: 'DroidArabicKufiBold';
}
.clear{
    clear: both;
}

table.tableControl {
    width: 100%;
}
table.tableControl tr td{
    padding: 5px;
}
table.tableControl tr td{
    padding: 2px;
}
table.tableControl tr td:first-child, table.tableControl tr td:nth-child(3){
    width: 15%;
    color: #6d6d6d;
    text-align: right;
    padding-right: 20px;
    font-weight: bold;
}
table.tableControl input[type='text']{
    border: 1px solid #e4e4e4;;
    background-color: #e4e4e4;
}

table.tableName {
    width: 100%;
}
table.tableName thead tr{
    background-color: #ebebeb; 
    color: #008000; 
    font-size: 14px; 
    font-weight: bold; 
    text-align: center;
}
table.tableName thead tr td{
    padding: 5px;
}
table.tableName tbody tr td{
    padding: 2px;
}
table.tableName tbody tr td:first-child{
    width: 15%;
    color: #6d6d6d;
    text-align: right;
    padding-right: 20px;
    font-weight: bold;
}
table.tableName tbody tr td:last-child{
    width: 15%;
    color: #6d6d6d;
    text-align: left;
    padding-left: 20px;
    font-weight: bold;
}
table.tableName tbody tr td:nth-child(2){
    text-align: right;
}
table.tableName tbody tr td:nth-child(3){
    text-align: left;
}
table.tableName input[type='text']{
    width: 70%;
    border: 1px solid #e4e4e4;;
    background-color: #e4e4e4;
    font-size: 13px;
    font-weight: bold;
}
table.tableName input[readonly]{ 
    border: 1px solid #898989;
    color: #323232;
    background-color: transparent;
}

table.tableName tbody tr td:nth-child(3) input[type='text']{
    direction: ltr;
}


table .greenBox{
    padding: 8px 20px;
    font-size: 13px; 
    text-align: center; 
    color: #fff; 
    background-color: #307034; 
    font-family: 'DroidArabicKufiBold';
}

.fs {
    width: 90%;
    border: 1px solid #737373;

    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;

    margin-bottom: 10px;
}
.fs legend {
    padding: 1px 18px; 

    font-family: "DroidArabicKufi";
    font-size: 12px;

    color: #fff;
    background-color: #307034;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px;
}

.alert {
 width: 80%;
  padding: 10px;
  margin: 10px auto;
  border: 1px solid transparent;
  border-radius: 4px;
  font-weight: bold;
}
.alert-default {
  background-color: #dddddd;
  border-color: #dadada;
  color: #f00;
  font-size: 20px;
  text-align: center;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-warning {
  background-color: #faf2ca; /*fcf8e3;*/
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  /*color: #a94442;*/
  color: #f00;
}

.aLink{
    color: #fff;
}



table.gvAttachment {
    width: 100%;
}
table.gvAttachment th {
    padding: 8px;
    color: #FFFFFF;
    font-family: "DroidArabicKufi";
    font-size: 12px;
    text-align: center;
    border-color: #fff;
    background-color: #307034; /*4a8b0d;*/
}
table.gvAttachment td {
    padding: 8px;
    font-size: 12px;
    text-align: center;
    background-color: #efefef;
    font-family: "DroidArabicKufi";
    border-color: #fff;
    font-size: 16px;
}
table.gvAttachment tr td:nth-child(2){
    text-align: right;
    font-size: 13px;
}
table.gvAttachment tr td:nth-child(3){
    text-align: center;
}
table.gvAttachment .footer td {
    background-color: #efefef;
    font-family: "DroidArabicKufi";
    border-color: #fff;
    padding: 3px;
}

.mGrid { width:95%; background-color: #fff; margin: 0; border: solid 1px #c1c1c1; border-collapse:collapse; }
.mGrid tr td { padding: 5px; border: solid 1px #c1c1c1; color: #454545;text-align:center; }   
/*.mGrid tr:nth-child(even) {background-color: #fbfcfd}
.mGrid tr:nth-child(odd) {background-color: #f3f4f5;}
.mGrid tr:nth-child(even) td {background-color: #fbfcfd}
.mGrid tr:nth-child(odd) td {background-color: #f3f4f5;}*/
.mGrid th { padding: 4px 2px; color: #fff; background: #307034 ; border-left: solid 1px #c1c1c1; font-size: 1.1em; text-align:center; }
.mGrid .alt { background: #fcfcfc url('../css/grd_alt.png') repeat-x 50% top;
}
.mGrid .pgr {background: #424242 url('../css/grd_pgr.png') repeat-x 50% top;
}
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.mGrid .pgr a { color: #666; text-decoration: none; }
.GridSelectedRow { background-color:Lime;}

.tbl
{
 width:85%;
 background-color: #fff; margin: 0;
 border: solid 1px #111111; 
 
}
.tbl tr td 
{ 
padding: 5px;
 border: solid 1px #111111; 
} 

.tbl_noBorder
{border:0px;
width:100%;}

.tbl_noBorder  tr td 
{border:0px;}

.tbl_header
{
 background-color:#307034;
 color:#fff;
font-family: DroidKufi-Regular;
 font-weight:bold;
 text-align:center;
}
/*
table.gv {
    width: 100%;
}
table.gv th {
    padding: 8px;
    color: #FFFFFF;
    font-family: "DroidArabicKufi";
    font-size: 12px;
    text-align: center;
    border-color: #fff;
    background-color: #307034;
}
table.gv td {
    padding: 8px;
    font-size: 12px;
    text-align: center;
    background-color: #efefef;
    font-family: "DroidArabicKufi";
    border-color: #fff;
    font-size: 16px;
}
table.gv tr td:nth-child(2){
    text-align: right;
    font-size: 13px;
}
table.gv tr td:nth-child(3){
    text-align: center;
}
table.gv .footer td {
    background-color: #efefef;
    font-family: "DroidArabicKufi";
    border-color: #fff;
    padding: 3px;
}

table.viewInfo {
    width: 100%;
}
table.viewInfo th {
    padding: 2px;
    color: #FFFFFF;
    font-family: "DroidArabicKufi";
    font-size: 14px;
    text-align: center;
    border-color: #fff;
    background-color: #307034;
}
table.viewInfo td {
    padding: 5px;
    font-size: 12px;
    text-align: center;
    background-color: #efefef;
    border-color: #fff;
    font-size: 13px;
}
table.viewInfo .title {
    font-family: "DroidArabicKufiBold";
    font-size: 13px;
    width: 20%;
    text-align: right;
    padding-right: 15px;
    background-color: #efefef; 
    color: #6d6d6d;
}
table.viewInfo .control {
    font-weight: bold;
    font-size: 16px;
    width: 30%;
    text-align: right;
    padding-right: 20px;
}
table.viewInfo .footer td {
    background-color: #efefef;
    border-color: #fff;
    padding: 3px;
}*/
