html {direction: rtl;}
body {font-family: IRANSans-web, tahoma;font-size: small;padding-top: 50px; background: url('/css/images/home/main-backgound.png')}

h1,h2,h3,h4,h5,h6{ line-height: 2;font-family: mitra;}


header {position: fixed;left: 0px;right: 0px;top: 0px;height: 50px;background-color: #fff;box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3);z-index: 1;padding: 0 0 0 30px;overflow: hidden;z-index: 10;}
header a {text-decoration: none;display: block;color: #666;}
header a:hover {text-decoration: none;color: #666;}
.tooltip { font-family: tahoma;font-size: 9pt; }
.popover-title { font-family: tahoma;font-size: 9pt; }

.brand {height: 50px; vertical-align: middle;display: table;position: relative;float: right;}
.brandImage {background: no-repeat center center;width:50px;height: 50px; display: table-cell;margin: 0px 10px;}
.brandTitle{ line-height: 50px;vertical-align: middle;height: 50px;display: table-cell;}
.headerLeft {float: left;}
.headerLeft ul {list-style: none;padding: 0;margin: 0;border: none;}
.headerLeft li {float: right;padding: 0 5px;margin: 0;border: none;}
header .navbar-btn.btn-group > .btn {color: #888;border-color: rgba(0, 0, 0, 0.15);background-color: #f2f2f2;background-color: rgba(0, 0, 0, 0.045);}
.fs14 {font-size: 14px !important;} .fs18{font-size: 18px !important;}

footer{background: url('/css/images/home/footer.png'); color: #fff;padding: 40px 0px;}
footer {position: relative;bottom: auto;height: auto;width: auto; border-top: none;}

footer a{ color: #fff;}
footer a:hover{ color: #aaa;text-decoration: none;}
footer p{ color: #ccc;font-weight: lighter;font-size: medium;padding: 3px 10px;}
.builder {background-color: #000;text-align: center;}
.builder a{ color: #fff;line-height: 2;}
.builder a:hover{ color: #aaa;text-decoration: none;}

.banner{ height: 400px;overflow: hidden;position: relative;margin-bottom: 20px;box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .2);}
.banner img{ position: absolute;}
.banner h1{margin: 0px; position: absolute;bottom: 0px;left: 0px;right: 0px;height: 70px;line-height: 70px; text-shadow: 1px 1px 1px #fff; text-align: center;background-color: #fff; background-color: rgba(255, 255, 255, .5);}

.home-navbar { display: table;background-color: #fff;border-radius: 5px; box-shadow: 1px 1px 3px 0px rgba(0,0,0,.3);padding: 10px 0px;margin-bottom: 20px;width: 100%;}
.home-navbar>div { display: table-cell;text-align: center;width: 20%;border-left: 1px dotted #ccc;}
.home-navbar>div:last-child { border-left: none;}
.home-navbar>div i { font-size: 30pt; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.home-navbar>div span { display: block;padding-top: 10px;}
.home-navbar a {display: inline-block; cursor: pointer;color: #aaa;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.home-navbar a:hover { text-decoration: none; }
.home-navbar a:hover i{ transform: scale(1.1)}
.home-navbar a.active { color: rgb(0, 161, 255);}

.panel{ border-radius: 5px;border: none;box-shadow: 1px 1px 3px 0px rgba(0,0,0,.3);background: #fff;}
.panel-heading{ font-family: mitra;font-size: 13pt;background-color: #f1f1f1;background-image: none;border-bottom: 1px solid #e1e1e1;color: #888;}
.panel.main { min-height: 400px;display: none;}
.input-group-addon:last-child { border-left-color: #ccc;}
hr { border-top: 1px solid #ccc;}
.panel a { cursor: pointer;color: royalblue;}
@media (max-width:900px){h1{ font-size: 20pt;} .banner{ height: 300px;}}
@media (max-width:500px){h1{ font-size: 12pt;} .banner{ height: 200px;}}


.news-panel { color: #666;}
.news-title{ font-family: mitra;font-size: 14pt;border-bottom: 1px solid #ccc;margin: 15px 0px;color: #333}
.news-date{ float: left;margin: 20px 0px;}
.news-text{ padding: 10px;font-weight: normal;font-family: IRANSans-web, tahoma;font-size: 10pt;}
.news-text p {margin: 0;padding: 0;border: 0;}

.registeration-panel { border-right: 1px solid #ccc;margin-bottom: 30px;}
.registeration-title{ font-family: mitra;font-size: 14pt;border-bottom: 1px solid #ccc;margin: 15px 0px;padding: 10px; color: #333}
.registeration-text{ padding: 10px;font-weight: normal;}
.registeration-date { padding: 10px;font-weight: normal;color: #666;background-color: rgba(0, 0, 0, .1);text-align: center;}
.registeration-date b { font-weight: bold;color: royalblue;}
.registeration-fee { padding: 10px;font-weight: normal;color: #666;background-color: rgba(0, 0, 0, .1);text-align: center;}
.registeration-fee b { font-weight: bold;color: royalblue;}

.white-panel { background-color: #fff;border-radius: 5px;padding: 20px;border: 1px solid #ccc;}
.registeration-panel-confirm-field { color: #888;padding: 5px 3px;display: inline-block;}
.registeration-panel-confirm-value { color: #333;font-weight: bold;padding: 5px 3px;display: inline-block;}
.registeration-panel-confirm-picture { height: 250px;width: 250px; border: 1px solid #ccc;border-radius: 5px;}

.report-parameter-panel{ border: 1px solid #ccc;border-radius: 5px;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1);padding-bottom: 20px;}
.report-parameter-panel-header { background-color: #f1f1f1;padding: 10px;text-align: center;margin-bottom: 10px;border-radius: 5px 5px 0px 0px;border-bottom: 1px solid #ccc; }

.report-parameter-panel-table{ margin-left: auto;margin-right: auto;}
.report-parameter-panel-table>tbody>tr>td{ padding: 5px 0px;}
.report-parameter-panel-table>tbody>tr>td:first-child{ text-align: left;padding-left: 5px;vertical-align: top;padding-top: 10px;}
.report-parameter-panel-table>tbody>tr>td:last-child{ width: 200px;text-align: right;padding-right: 5px;}
.report-parameter-panel-input { width: 100%;border: 1px solid #ccc;padding: 6px; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;font-family: tahoma;}
.report-parameter-panel-input:focus { border-color: rgb(0, 161, 255); box-shadow: 0px 0px 1px 1px rgba(0, 161, 255, .3)}

.captcha{ width: 300px;padding: 20px;display: inline-block;border: 1px solid #ccc;border-radius: 5px;background-color: #fafafa;}
.captcha img{ width: 250px;height: 80px; border: 2px solid skyblue;border-radius: 10px; outline: none;}
.captcha input{ width: 190px; border: 1px solid skyblue;border-radius: 5px;padding: 5px;margin-top: 10px;text-align: center;outline: none;}
.captcha .fa{ color: skyblue;cursor: pointer;position: relative;top: 3px;width: 30px; outline: none;}
.captcha .fa:hover{ color: rgb(45, 130, 165);}

.exam-lesson-container{background-color: rgb(45, 130, 165);  border-bottom: rgb(29, 81, 103); border-top: 1px solid rgb(29, 81, 103);padding: 10px;margin-bottom: 20px;}
.exam-lesson-container-lesson { color: #fff;font-weight: bold; }
.exam-lesson-container-count{ color: #fff; float: left;}

.question-container { overflow: hidden;margin: 10px 20px 60px 20px;}
.question-container-body { font-weight: bold;margin-bottom: 15px;}
.question-container-body p { font-weight: bold;}
.question-container input[type='checkbox'] { margin-left: 10px;}
.question-container.dirLTR input[type='checkbox'] { margin-right: 10px;}
.question-container label { cursor: pointer;}

.question-choice-body {}
.question-choice-body p{ display: initial;}
.question-choice-body.checked p {color: #57b33d}

.question-checkbox {display: none;}
.question-checkbox + label {transition: all 0.5s ease;cursor: default;margin-left: 5px;}
.question-checkbox + label:before { color: #fff; font: normal normal normal 14px/1 FontAwesome; font-family: FontAwesome; content: "\f00c"; font-size: 20pt; transition: all 0.5s ease;}
.question-checkbox:checked + label:before{color: #56e260;}

.question-answer { color: #57b33d !important;}

.sticky{}
.sticky.fixed{ position: fixed;top: 0;background-color: #fff;padding-top: 15px;}


.fa.blue{ color: #6a90ff;}
.fa.red{ color: #ef4949;}
.fa.green{ color: #0ed20e;}
.fa.yellow{ color: yellow;}
.fa.orange{ color: orange;}