﻿.page-content{margin:15px 13px}

.tbl-form{border-collapse:collapse; direction:rtl; text-align:right; width:100%;font-size:1rem;}
.tbl-form tr{margin:100px 0}
.tbl-form td{ padding: 10px 5px;}
.td-title{ text-align:left; width:115px;}
.captcha-img{border:1px solid #ddd;width:140px;height:40px}
.captcha-txt{padding:7px 3px;font-size:22px;text-align:center;vertical-align:top}

.error-msg,.ok-msg{display:inline-block;padding-right:19px;margin-right:3px;font-size:13px;min-width:16px;min-height:16px}
.error-msg{background:url(/images/error.png) no-repeat right;color:#EC4F4F}
.ok-msg{background:url(/images/ok.png) no-repeat right;color:#7B9F2C;}
.error-msg a{color:#005DC5}

/* msg */
.fail-box, .success-box, .warning-box{text-align:center;padding:10px;margin:10px 10%;font-size:0.94rem;line-height:200%;border-radius:10px}
.fail-box{background:var(--message-box-bg-color-red); color: var(--message-box-ic-color-red);border:1px solid var(--message-box-ic-color-red)}
.success-box{background:var(--message-box-bg-color-green);color:var(--message-box-ic-color-green);border:1px solid var(--message-box-ic-color-green)}
.warning-box{background:var(--message-box-bg-color-yellow);color:var(--message-box-ic-color-yellow);border:1px solid var(--message-box-ic-color-yellow)}

/*- table style 1 -*/
.tblstyl1{border-collapse:collapse;caption-side:bottom;}
.tblstyl1 .ttd,.tblstyl1 .ttd-green,.tblstyl1 .otd,.tblstyl1 .etd{border-left:1px solid var(--color-bg-top-layer);padding:10px 5px;text-align:center}
.tblstyl1 .ttd{background:#5e942b;color:#fff;border-top:1px solid var(--color-bg-top-layer)}
.tblstyl1 .ttd2{background:#5e942b;color:#fff;border-top:1px solid var(--color-bg-top-layer);padding:6px 0;text-align:center}
.tblstyl1 .otd{}
.tblstyl1 .etd{background:var(--color-bg-top-layer)}

.txt option{padding:1px 4px}

/*tool-tip*/
#tool-tip{position:absolute;left:0;top:0;display:none;background:#000000;padding:6px 10px;color:#f4f4f4;border-radius:10px;min-width:50px;max-width:250px;z-index:100;direction:rtl;line-height: 200%;font-size:13px}
.help{display:inline-block;width:16px;height:16px;background:url(/images/help.png);cursor:pointer;margin-right:3px;vertical-align:-4px}
.help:hover{background-position:0 -20px;}

h3{font-size:15px}
p.help-paragraph{line-height:220%;margin: 1.2em 0}

.help-page-description{ text-align: right;direction: rtl;max-width: 950px;margin: 30px auto 0 auto}
.help-page-content-box{ border: 1px solid #fff;padding: 20px 20px;}
.help-page-content-box h2{ margin-bottom: 10px;color: #000000;font-size: 18px}
.help-page-content-box p{ color: #000000;line-height: 220%;font-size: 15px;}

.p-item{ width: 200px;text-align: center;display: inline-block;padding: 30px 0;min-height: 210px;background: #5e942b;vertical-align: top;margin: 5px;border-radius: 2px}
.p-item-title{ color: #fff;font-size: 18px;margin-bottom:15px }
.p-item-des{width: 160px;display: inline-block;text-align: right;font-size: 15px;color: #fff}

/* Authors list */
.authors-list{font-size:0; margin-bottom:20px;}
.author-block{display:inline-flex;font-size:0; color:var(--color-text-main);padding:5px; align-items: center; min-height: 100px;}
.author-block> .right {}
.author-block> .left {}
.author-block img{margin-left:10px;flex-shrink: 0;max-width:100%; width:70px;height:70px; border-radius: 50%; box-shadow: var(--box-shadow-main); }
.author-block h2 { font-size: 16px; line-height: 220%; }
.author-block .left > .desc { color: var(--color-text-main); font-size: 14px; line-height: 220%; }

@media (max-width:767px) {
.author-block{width:100%;margin:2% 0;}
}

@media (min-width:768px) and (max-width:1023px){
.author-block{width:48.5%;margin:1.5%;}
.author-block:nth-child(2n-1){margin-right:0;}
.author-block:nth-child(2n){margin-left:0}
}

@media (min-width:1024px) {
.author-block{width:32%;margin:1%;}
.author-block:nth-child(3n-2){margin-right:0;}
.author-block:nth-child(3n){margin-left:0;}
}

.standard-form .input { padding: 5px; font-size: 1rem; color: #000000; direction: rtl; width: 100%; max-width: 500px; border: 1px solid #ccc; outline: 0; }
.standard-form .input:focus, .standard-form .input:hover { border: 1px solid #999; }
.standard-form table { width: 100%; max-width: 500px; }
.standard-form table td { padding: 8px 0; }
.standard-form .red-border { border: 1px solid #E99C9C !important; }
.standard-form .error-msg { text-align: right; margin-top: 7px; color: #D45252; background: url(/images/invalid-error.png) right top no-repeat; background-size: 14px; padding-right: 20px; padding-bottom: 2px; font-size: 12px; }
.standard-form .final-error-msg { color: #D45252; margin: 0 0 13px 0; font-size:14px;}
.standard-form .field-title{ color: green}
.standard-form .select{font-size:16px;padding:4px;max-width:600px;width:100%}

.extlink{display:inline-block;vertical-align:middle;background-image:url('/images/ic-external-link-small.png');width:16px;height:16px}

.submit-ticket-loading {font-size:0;display: flex;align-items: center; align-content: center;}
#submitTicketHelpDes { display: none; font-size: 15px; padding: 10px; margin: 20px 0; line-height: 230%; border-radius: 10px; }

.help-description {font-size: 16px; padding: 10px; margin: 20px 0; line-height: 230%; background-color:#DAF5FF;background:var(--color-bg-container-blue-light);*background:#E8F5E9; border-radius: 10px; *border:1px solid #5e942b}
.help-description p { margin: 1.2em 0 }

#TextPageContent{margin-top: 10px;padding-bottom:10px; font-size:1rem;line-height:230%;}
#TextPageContent p{margin:1.2em 0}

.page-content-block {width:100%;margin:25px 0 30px 0;1padding:var(--padding-main-container);font-size:1rem;direction:rtl;color:var(--color-text-main);position:relative}
.page-content-block h1{color:var(--color-text-main);font-size: 1.625rem;line-height:200%;display:block;margin-bottom:15px}
@media (max-width:600px) {
    .page-content-block h1 { font-size: 1.25rem;}
}
