﻿
.giris_buton {
    width: 170px;
    height: 30px;
    background: #80A9FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c9bcf), to(#80A9FF));
    background: -webkit-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -moz-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -ms-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -o-linear-gradient(top, #4c9bcf, #80A9FF);
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 14px;
    font-family: calibri;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width: 100px;
}

    .giris_buton:hover {
        background-color: #66CCFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 6px 6px 7px #999;
        -moz-box-shadow: 6px 6px 7px #999;
        -webkit-box-shadow: 6px 6px 7px #999;
    }

/*=========================================================================*/

.gridbutton {
    border-top: 1px solid #96d1f8;
    background: #80A9FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c9bcf), to(#80A9FF));
    background: -webkit-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -moz-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -ms-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -o-linear-gradient(top, #4c9bcf, #80A9FF);
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 11px;
    font-family: calibri;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width: 100px;
}

    .gridbutton:hover {
        background-color: #66CCFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 4px 4px 5px #999;
        -moz-box-shadow: 4px 4px 5px #999;
        -webkit-box-shadow: 4px 4px 5px #999;
    }

    .gridbutton:active {
        background-color: #66CCFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 0px 0px 3px #666;
        -moz-box-shadow: 0px 0px 3px #666;
        -webkit-box-shadow: 0px 0px 3px #666;
    }

/*=============================================================================*/

.gridbutton2 {
    border-top: 1px solid #96d1f8;
    background: #80A9FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c9bcf), to(#80A9FF));
    background: -webkit-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -moz-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -ms-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -o-linear-gradient(top, #4c9bcf, #80A9FF);
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 11px;
    font-family: calibri;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width: 60px;
    height: 25px;
}

    .gridbutton2:hover {
        background-color: #66CCFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 4px 4px 5px #999;
        -moz-box-shadow: 4px 4px 5px #999;
        -webkit-box-shadow: 4px 4px 5px #999;
    }

    .gridbutton2:active {
        background-color: #66CCFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
    }


/*===========================================================================================*/

.grid_link {
    font-family: Calibri;
    font-size: 12px;
    color: #0066FF;
    width: 75px;
    cursor: pointer;
}

    .grid_link:hover {
        margin: 0px;
        padding: 0px;
        font-family: Calibri;
        font-size: 12px;
        color: #CC0000;
        width: 75px;
        cursor: pointer;
        text-decoration: underline;
    }

    .grid_link:active {
        margin: 0px;
        padding: 0px;
        font-family: Calibri;
        font-size: 12px;
        color: #0066FF;
        width: 75px;
        cursor: pointer;
    }

/*=========================================================================*/
.sifreunuttum {
    margin: 0px;
    padding: 0px;
    font-family: arial, Helvetica, sans-serif;
    font-size: medium;
    color: #99CCFF;
    width: 100px;
    cursor: pointer;
}

    .sifreunuttum:hover {
        color: #0066CC;
        cursor: pointer;
    }


/*=====================================================================================*/

.linkbuton_pasif {
    border: thin solid #000000;
    margin: 2px;
    padding: 3px;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #CCCCCC;
    width: 100px;
}

.fileupload {
    font-family: calibri;
    font-size: 12px;
    font-weight: bold;
    width: 150px;
    color: #000000;
}



/*
.linkbuton1
{
	border: thin solid #0066FF;
	margin: 2px;
	padding: 3px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #66CCFF;
	width: 100px;
	box-shadow: 4px 4px 5px #999;
	-moz-box-shadow: 4px 4px 5px #999;
     -webkit-box-shadow: 4px 4px 5px #999;
}

  .linkbuton1:hover
{
	background-color: #66CCFF;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}

 .linkbuton1:active
{
    background-color: #66CCFF;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 0px 0px 3px #666;
    -moz-box-shadow: 0px 0px 3px #666;
    -webkit-box-shadow: 0px 0px 3px #666;
}


*/

.linkbuton1 {
    border-top: 1px solid #96d1f8;
    background: #80A9FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c9bcf), to(#80A9FF));
    background: -webkit-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -moz-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -ms-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -o-linear-gradient(top, #4c9bcf, #80A9FF);
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 14px;
    font-family: calibri;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width: 100px;
}

    .linkbuton1:hover {
        /*
   border-top-color: #4c7996;
   background: #4c7996;
   color: #ffffff;
   */
        background-color: #66CCFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 4px 4px 5px #999;
        -moz-box-shadow: 4px 4px 5px #999;
        -webkit-box-shadow: 4px 4px 5px #999;
    }

    .linkbuton1:active {
        border-top-color: #1b435e;
        background: #1b435e;
    }


.linkbuton1_pasif {
    border-top: 1px solid #f2f2f2;
    background: #e8e8e8;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#e8e8e8));
    background: -webkit-linear-gradient(top, #6b6b6b, #e8e8e8);
    background: -moz-linear-gradient(top, #6b6b6b, #e8e8e8);
    background: -ms-linear-gradient(top, #6b6b6b, #e8e8e8);
    background: -o-linear-gradient(top, #6b6b6b, #e8e8e8);
    cursor: not-allowed;
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 14px;
    font-family: calibri;
    text-decoration: none;
    vertical-align: middle;
    width: 100px;
}



/*==============================================================*/

.buton_user {
    border-top: 1px solid #96d1f8;
    background: #80A9FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c9bcf), to(#80A9FF));
    background: -webkit-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -moz-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -ms-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -o-linear-gradient(top, #4c9bcf, #80A9FF);
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 8px;
    font-family: calibri;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width: 50px;
    height: 20px;
}

    .buton_user:hover {
        background-color: #66CCFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
    }

    .buton_user:active {
        background-color: #66CCFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
    }

/*==================================================================/*/


.linkbuton3 {
    border: thin solid #0066FF;
    margin: 2px;
    padding: 3px;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #66CCFF;
    width: 150px;
    box-shadow: 4px 4px 5px #999;
    -moz-box-shadow: 4px 4px 5px #999;
    -webkit-box-shadow: 4px 4px 5px #999;
    height: 30px;
}

    .linkbuton3:hover {
        background-color: #66CCFF;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
    }



.linkbuton3_pasif {
    border: thin solid #000000;
    margin: 2px;
    padding: 3px;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #CCCCCC;
    width: 150px;
}


/*=================================================================*/

.linkbuton1_buyuk {
    border-top: 1px solid #96d1f8;
    background: #80A9FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c9bcf), to(#80A9FF));
    background: -webkit-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -moz-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -ms-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -o-linear-gradient(top, #4c9bcf, #80A9FF);
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 12px;
    font-family: calibri;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width: 140px;
    height: 25px;
}

/*====================================================0*/

.linkbuton2 {
    border-style: solid;
    border-width: thin;
    margin: 2px;
    padding: 3px;
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    background-color: #66CCFF;
    width: 120px;
    font-weight: bold;
    position: relative;
}


    .linkbuton2:hover {
        border-color: #000000;
        border-width: thin;
        background-color: #3366CC;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
    }


.linkbutonkare {
    border-top: 1px solid #96d1f8;
    background: #80A9FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c9bcf), to(#80A9FF));
    background: -webkit-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -moz-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -ms-linear-gradient(top, #4c9bcf, #80A9FF);
    background: -o-linear-gradient(top, #4c9bcf, #80A9FF);
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 12px;
    font-family: calibri;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width: 120px;
    height: 70px;
    display: block;
}

.linkbutonkare_pasif {
    border: thin solid #0066FF;
    margin: 2px;
    padding: 3px;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #CCCCCC;
    width: 120px;
    box-shadow: 4px 4px 5px #999;
    -moz-box-shadow: 4px 4px 5px #999;
    -webkit-box-shadow: 4px 4px 5px #999;
    height: 70px;
    display: block;
}

.linkbutonkare:active {
    background-color: #66CCFF;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0px 0px 3px #666;
    -moz-box-shadow: 0px 0px 3px #666;
    -webkit-box-shadow: 0px 0px 3px #666;
}

.linkbutonkare:hover {
    background-color: #66CCFF;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
}

/****************************************************************************/



.buttona {
    border-top: 1px solid #8dbcd9;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
    background: -o-linear-gradient(top, #3e779d, #65a9d7);
    padding: 10.5px 21px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 16px;
    font-family: Georgia, Serif;
    text-decoration: none;
    vertical-align: middle;
}

    .buttona:hover {
        border-top-color: #28597a;
        background: #28597a;
        color: #ffffff;
    }

    .buttona:active {
        border-top-color: #688ba3;
        background: #688ba3;
    }


/*******************************************************************************/

.sol_menu_buton {
    background-position: #B1D8F9;
    background: #66CCFF;
    color: #666666;
    font: bold 14px calibri;
    position: relative;
    width: 120px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    display: block;
    font-size: 16px; /* color: #fff; */
    font-weight: bold;
    line-height: 48px; /*line-width: 200px;*/
    padding: 0px;
}

/****************************************************************************/

.sifre_degistir {
    text-decoration: none;
    width: 400px;
    height: 250px;
    border-color: black;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-left: 2px solid;
    border-radius: 10px 10px 10px;
    -o-border-radius: 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    -moz-border-radius: 10px 10px 10px;
    background-color: #00CCFF;
    padding: 8px;
    /*text-align: center;*/
    color: #000000;
}


.buton_popup {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

    .buton_popup:HOVER {
    }

.buton_popup2 {
    background-color: #FFFFFF;
    width: 20px;
    border-color: black;
    border-top: 0px solid;
    border-bottom: 0px soli/d;
    border-right: 0px solid;
    border-left: 0px solid;
    border-radius: 0px 0px 0px;
    -o-border-radius: 0px 0px 0px;
    -webkit-border-radius: 00px 0px 0px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    -moz-border-radius: 0px 0px 0px;
    font-weight: bold;
    font-size: 14px;
}

    .buton_popup2:HOVER {
        cursor: pointer;
        text-decoration: underline;
        font-weight: bolder;
    }


.buton_popup_image {
    /*
    top: -25px;
    right: 25px;
    background-image: url(../../Images/buton/close-2.png);
    background-repeat: no-repeat;
    background-position: 1px 2px !important;
   /* box-shadow: 2px 2px 7px rgba(0,0,0,.2);*/
    /*
        border-radius: 300px;
    */
}

    .buton_popup_image:hover {
        /*box-shadow: 0px 5px 10px #706f86;*/
        /*box-shadow: 0px 0px 5px 2px #888;*/
        filter: drop-shadow( 0px 5px 3px #888);
        scale: 1.1;
    }

    .buton_popup_image:active {
        /*box-shadow: 0px 5px 10px #706f86;*/
        /*box-shadow: 0px 0px 1px 1px #888888;*/

    }

.image_button:hover {
    opacity: 0.50;
}



.button_yeni {
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    padding: 15px 20px 15px 20px;

}

    .button_yeni:hover {
        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2) ;
        transition-duration: 0.3s;
        opacity:0.85;
    }

    .button_yeni:active {
        border-top-color: #1b435e;
        background: #1b435e;
    }


.mini
{
    padding: 8px 5px 8px 5px !important;
    
    font-size:14px !important;
}

.mini2 {
    padding: 3px 8px 3px 8px !important;
}
 
.mini10 {
    padding: 10px 10px 10px 10px !important;
}

.buyukButon {
    padding: 15px 30px 15px 30px  !important;
    font-size:18px;
}

.buton_150
{
    width:150px;
}

.fileB {
    padding: 8px 5px 8px 5px !important;
    font-size: 12px !important;
    background-color: #2F73AD;
}

.redB {
    background-color: #f44336;
}

.greenB {
    background-color: #4CAF50; /* Green */
}

.blueB {
    background-color: #2F73AD;
}

.sari {
    background-color: #d5bb1e;
}

.uyari-button {
    color: #FFFFFF;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    text-decoration: none;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: bolder;
    top: 3px;
    display: inline;
    position: absolute;
    right: 400px;
}

.blackB {
    background-color: #e7e7e7;
    color: black;
}

.disable {
    opacity: 0.3;
    cursor: not-allowed;
}

    .disable:hover {
        opacity: 0.3!important;
    }

.gizli 
{
display:none;
}

.grid-red
{
    background-color: #f44336;
}

    .grid-red:hover
    {
        opacity: 0.6;
    }


.grid-blue {
    background-color: #2F73AD;
}

    .grid-blue:hover
    {
        opacity: 0.6;
    }


.grid-green
{
    background-color: #4CAF50;
}

    .grid-green:hover
    {
        opacity: 0.6;
    }


.grid-sari {
    background-color: #e9ce50;
    
}
    .grid-sari:hover {
        opacity: 0.6;
    }

.h15 a:link {
    height: 15px !important;
}

/*
.h15 input {
    height: 15px !important;
}
*/

.kisayol_cikar {
    height: 15px;
    border-width: 0px;
    top: 5px;
    position: absolute;
    right: 10px;
    fill:red;
}

    .kisayol_cikar:hover
    {
        scale: 1.1;
    }

 .hover_scala{

 }

 .hover_scala:hover
 {
     scale:1.1;
 }


 .ver-mid{
     vertical-align:middle;
 }