/*
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 : 23.Ağu.2019, 11:38:25
    Author     : ozan
*/


.ui-icon.fa {
    vertical-align:middle;
    text-align: center;
}

div *{
    font-family:Century Gothic;
    font-size:small; 

}
.button-bi *{
    font-size: 130%;
    background: crimson;
    font-weight: bold;
}
.button-bi2 *{
    font-size: 130%;
    background: green;
    font-weight: bold;

}

.menubar {
    background:#f4f4fc;
    text-align: left;
}
.datatable-header{
    font-weight: bold; 
    font-size: large; 
    color: #eee;
}
ul.ui-menu-child {
    white-space: nowrap;
    width: auto !important ; 

}

.fieldset {
 <!--   border-radius: 4px; -->
 <!--    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); -->
    font-family: Century Gothic !important; 
    font-size: medium; 
    min-height: 600px;
    background: #fcfcff !important;
    
}
.box-fit {
    border-radius: 4px;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    padding-top: 2em;
    padding-bottom: 2em;
    padding-right: 1em;
    padding-left: 1em;
    margin: auto;
    background: #eee;
    text-align: center;
}
.box-fit-white {
    border-radius: 4px;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    padding-top: 2em;
    padding-bottom: 2em;
    padding-right: 1em;
    padding-left: 1em;
    margin: auto;
    background: #ffffff;
    text-align: center;
    height: 300px;
}

.box-red{
    background-color: red;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    border-radius: 4px;
}

.button-general{
    width: 120px;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}
.button-general-nowidth{
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}
.button-general-nowidth-red{
    background-color: crimson;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}
.button-general-nowidth-cekimser{
    background-color: #cccc00;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}

.box-index2{
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.datalist{
    border-radius: 4px;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
.datatable-with-center {
    text-align: center;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.datatable-without-center {
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.panelgrid-select-general {
    display: block;
    flex: 90%;
    width: border-box;
}

.panelgrid-input-general {
    display: block;
    width: 100%;
    
}
.panelgrid-general {
    width:500px;

}
.panelgrid-general-2 {
    width:800px;

}
.panelgrid-general-detay {
    min-width:100%;
    margin: auto;
}
.panelgrid-label {
    float: left;
    font-weight: bold;
    text-align: left
}
.panelgrid-label-blue {
    float: left;
    font-weight: bold;
    color: darkblue;
}
.sixty-percent {
    width: 60%;
}

.forty-percent {
    width: 40%;
}
.sixty-five-percent {
    width: 65%;
}

.thirty-five-percent {
    width: 35%;
}

.fifty-percent {
    width: 50%;
}
.ten-percent {
    width: 10%;
}

.top-alignment {
    vertical-align: top;
}
.renkli {
    background-color: #fca752 !important;
    background-image: none !important;
    color: #000000 !important;
}
.ui-wizard-step-title {
    font-size: 1.0em !important ;
}

.myclass .fc-event,
.myclass a,
.myclass .fc-event-inner{
    background-color: brown;
    border-color: brown;
    color: white;
}

.kilavuz {
    width: 100%; 
    height: 450px;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}

/* Custom styles for the Timeline */  
div.timeline-frame {  
    border-color: #5D99C3;  
    border-radius: 5px;  
}  

div.timeline-axis {  
    border-color: #5D99C3;  
    background-color: #5D99C3;  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D99C3', endColorstr='#3A6DA0') alpha(opacity = 100);  
    background: -webkit-gradient(linear, left top, left bottom, from(#5D99C3), to(#3A6DA0));  
    background: -moz-linear-gradient(top,  #5D99C3,  #3A6DA0);  
    -khtml-opacity: 1;  
    -moz-opacity: 1;  
    opacity: 1;  
}  

div.timeline-groups-axis {  
    border-color: #5D99C3;  
}  

div.timeline-groups-axis-onleft {  
    border-style: none solid none none;  
}  

div.timeline-axis-text {  
    color: white;  
}  

div.timeline-event {  
    color: white !important;  
    border-radius: 5px !important;  
}  

div.timeline-event-content {  
    padding: 5px;  
    text-shadow: none;  
}  

div.meşgul {  
    background: #F03030 none !important;  /* red */  
    border-color: #bd2828 !important;     /* red */  
}  

div.müsait {  
    background: #1AA11A none !important;  /* green */  
    border-color: #136e13 !important;     /* green */  
}  

div.planlanmamış {  
    background: #FFA500 none !important;  /* orange */  
    border-color: #cc8100 !important;     /* orange */  
}  

div.geçmiş {  
    background: #999999 none !important;  /* gray */  
    border-color: #404040 !important;     /* gray */  
}

div.timeline-event-selected {  
    background: #BECEFE none !important;  
    border-color: #97B0F8 !important;  
}

div.fontindex {
    font-family: Century Gothic;
    font-size: 14px;
    font-weight: 500;
    color: #eee;
    opacity: 0.3;
}