@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iransans/eot/IRANSansWeb(NoEn).eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(NoEn).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iransans/woff2/IRANSansWeb(NoEn).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iransans/woff/IRANSansWeb(NoEn).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iransans/ttf/IRANSansWeb(NoEn).ttf') format('truetype');
}

@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iransans/eot/IRANSansWeb(NoEn)_Bold.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(NoEn)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iransans/woff2/IRANSansWeb(NoEn)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iransans/woff/IRANSansWeb(NoEn)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iransans/ttf/IRANSansWeb(NoEn)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IranSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iransans/eot/IRANSansWeb(NoEn)_Light.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(NoEn)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iransans/woff2/IRANSansWeb(NoEn)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iransans/woff/IRANSansWeb(NoEn)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iransans/ttf/IRANSansWeb(NoEn)_Light.ttf') format('truetype');
}

* {
    font-family: 'IranSans', Tahoma;
    direction: rtl;
    font-size: 14px;
}

body {
    margin: 0 auto;
    max-width: 3000px !important;
    background: #e6e6ff;
    color: #494c66;
    overflow-y: scroll;
    padding: 0 !important;
    direction: rtl;
}

.container {
    margin-top: 100px;
    margin-bottom: 100px;
}

.navbar .title {
    text-align: center;
    color: #eee;
    padding-top: 15px;
}

.navbar .title a {
    color: #eee;
}

#page-title {
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid #1b6d85;
}
/*#page-title h1 {*/
    /*font-size: 3em;*/
    /*margin-bottom: 0;*/
    /*padding-bottom: 0;*/

/*}*/
#page-title h1 {
    font-size: 1.3em;
    margin-top: 0px;
}

div#footer {
    /*position: absolute;*/
    position: fixed;
    bottom: 0px;
    width: 100%;
    min-height: 20px;
    padding: 5px;
    text-align: center;
    border-top: 1px solid #a8bbc7;
    direction: rtl;
    background: #bcd0de;
}

div#footer #links {
    padding: 0px;
}

div#footer #links a {
    padding: 5px;
}
div#footer a.donate {
display: inline-block;
    font-size: 1em;
    padding: 5px;
    margin: 1px;
    text-decoration: none;
    border-radius: 5px;
}
div#footer a:hover {
    background: #2e6da4;
    color: #fff;
}
div#footer #copyright {
    padding-top: 10px;
    color: #999;
    font-size: 0.8em;
}

div#footer #copyright a {
    color: #333;
    cursor: pointer;
}

#applications {
    margin-top: 50px;
}

#applications .application {
    text-align: right;
    background: #fff;
    margin-top: 50px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #1b6d85;
}
#applications .application .title {
    cursor: pointer;
}

#applications .application a {
    display: block;
    /*border: 1px solid #ccc;*/
    /*border-radius: 10em;*/
    /*padding: 50px;*/
    text-decoration: none;
    color: #666;
}
#applications .application p {
    text-align: justify;
    padding: 5px 20px;
    background: #eee;
    border-radius: 5px;
}
#applications .application a h2 {
    font-size: 1.5em;
    padding-right: 10px;
    margin-top: 5px;
}

#applications .application a i {
    display: block;
    font-size: 3em;
    margin-bottom: 10px;
}

#applications .application a img {
    display: block;
    width: 50%;
    max-width: 200px;
    min-width: 100px;
}

#applications .list-group-item {
    border: none;
    border-bottom: 1px solid #eee;
}



.green, .red, .yellow, .blue {color: #222 !important;}
.green {background: #cfeeb0 !important;}
.red {background: #ffc4b3 !important;}
.yellow {background: #ffffc0 !important;}
.blue {background: #c8e3ff !important;}
.green-dark, .red-dark {color: #fff !important;}
.green-dark {
    background: #4cae4c !important;
}
.red-dark {
    background: #ea0c12 !important;
}
.text-green {
    color: #4cae4c !important;
}
.text-red {
    color: #ea0c12 !important;
}
.text-blue {
    color: #4010b2 !important;
}
.scriptBox {
    /*float: right;*/
}
.scriptBox>div:last-child, .scriptBox2>div:last-child {
    display: none;
}
.scriptBox table {
    /*width: 100%;*/
}
 /*COMMON RADIO AND CHECKBOX STYLES*/
.scriptBox input[type=radio],
.scriptBox input[type=checkbox]{
    /* Hide original inputs */
    visibility: hidden;
    position: absolute;
}
.scriptBox input[type=radio] + label:before,
.scriptBox input[type=checkbox] + label:before{
    height:32px;
    width:32px;
    margin-right: 2px;
    content: " ";
    display:inline-block;
    vertical-align: baseline;
    border:1px solid #777;
}
.scriptBox.blueBox input[type=radio] + label:before,
.scriptBox.blueBox input[type=checkbox] + label:before {
    background: #ffffc0;
}

.scriptBox input[type=radio]:checked + label:before,
.scriptBox input[type=checkbox]:checked + label:before{
    background:gold;
}

/* CUSTOM RADIO AND CHECKBOX STYLES */
.scriptBox input[type=radio] + label:before{
    border-radius:50%;
}
.scriptBox input[type=checkbox] + label:before{
    border-radius:2px;
}

.scriptBox2 {
display: block;
}
.scriptBox2:first-child table {width: 100%}
/*.scriptBox2>div {padding: 10px}*/
.scriptBox2 input[type=button] {
    background: #eee;
    border: 1px solid #ccc;
    margin: 2px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.scriptBox2 #tableDiv  {
    /*background-color:inherit !important;*/
    padding: 5px;
}