.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('../resimler/siir/resimli_siir_bg.jpg');
	  	padding-top:10px;
	  	padding-bottom:10px;	
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	
}
.giris_panel_login_css {

	
		float:center;
	
	min-height:calc(100% - 62px);
	height:auto;
   	width:100%;
     position: static;
 //** background-color: #ffffff;**//
	padding-right:20px;
	padding-left:40px;
	padding-top:20px;
	padding-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_alt_css {

  position: fixed-bottom  ;
  bottom: 0px;
  	padding-right:30px;
background-color:red;
    left: 0px;
	color: white;
    font-size: 15px;
    opacity: 0.6;
    filter: alpha(opacity=10);
	  text-align: right;
	  	//**background-color:lightgray;*/
	Width:100%;

}




.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;

 
}


.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;
}



.rosetta {

	background-color: #99fcff;
}

.destan{

	background-color: #ffa0c7;
}



.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_80 {
    width: 80%;
}


.btn-block {
    width: 100%;
}