@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');


DIV.cnnPage { margin:0 auto;width:1000px; }

LI { list-style:none; padding-left:3px }

DIV.cnnShare LI.cnnItem0,
DIV.cnnShare LI.cnnItem1,
DIV.cnnShare LI.cnnItem2,
DIV.cnnShare LI.cnnItem3,
DIV.cnnShare LI.cnnItem4,
DIV.cnnShare LI.cnnItem5 {float:left; }
DIV.cnnShare LI.cnnItem0,
DIV.cnnShare LI.cnnItem1,
DIV.cnnShare LI.cnnItem2,
DIV.cnnShare LI.cnnItem3,
DIV.cnnShare LI.cnnItem4,

/*DIV.cnnShare LI.cnnItem5 { url('share.jpg') no-repeat 0px 0px; }DIV.cnnShare LI.cnnItem0 { background-position:0px 0px; }
DIV.cnnShare LI.cnnItem1 { background-position:-25px 0px; }
DIV.cnnShare LI.cnnItem2 { background-position:-50px 0px; }
DIV.cnnShare LI.cnnItem3 { background-position:-75px 0px; }
DIV.cnnShare LI.cnnItem4 { background-position:-100px 0px; }
DIV.cnnShare LI.cnnItem5 { background-position:-150px 0px; }*/
/* DIV.cnnShare LI.cnnItem1 { url('ding.jpg') no-repeat 0px 0px; } */
A.cnnShareLink IMG { height:25px;width:25px;}

SPAN.yahooBuzzBadge A { display:block!important;height:25px!important;line-height:25px!important;overflow:hidden!important;width:25px!important;padding-bottom:4px; }
SPAN.yahooBuzzBadge A SPAN { display:block;overflow:hidden!important;padding-left:25px!important; }
SPAN.yahooBuzzBadge A SPAN SPAN { display:none!important; }


.hcity {
	font-family: verdana, sans-serif;
	font-size:18pt;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}
.toplink {
	font-family: verdana, sans-serif;
	font-size:10pt;
	color:#ffffff;
	text-decoration: none;
}

.toplink:hover {
	font-family: verdana, sans-serif;
	font-size: 10pt;
	color:#F7C11D;
	text-decoration: none;
}
.menu {
	font-family: tahoma, sans-serif;
	font-size:8pt;
	color:000000;
	text-decoration:  none;
}

.menu:hover {
	font-family: tahoma, sans-serif;
	font-size: 8pt;
	color:ffffff;
	text-decoration:  none;
}
.llink {
	font-family: tahoma, sans-serif;
	font-size:11pt;
	color:blue;
	text-decoration: underline;
}

.llink:hover {
	font-family: tahoma, sans-serif;
	font-size: 11pt;
	color:blue;
	text-decoration: underline;
}

.llink2 {
	font-family: verdana, sans-serif;
	font-size:10pt;
	color:#ffffff;
	text-decoration: none;
}

.llink2:hover {
	font-family: verdana, sans-serif;
	font-size: 10pt;
	color:#000000;
	text-decoration: none;
}

.txtlnk {
	font-family: verdana, sans-serif;
	font-size:10pt;
	color:#ffffff;
	text-decoration: none;
}

.txtlnk:hover {
	font-family: verdana, sans-serif;
	font-size:10pt;
	color:#F7C11D;
	text-decoration: none;
}

.txtlnk2 {
	font-family: verdana, sans-serif;
	font-size:11pt;
	color:#FFE28A;
	text-decoration: none;
}

.txtlnk2:hover {
	font-family: verdana, sans-serif;
	font-size:11pt;
	color:#000000;
	text-decoration: none;
}

.txtlnk3 {
	font-family: arial;
	font-size:7pt;
	color:#FFFFFF;
	text-decoration: none;
}

.txtlnk3:hover {
	font-family: arial;
	color:#F7C11D;
	text-decoration: none;
}
.txtlnk4 {
	font-family: arial;
	font-size:9pt;
	font-weight:bold;
	color:#F15E1F;
	text-decoration: none;
}

.txtlnk4:hover {
	font-family: arial;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
}
.lnktoday {
	font-family: arial;
	font-size:9pt;
	font-weight:bold;
	color:#0000FF;
	text-decoration: none;
}

.lnktoday:hover {
	font-family: arial;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
}


.hd1 {
	font-family: arial;
	font-size:8pt;
	color:#FFFFFF;
	text-decoration: none;
}



.tdcolor
{
	background-color: #B797BC;
}
.tablecolor
{
	background-color: #D9B6EE;
}

