.h1, p {  font-family: Garamond, "Times New Roman", Times, serif;}.p {  font: 50pt Garamond, "Times New Roman", Times, serif;}
.giris_paneli_ana_div_css {	      background-image: url('../images/arkaplan/login_bg.jpg');	  	    background-position: center; /* Center the image */  background-repeat: no-repeat; /* Do not repeat the image */  background-size: cover; /* Resize the background image to cover the entire container */  		padding-top:10px;		}
.giris_panel_login_css {		min-width:400px;	height: calc(100% - 50px);   	width:100%;        position: relative;  background-color: #ffffff;	padding-right:20px;	padding-left:20px;	padding-top:20%;		margin-bottom:20px;	//**margin-left:-10px;**//			    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);    opacity: 0.90;    filter: alpha(opacity=10);}
.giris_panel_login_form_button_css {    margin-right: auto;    margin-left: auto;}


.giris_panel_login_logo_css {	height: 44px; 	width: 100%; 	position: relative;      text-align: left;}

.giris_panel_login_sifremi_unuttum_css {	height: auto; 	width: auto; 	position: relative;    text-align: right; }

.giris_panel_alt_css {	padding:3px;  position: absolute  ;  bottom: 0px;    left: 0px;	color: black;    font-size: 15px;    opacity: 0.6;    filter: alpha(opacity=10);	  text-align: right;	  	background-color:lightgray;Width:100%;}.toplo_grafik {    background-color: #d900ff;    Height:750px;     Width:850px;}is_ust_baslik {    text-align: center;    color: red;    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.4);}.mGrid {    width: 100%;    background-color: #fff;    margin: 5px 0 10px 0;    border-collapse:collapse;}.mGrid td {    padding: 2px;    color: #717171;	border-bottom-style: groove ;}.mGrid th {    padding: 4px 2px;    color: #fff;    background: #424242 url(grd_head.png) repeat-x top;    border-left: solid 1px #525252;    font-size: 0.9em;}.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }.mGrid .pgr table { margin: 5px 0; }.mGrid .pgr td {    border-width: 0;    padding: 0 6px;    border-left: solid 1px #666;    font-weight: bold;    color: #fff;    line-height: 12px; }.mGrid .pgr a { color: #666; text-decoration: none; }.mGrid .pgr a:hover { color: #000; text-decoration: none; }.btn_yesil {    display: inline-block;    border-radius: 4px;    background-color: #44c767;    border: none;    color: white;    text-align: center;       font-size: 20px;    padding: 5px;    width: auto;    transition: all 0.5s;    cursor: pointer;    margin: 0px;}    .btn_yesil:hover {        background-color: #28a84a;        color: white;    }    .btn_yesil:active {        position: relative;        top: 1px;        background-color: #1f7d36;        color: white;    }    .btn_yesil span {        cursor: pointer;        display: inline-block;        position: relative;        transition: 0.5s;    }        .btn_yesil span:after {            content: '\00bb';            position: absolute;            opacity: 0;            top: 0;            right: -20px;            transition: 0.5s;        }    .btn_yesil:hover span {        padding-right: 25px;    }        .btn_yesil:hover span:after {            opacity: 1;            right: 0;        }.btn_yesil_block {    width: 100%;}.btn_kirmizi {    display: inline-block;    border-radius: 4px;    background-color: #f44336;    border: none;    color: white;    text-align: center;    font-size: 20px;    padding: 5px;    width: auto;    transition: all 0.5s;    cursor: pointer;    margin: 0px;}.btn_kirmizi:hover {    background-color: #e81616;    color: white;}    .btn_kirmizi:active {        position: relative;        top: 1px;        background-color: #c81515;        color: white;    }    .btn_kirmizi span {        cursor: pointer;        display: inline-block;        position: relative;        transition: 0.5s;    }        .btn_kirmizi span:after {            content: '\00bb';            position: absolute;            opacity: 0;            top: 0;            right: -20px;            transition: 0.5s;        }    .btn_kirmizi:hover span {        padding-right: 25px;    }        .btn_kirmizi:hover span:after {            opacity: 1;            right: 0;        }.btn_kirmizi_block {    width: 100%;}.btn_turkuaz {    display: inline-block;    border-radius: 4px;    background-color: #08e8de;    border: none;    color: white;    text-align: center;    font-size: 20px;    padding: 5px;    width: auto;    transition: all 0.5s;    cursor: pointer;    margin: 0px;}    .btn_turkuaz:hover {        background-color: #0de3d9;        color: white;    }    .btn_turkuaz:active {        position: relative;        top: 1px;        background-color: #13ddd4;        color: white;    }    .btn_turkuaz span {        cursor: pointer;        display: inline-block;        position: relative;        transition: 0.5s;    }        .btn_turkuaz span:after {            content: '\00bb';            position: absolute;            opacity: 0;            top: 0;            right: -20px;            transition: 0.5s;        }    .btn_turkuaz:hover span {        padding-right: 25px;    }        .btn_turkuaz:hover span:after {            opacity: 1;            right: 0;        }.btn_turkuaz_block {    width: 100%;}.yuzde_10 {    width: 10%;    height: 200px;    background-color: yellow;    padding: 2px;    float: left;    margin: 2px;}.yuzde_20 {    width: 20%;    height: 200px;    background-color: yellow;    padding: 2px;    float: left;    margin: 2px;}.yuzde_30 {    width: 30%;    height: 200px;    background-color: yellow;    padding: 2px;    float: left;    margin: 2px;}.yuzde_40 {    width: 40%;    height: 200px;    background-color: yellow;    padding: 2px;    float: left;    margin: 2px;}.yuzde_50 {    width: 50%;    height: 200px;    background-color: yellow;    padding: 2px;    float: left;    margin: 2px;}.yuzde_50 {    width: 50%;    height:200px;    background-color:white;    padding:2px;    float:left;    margin:2px;}.yuzde_60{    width: 59%;    height: 200px;    background-color: yellow;    padding: 2px;    float: left;    margin: 2px;}.yuzde_65 {    width: 64%;    height: 200px;    background-color: powderblue;    padding: 2px;    float: left;    margin: 2px;}.yuzde_70 {    width: 69%;    height: 200px;    background-color: yellow;    padding: 1px;    float: left;    margin: 1px;}.yuzde_100% {    width: 100%;    height: 200px;    background-color: yellow;    padding: 2px;    float: left;    margin: 2px;}.form_kontrol_hata {    width: 100%;    height: 200px;    background-color: yellow;    padding: 2px;    float: left;    margin: 2px;}.textbox {      border-style: solid;    border-color:#d3d3d3;}.textbox.ng-valid{    border-style: solid;   /* border-color: #d3d3d3 #ebeaea #04b338 rgb(206, 206, 206); */      border-color: #ffffff #ffffff #04b338 rgb(255, 255, 255);     border-width: 2px;    color: #000000;        }.textbox.ng-invalid {      border-style: solid;  /*  border-color: #d3d3d3 #d3d3d3 #ff006a #d3d3d3; */     border-color: #ffffff #ffffff #ff006a #ffffff;     border-width: 2px;    color: #ff006a;}.textbox.ng-pristine{     border-color: #ffffff #ffffff #000000 #ffffff;     border-width: thin;}.form-control:focus {    border-color:  #ffffff #ffffff #20a5e2d2 #ffffff;  rgb(0, 98, 255);    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);        border-width: thin;  }.Sosyal_medya_giris {  position: absolute;  bottom: 20px;  left:35%;}.arama_paneli_bilsenler_sosyal_medya_icon_face {	margin-right: auto;	margin-left: auto;	border-radius: 20px;	-webkit-box-shadow: inset 0px 0px;	box-shadow: inset 0px 0px;	float: right;	background-color: #3b5998;	}.arama_paneli_bilsenler_sosyal_medya_icon_face:hover {		margin-right: auto;	margin-left: auto;	border-radius: 20px;	-webkit-box-shadow: inset 0px 0px;	box-shadow: inset 0px 0px;	float: right;	background-color: #FF3838;;	}.arama_paneli_bilsenler_sosyal_medya_icon_twitter {	margin-right: auto;	margin-left: auto;	border-radius: 20px;	-webkit-box-shadow: inset 0px 0px;	box-shadow: inset 0px 0px;	float: right;	background-color: #00acee;	}.arama_paneli_bilsenler_sosyal_medya_icon_twitter:hover {	margin-right: auto;	margin-left: auto;	border-radius: 20px;	-webkit-box-shadow: inset 0px 0px;	box-shadow: inset 0px 0px;	float: right;	background-color: #FF3838;}
.rosettacss {	background-color: #00bcd4;}
.gordioncss{	background-color: #ffc107;}
.diezcss{	background-color: #8FBC8F;}
.destancss{	background-color: #9575cd  ;}
 .dcprecss {  background-color: #ffc107;}
 .sealcss{	background-color: #8FBC8F;}
 .shadowpiececss{	background-color: #60BCF9;}
 .dcpre_arkaplan_css {    background-image: url("../images/pus_ticareti/dc_pre.jpg");}
 .seal50_arkaplan_css {    background-image: url("../images/pus_ticareti/seal50.png");}
 .genia_arkaplan_css {    background-image: url("../images/pus_ticareti/genia.png");}.shadowpiece_arkaplan_css {    background-image: url("../images/pus_ticareti/shadowpiece.png");}.seal10_arkaplan_css {    background-image: url("../images/pus_ticareti/seal10.jpg");}.btn-block {    width: 100%;	}	
.saydamlik {     opacity:1;}
.saydamlik_off {   opacity:1;    filter:alpha(opacity=100); /* For IE8 and earlier */}		


.myContainer {
  margin: 0 auto;
  max-width: 1920px;
  width: 90%;
}
 /* Çözünürlük bire bir anı olunca çalışıyor*/
@media only screen and (min-width: 1290px) {
  .myContainer {
    width: 90%;
  }
}

@media only screen and (min-width: 1500px) {
  .myContainer {
    width: 80%;
  }
}



#sticky {
  position: sticky;
  position: -webkit-sticky;
  background: #f83d23;
  top: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 6px #000;
  color: #fff;
    width: 100%;
}
.extra,
#wrapper {
  width: 850px;
  margin: auto;
  background-color: #ccc;
}
#wrapper {
  width: 100%;
}
.extra {
  height: 100px;
}

h4 {
  text-align: center;
}


.table-responsive {
   display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}



.tabs .tab a {
  color:#000000;
  /*Custom Text Color*/
  	  font-style: italic;
}

.tabs .tab a:hover {
  color:#000000;
  /*Custom Color On Hover*/
    font-style: italic;
}

.tabs .tab a:focus.active {
 
  /*Custom Text Color While Active*/

  /*Custom Background Color While Active*/
}

.tabs .indicator {
  background-color:red;
  /*Custom Color Of Indicator*/
    
}

.tema_kirmizi  {
	background-image: linear-gradient(to right top, #e73946, #e73946, #e73946, #e73946, #e73946); "
}

.tema_beyaz  {
	background-image: linear-gradient(to right top, #f1faee, #f1faee, #f1faee, #f1faee, #f1faee); "
}
.tema_acik_mavi  {
	background-image: linear-gradient(to right top, #457b9d, #457b9d, #457b9d, #457b9d, #457b9d); "
}
.tema_mavi  {
	background-image: linear-gradient(to right top, #457b9d, #457b9d, #457b9d, #457b9d, #457b9d); "
}
.tema_koyu_mavi  {
	background-image: linear-gradient(to right top, #457b9d, #457b9d, #457b9d, #457b9d, #457b9d); "
}