/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18 Eki 2020, 12:48:35
    Author     : dogus
*/

.modal-bg {background:#333; opacity:0.7;position:fixed;top:0;bottom:0;right:0;left:0;}
.modal-bg.outclick-0,.modal-bg.outclick-undefined {background:#573131; }
.modal-bg.outclick-1 {background:#4a5731; }
.modal-alani {margin-top: 0px;}
.modal-grubu {}
.modal-container {position:relative;}
.modal-kapat {position:fixed; top:10px; right:10px;box-shadow: 2px 2px;border-radius: 6px;color:#fff;z-index:99999;padding:1px 7px 2px 7px;background:#ef5b5b}
.modal-icerik {background:#eee;position:fixed;padding:20px;border:1px solid #333; overflow-y: auto;border-radius: 8px; box-shadow: 3px 4px;}
.modal-btn {text-align: right;margin-top: 20px;border-top: 1px solid #ddd;padding-top: 10px;}

.modal-durum-icon {position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100px; top: 182px;}
.modal-alert.success  .modal-icerik {box-shadow: 3px 4px #8bc34a; border-radius: 5px; }

.modal-alert.success  .modal-durum-icon {color:#8bc34a;font-size:80px}
.modal-alert.warning  .modal-icerik {box-shadow: 0px 0px 0px 6px #ffc107; border-radius: 5px;}
.modal-alert.warning  .modal-durum-icon {color:#ffc107;font-size:80px}
.modal-alert.error    .modal-icerik {box-shadow: 0px 0px 0px 6px #e91e63; border-radius: 5px;}
.modal-alert.error    .modal-durum-icon {color:#e91e63;font-size:80px}
.modal-alert.danger   .modal-icerik {box-shadow: 0px 0px 0px 6px #f44336; border-radius: 5px;}
.modal-alert.danger   .modal-durum-icon {color:#f44336;font-size:80px}

.modal-alert-animation{
	-webkit-animation:alertmove 0.5s;
}
/* Safari and Chrome */
@-webkit-keyframes alertmove 
{
  from {-webkit-transform: translate(0,-400px);}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .modal-icerik {width:95% !important; margin-left:auto !important; left:2% !important;}
}