.tcontent
{
	font-family: tahoma, sans-serif;
	font-size: 10pt;
	color:#000000;
	text-decoration: none;
	display: flex;
	align-items: center;
}
.tcontent span a {
	margin-top: 15px;
}
.tcontentRed
{
	font-family: tahoma, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color: #CC0000;
	text-decoration: none;
}
.tcontentRed1
{
	font-family: tahoma, sans-serif;
	font-size: 10pt;
	color: #CC0000;
	text-decoration: none;
}
.tcontentGreen
{
	font-family: tahoma, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	color: green;
	text-decoration: none;
}

.tcontentBlack
{
	font-family: tahoma, sans-serif;
	font-size:11pt;
	color:#000000;
	text-decoration: none;
	font-weight:bold;
}
.tcontentB
{
	font-family: tahoma, sans-serif;
	font-size:10pt;
	color:#000000;
	text-decoration: none;
	font-weight:bold;
}

.tcontenthead
{
	font-family: tahoma, sans-serif;
	font-size:11pt;
	color:#000000;
	text-decoration: none;
	FONT-WEIGHT: bold;
}

.tdhead
{
	font-family: tahoma, sans-serif;
	font-size:11pt;
	color:#000000;
	text-decoration: none;
}

.tdlink
{
	font-family: tahoma, sans-serif;
	font-size:10pt;
/*	font-weight: bold;	*/
	color:blue;
	text-decoration: underline;
}

.tdlink:hover 
{
	font-family: tahoma, sans-serif;
	font-size:10pt;
	color:blue;
	text-decoration:underline;
}
.tdlinkhead
{
	font-family: verdana, sans-serif;
	font-size:10pt;
	font-weight: bold;
	color:#0000B0;
	text-decoration: none;
}

.tdlinkhead:hover 
{
	font-family: verdana, sans-serif;
	font-size:10pt;
	font-weight: bold;
	color:#CC0033;
	text-decoration: none;
}

.tdlarge
{
	font-family: verdana, sans-serif;
	font-size:14pt;
	font-weight: bold;
	color:#0000B0;
	text-decoration: none;
}
.pagehead
{
	font-family: verdana, sans-serif;
	font-size:15pt;
	color:#F2711D;
	
}

.tophead
{
	font-family: verdana, sans-serif;
	font-size:15pt;
	font-weight:bold;
	color:#F2711D;
}

.bodyhead
{
	font-family: verdana, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#FF33CC;
}

.bodydata
{
	font-family: verdana, sans-serif;
	font-size:11pt;
	font-style:italic;
	color:#CC0000;
}

.msgRed
{
	font-family: tahoma, sans-serif;
	font-size: 11pt;
	font-weight:bold;
	color: #CC0000;
	text-decoration: none;
}

.smalllink
{
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #0000FF;
}
.smalllink:hover 
{
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #CC0000;
}
.bluelink
{
	font-family: verdana, sans-serif;
	font-size: 10pt;
	color: #0000FF;
	font-weight:bold;
	text-decoration:underline;
}
.msgRed
{
	font-family: tahoma, sans-serif;
	font-size: 11pt;
	font-weight:bold;
	color: #CC0000;
	text-decoration: none;
}

.msgDarkRed{
	font-family:tahoma, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#FF0000;
}

.p-10 {
    padding: 8px;
}

.wrap_multifiles {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 0px 0px 20px;
}

.wrap_multifiles .p-10 {
    padding: 5px;
    max-width: 23%;
    margin: 10px 0px 0px;
}

.sub_text
{
        font-size: 11px;
}

.single_wrap {
    width: 100%;
    max-width: 46%;
}

