body {
  	margin:0 0 0 0;
	width:100%;
	height:100%;
	/*color:#162f48;*/
	color:#000000;
	background-color: #f2f2f2;
	font-weight: normal;
	font-style: normal;
	font-family:DariNaskh, Times New Roman, Helvetica, sans-serif;
	font-size: 19px;
	word-spacing: normal;
	overflow: visible;
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
}

a {text-decoration: none;}
a:hover {text-decoration: none;}


      

.text-silver {color:silver;}
.text-orange {color:#FF8000;}
.text-gold {color:#FCCD04;}
.text-red {color:red;}
.text-red-dark {color:#8B0000;}
.text-blue {color:blue;}
.text-blue-dark {color:#162f48;}
.text-blue-sky{color:#1699d6;}
.text-black {color:black;}
.text-shadow {text-shadow: 2px 1px #bbbbbb;}

.text-justify{text-align: justify;}

.font-arabtype {font-family:DariArabType;}
.font-georgia {font-family:LatinGeorgia;}
.font-tahoma {font-family:LatinTahoma;}
.font-nastaliq {font-family:DariNastaliq;text-shadow:1px 1px silver;}
.font-naskh {font-family:DariNaskh;}
.font-titr {font-family:DariTitr;}
.font-noto {font-family:DariNoto;}
.font-noto-light {font-family:DariNoto-Light;}

.fs-16 {font-size:16px;}
.fs-18 {font-size:18px;}
.fs-32 {font-size:32px;}
.fs-22 {font-size:22px;}


.bg-main-nav{background-color:#15253F}
.bg-graph{background-image: url('../images/graph.png');height: 100vh}
.bg {background-color:#eaeced;}
.bg-gray-light {background-color:#e3e3e3;}
.bg-gray-lighter {background-color:#eaebec;}
.bg-gray {background-color:#c9c9c9;}
.bg-gray-dark {background-color:#666666;}
.bg-gray-darker {background-color:#343131;}
.bg-blue-sky {background-color:#0abbff;}
.bg-blue-exlight{background-color:#cadcee}
.bg-blue-light{background-color:#ccccff}
.bg-blue-dark{background-color:#162f48;}
.bg-orange {background-color:#FF8000;}
.bg-gold {background-color:#FCCD04;}
.bg-gold-light {background-color:#F8E9A1;}
.bg-beige {background-color:#F5E6CC;}


.border-light {border-color:#c9c9c9;}

.rtl {direction:rtl;}
.ltr {direction:ltr;}
.v-separator {border-left: 1px groove #CCC; height: 100%;width:120px;text-align:center;}
.h7 {font-size:80%;}
.h8 {font-size:60%;}
.hTitlePage {font-family:DariNaskh;font-size:28px;text-shadow: 1px 1px #bbbbbb;padding:1%;margin-top:5%;font-weight:bold}
.articleTitle {font-weight:bold;font-family:DariNaskh; font-size:24px;}
.double-line{border-top: 3px double #162f48;}
.main-cards {margin:5%;min-width:200px;}
.sCtl{display:none;}
.min300{min-width:300px;}




.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.user-picture {
	width:100px;
	height:120px;
	object-fit: cover;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	}
	

.mxwmnw-100 {max-width: 100px;min-width: 100px;}
.mxw-100 {max-width: 100px;}	
.mxw-200 {max-width: 200px;}	
.mxw-400 {max-width: 400px;}
.mxw-310 {max-width: 310px;}
.mxw-600 {max-width: 600px;}	
.mxw-800 {max-width: 800px;}	
.mxw-900 {max-width: 900px;}