.single_wrap img {
    width: 100%;
}
.flex_multi_wrap {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.language-box label {
    color: #fff;
}

.language-box {
    text-align: center;
    padding: 5px 0px;
}

@media (max-width:767px)
{

	tr.posting_forms tr td {
		width: 100%;
		display: inline-block;
		padding: 0px;
	}

	.wrap_iconss {
		display: inline-flex;
		align-items: center;
		width: 100%;
	}

	.wrap_iconss img {
		width: 25px;
		height: auto;
		position: relative;
		top: -4px;
		margin-left: 5px;
	}
	tr.posting_forms tr {
		display: inline-block;
		width: 100%;
	}
	.input_rows input {
		border: 1px solid #0000002e;
		width: 100% !important;
		min-height: 35px !important;
		margin-bottom: 0px;
		font-size: 20px;
		padding: 5px 10px;
		font-family: "Tajawal", sans-serif;
	}
	.input_rows td {
		display: inline-block;
		width: 100%;
	}

	.dual_btnss input.gobutton {
		font-size: 16px !important;
		border: 0px;
		padding: 11px 20px;
		border-radius: 2px;
		/* margin: 0px 5px 0px; */
		min-width: 100px;
		height: auto !important;
	}

	
	tr.dual_btnss {
		display: inline-block;
		width: 100%;
		margin: 20px 0px 20px;
	}
	td.right_btnss {
		float: right !important;
	}
	tr.dual_btnss td {
		float: left;
	}

	.input_rows textarea {
		border: 1px solid #0000002e;
		width: 100% !important;
		/* min-height: 35px!important; */
		margin-bottom: 0px;
		font-size: 20px;
		padding: 5px 10px;
		font-family: "Tajawal", sans-serif;
	}

	.mail_result .tcontentB {
		/* font-family: tahoma, sans-serif; */
		font-size: 13pt;
		color: #000000;
		text-decoration: none;
		font-weight: 600;
		font-family: "Tajawal", sans-serif;
		line-height: 19px;
		margin: 10px 0px 15px;
		display: inline-block;
	}
	.mail_result .tcontent {
		font-family: tahoma, sans-serif;
		font-size: 12pt;
		color: #000000;
		font-weight: 500;
		font-family: "Tajawal", sans-serif;
		margin: 3px 0px 5px;
		display: inline-block;
		text-align: justify;
	}
	
	
	
	.mail_result font {
		font-family: "Tajawal", sans-serif;
		font-size: 18px;
		font-weight: 500;
	}
	.input_rows input[type="file"] {
		font-size: 14px;
	}
	
	
	.input_rows font {
		font-size: 20px !important;
		font-family: "Tajawal", sans-serif !important;
		color: #000;
		font-weight: 500;
		margin: 0px 0px 4px;
	}
	tr.input_rows {
		display: inline-block;
		width: 100%;
		margin: 5px 0px;
	}
	.mini_replys .tdlinkhead
	{
		font-family: "Tajawal", sans-serif!important;
    font-size: 16px;
	}

	.confirm_postings .txtlnk4 {
		font-family: "Tajawal", sans-serif!important;
		font-size: 16px;
		line-height: 20px;
		margin: 0px;
		display: inline-block;
		width: 100%;
		margin: 0px 0px 3px;
	}

	tr.mini_replys {
		margin-top: 15px;
		display: flex;
	}
	.confirm_postings  td.tcontentGreen {
		font-family: "Tajawal", sans-serif;
		font-size: 19px;
		text-align: left;
		font-weight: 600;
		letter-spacing: 0.3px;
		/* margin: 0px 0px 10px; */
	}
	
	.txtlnk4 {
		margin-top: 10px;
		display: inline-block;
	}
	h2 .txtlnk4 font a {
		font-size: 16px;
	}

	.footer {
		font-family: "Tajawal", sans-serif !important;
		font-size: 14px !important;
		color: #ffffff;
		line-height: 21px;
		padding: 10px 15px 10px;
	  }
	  .footerlink {
		/* font-family: Arial, Helvetica, sans-serif; */
		font-size: 13px !important;
		color: #ffffff;
		font-family: "Tajawal", sans-serif !important;
		margin: 0;
	  }
	.language-box {
		text-align: center;
		padding: 5px 0px 10px!important;
	}
	.language-box label {
		font-family: "Tajawal", sans-serif;
		margin: 5px auto 0px;
		display: inline-block;
		text-align: center;
		font-weight: 500;
		font-size: 18px;
		color: #ffffff;
	}
	.txtlnkWhite {
		font-size: 18px!important;
		font-weight: bold;
		color: White;
		margin: 0px 3px 0px;
		display: inline-block;
		font-family: "Tajawal", sans-serif !important;
	}

input.gobutton.single_button {
    font-size: 16px!important;
    border: 0px;
    padding: 10px;
    border-radius: 2px;
    margin: 20px 10px 15px;
    min-width: 100px;
    width: auto;
    background: #046BBA;
    color: #fff;
    font-weight: bold;
}
    .wrap_multifiles {
        flex-wrap: wrap;
    }
    .wrap_multifiles .p-10 {
        max-width: 100%;
        width: 100%;
    }
    
    .full_wide_card .single_wrap{
        width: 100%;
    max-width: 100%;
    }
    
    td.table_multi_wrap img {
        width: 100%;
        height: auto;
        padding: 10px;
        max-width: 80%;
    }
    .mini_single_wraps .p-10 {
    /* max-width: 90%; */
    width: 100%;
    padding: 0px;
    margin: 15px auto;
	
}

.posting_forms .tcontentGreen {
    font-size: 19px;
    letter-spacing: 0.2;
    margin: 0px 0px 2px;
    display: inline-block;
    width: 100%;
    font-family: 'Tajawal', sans-serif;
    font-weight: 600;
}

.form_page_full input.gobutton
{
	margin: 0px 0px 10px;
}
.posting_forms .gobutton {
    font-size: 13px!important;
    border: 0px;
    padding: 10px 20px;
    border-radius: 20px;
}
.posting_forms .border {
	border: 1px solid #0000002e;
    width: 100%;
    min-height: 40px;
    margin-bottom: 10px;
    font-size: 20px;
    padding: 5px 10px;
    font-family: 'Tajawal', sans-serif;
}
.posting_forms select.border {
    width: 100%!important;
    font-size: 16px;
	font-size: 18px;
    padding: 0px 10px;
	font-family: 'Tajawal', sans-serif;
	
}
.posting_forms .sub_text {
	font-size: 15px;
    line-height: initial;
    display: inline-block;
    width: 100%;
    margin: 5px 0px 0px;
    font-family: 'Tajawal', sans-serif;
}



.posting_forms td.tcontent {
    line-height: 24px;
    font-size: 18px;
    letter-spacing: -0.01em;
    margin: 5px 0px 5px;
    display: inline-block;
    width: 100%;
    font-family: 'Tajawal', sans-serif;
    font-weight: 500;
    color: #000;
}
/* .posting_forms table.inner_tables {
    padding: 15px 0px;
} */
/* .form_page_full {
    padding: 10px 15px 10px;
} */



.inner_tables {
    padding-top: 10px;
}

.posting_forms .wrap_multifiles .p-10
{
	padding: 5px 0px;
}

.form_page_full input.gobutton {
	font-size: 16px!important;
    border: 0px;
    padding: 11px 20px;
    border-radius: 2px;
    margin: 0px 0px 15px;
    min-width: 100px;
    width: auto;
}

.posting_forms .p-10 input {
    font-size: 15px;
}

.form_page_full br {
    display: none;
}

span.radios_singles {
    display: inline-block;
    width: 100%;
    margin: 2px 0px;
}


td.tcontentGreen.req_fields{
    font-size: 22px;
    letter-spacing: 0.2;
    margin: 0px 3px 0px;
    display: inline-block;
    width: 100%;
    font-family: 'Tajawal', sans-serif;
    font-weight: 600;
}

table tr.dual_menu td {
	font-size: 15px!important;
    text-align: center;
    padding: 7px 0px;
    line-height: 20px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ffffff8c;
    font-family: "Tajawal", sans-serif;
}
.title_views .rightlink {
    font-family: "Tajawal", sans-serif;
    font-size: 15px;
}

.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 3px;
}

td.wrap_codes_main,
table.form_page_full {
    border: 0px!important;
}

input.input_btnss {
    font-size: 16px!important;
    border: 0px;
    padding: 11px 20px;
    border-radius: 2px;
    margin: 0px 0px 15px;
    min-width: 100px;
    width: auto;
    background-color: #046BBA;
    border-bottom-style: groove;
    color: #FFFFFF;
    font-weight: bold;
}



td.fix_height {
    vertical-align: initial;
}
.full_wide_card 
{
    margin-top: 30px;
}
.single_wrap {
    max-width: 100%;
    margin-bottom: 10px;
}



}
.only_listing_pager td.txtmoreother {
    font-family: "Tajawal", sans-serif !important;
    font-size: 17px;
}
.only_listing_pager a.txtlnkwithunderline {
    font-family: "Tajawal", sans-serif !important;
    font-size: 18px;
    margin: 10px 0px 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #00000026;
    text-decoration: none;
    padding: 0px 0px 6px;
}

.custom_blue_button {
    display: inline-block;
    border: 0px;
    padding: 11px 15px;
    text-align: center;
    width: auto !important;
    max-width: 125px;
    font-size: 16px;
    border-radius: 2px;
    margin: 20px 0px;
    cursor: pointer;
}

.wrap_vh {
    height: 100vh;
}

.multi_action_button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 6rem;
}


  .single_button {
    font-size: 16px !important;
    border: 0px;
    padding: 11px 20px;
    border-radius: 2px;
    margin:10px;
    min-width: 100px;
    width: auto;
    background: #046bba;
    color: #fff;
    font-weight: bold;
  }
  
  
.vid_div, .img_div {
    position: relative;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}

span.deleteVid,
span.deleteImg{
    position: absolute;
    background: #ff3232;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    bottom: 10px;
    padding: 2;
    font-size: 16px;
    left: 10px;
    width: 10%;
    text-align: center;
}

.vid_width,
.img_width {
    margin-bottom: 27px
}
@media (max-width: 991.98px) {
    span.deleteVid,
    span.deleteImg {
        width: 13%;
    }
}