.cke_top {max-height: 127px !important; overflow-y: auto !important;}
.temelBelgeCard > .ui-panelgrid .ui-widget-content .ui-panelgrid-cell {
    padding: 2px !important;
}

.zeroPaddingGrid .ui-panelgrid-cell {
    padding: 0px 2px 0px 0px !important;
}

.zeroPaddingGrid {
    align-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
}

.havalePanel .ui-panel-content {
    padding: 0px !important;
}

.yuvarlakButton {
    border-radius: 23px !important;
    width: 46px !important;
    max-width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    max-height: 46px !important;
    min-height: 46px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.yuvarlakButtonOrta {
    border-radius: 18px !important;
    width: 35px !important;
    max-width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    max-height: 35px !important;
    min-height: 35px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.yuvarlakButtonKucuk {
    border-radius: 12px !important;
    width: 23px !important;
    max-width: 23px !important;
    min-width: 23px !important;
    height: 23px !important;
    max-height: 23px !important;
    min-height: 23px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
/*.ui-button {*/
/*max-width: 150px;*/
/*}*/

/*dashboard css start*/
.birkolon .ui-dashboard-column {
    width: 100%;
}

.ikikolon .ui-dashboard-column {
    width: 50%;
}

.ikikolonSolGenis .ui-dashboard-column:first-child {
    width: 70%;
}

.ikikolonSolGenis .ui-dashboard-column {
    width: 30%;
}

.ikikolonSagGenis .ui-dashboard-column:first-child {
    width: 30%;
}

.ikikolonSagGenis .ui-dashboard-column {
    width: 70%;
}

.ui-dashboard-column .ui-panel {
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 10px;
}

/*dashboard css end*/

/**/
.pageCode {
    font-size: 22px;
    float: left;
    display: inline-block;
}

/*pe:dynaForm*/
.pe-dynaform-cell {
    padding-bottom: 8px !important;
}

.pe-dynaform-label {
    text-align: left !important;
    padding: 2px 20px 0 0 !important;
    white-space: normal !important;
}

.pe-dynaform-cell.separator {
    padding: 10px 0 10px 0 !important;
}

.pe-dynaform-cell.separator .separatorText {
    width: 15% !important;
    padding-left: 0 !important;
}

/* Empty Boxes */
.EmptyBox5 {
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
}

.EmptyBox10 {
    display: block;
    width: 100%;
    height: 10px;
    overflow: hidden;
}

.EmptyBox20 {
    display: block;
    width: 100%;
    height: 20px;
    overflow: hidden;
}

.EmptyBox30 {
    display: block;
    width: 100%;
    height: 30px;
    overflow: hidden;
}

.EmptyBox40 {
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.EmptyBox50 {
    display: block;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.EmptyBox60 {
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.EmptyBox70 {
    display: block;
    width: 100%;
    height: 70px;
    overflow: hidden;
}

.EmptyBox80 {
    display: block;
    width: 100%;
    height: 80px;
    overflow: hidden;
}

.EmptyBox90 {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
}

.EmptyBox100 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox110 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox120 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox130 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox140 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox150 {
    display: block;
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.zeroPaddingGrid .ui-panelgrid-cell {
    padding: 0px 2px 0px 0px !important;
}

.ui-panelgrid tbody tr td {
    border: none !important;
    border: 0px none !important;
}

.ui-panelgrid tbody tr {
    border: none !important;
    border: 0px none !important;
}

.ui-panelgrid {
    border: none !important;
}

.ui-panelgrid > .ui-widget-content {
    border: none !important;
}

.ui-panelgrid .ui-widget-content .ui-panelgrid-cell {
    border: none !important;
    padding: 1px 3px !important;
}

.genisButton1 {
    max-width: 200px;
}

.genisButton2 {
    max-width: 250px;
}

.genisButton3 {
    max-width: 300px;
}

/* Width */
.Wid100 {
    width: 100%;
}

.Wid90 {
    width: 90%;
}

.Wid80 {
    width: 80%;
}

.Wid70 {
    width: 70%;
}

.Wid60 {
    width: 60%;
}

.Wid55 {
    width: 55%;
}

.Wid50 {
    width: 50%;
}

.Wid45 {
    width: 45%;
}

.Wid40 {
    width: 40%;
}

.Wid35 {
    width: 35%;
}

.Wid30 {
    width: 30%;
}

/* Width Special Values */
.Wid33 {
    width: 33.3%;
}

.Wid25 {
    width: 25%;
}

.Wid24 {
    width: 24%;
}

.Wid23 {
    width: 23%;
}

.Wid22 {
    width: 22%;
}

.Wid21 {
    width: 21%;
}

.Wid20 {
    width: 20%;
}

.Wid19 {
    width: 19%;
}

.Wid18 {
    width: 18%;
}

.Wid17 {
    width: 17%;
}

.Wid16 {
    width: 16%;
}

.Wid15 {
    width: 15%;
}

.Wid14 {
    width: 14%;
}

.Wid13 {
    width: 13%;
}

.Wid12 {
    width: 12%;
}

.Wid11 {
    width: 11%;
}

.Wid10 {
    width: 10%;
}

.Wid9 {
    width: 9%;
}

.Wid8 {
    width: 8%;
}

.Wid7 {
    width: 7%;
}

.Wid6 {
    width: 6%;
}

.Wid5 {
    width: 5%;
}

.Wid4 {
    width: 4%;
}

.Wid3 {
    width: 3%;
}

.Wid2 {
    width: 2%;
}

.Wid1 {
    width: 1%;
}

.MaxWid500 {
    max-width: 500px;
}

/* Height */
.Hei100 {
    height: 100%;
}

.Hei90 {
    height: 90%;
}

.Hei80 {
    height: 80%;
}

.Hei70 {
    height: 70%;
}

.Hei60 {
    height: 60%;
}

.Hei40 {
    height: 40%;
}

.Hei50 {
    height: 50%;
}

.Hei30 {
    height: 30%;
}

.Hei20 {
    height: 20%;
}

.Hei10 {
    height: 10%;
}

/* Text Aligns */
.TexAlCenter {
    text-align: center;
}

.TexAlLeft {
    text-align: left;
}

.TexAlRight {
    text-align: right !important;
}

/*.ui-fluid .ui-button {*/
/*max-width: 150px;*/
/*}*/

.ui-fluid .darButton1 {
    max-width: 100px;
}

.ui-fluid .genisButton1 {
    max-width: 200px;
}

.ui-fluid .genisButton2 {
    max-width: 250px;
}

.ui-fluid .genisButton3 {
    max-width: 300px;
}

/*Datatable Treetable button css*/
/*icon only*/
.ui-datatable .ui-button-icon-only, ui-treetable .ui-button-icon-only {
    /*border-radius: 15px !important;*/
    max-width: 30px !important;
    min-width: 30px !important;
}

.ui-datatable .ui-button-icon-only .ui-icon.fa, .ui-treetable .ui-button-icon-only .ui-icon.fa {
    font-size: 12px !important; /*FONT küçültülebilir aynı doğrultuda yarısı olacak şekilde margin ayarlaması yapılmalı*/
    margin-top: -6px !important;
}

.ui-datatable .ui-button.ui-button-icon-only .ui-button-text, .ui-treetable .ui-button.ui-button-icon-only .ui-button-text {
    padding: 5px 0px !important;
}

.ui-datatable .ui-splitbutton-menubutton.ui-button-icon-only .ui-button-text, .ui-treetable .ui-splitbutton-menubutton.ui-button-icon-only .ui-button-text {
    padding: 10px 0px !important; /*calendar fix*/
}

.doubleButtonColumn {
    width: 100px;
    text-align: center;
}

.genisButtonColumn {
    width: 85px;
    text-align: center;
}

.buttonColumn {
    width: 60px;
    text-align: center;
}

.buttonColumn10 {
    width: 10px;
    text-align: center;
}

.buttonColumn20 {
    width: 20px;
    text-align: center;
}

.buttonSelectionColumn {
    width: 2px;
    text-align: center;
}

/*Datatable Treetable button css*/

/* Floating */
.Fleft {
    float: left;
}

.Fright {
    float: right;
}

.Fnone {
    float: none !important;
}

@media screen and (min-width: 0\0
) {
    /* IE 10+ specific styles go here */
    .ShadowEffect {
        box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4);
    }
}

/* shadow */

.fc-event-container .fc-event .fc-content {
    text-overflow: ellipsis;
}

.ui-growl-item-container {
    -webkit-animation-name: growlAnimation;
    -webkit-animation-duration: 0.3s;
    animation-name: growlAnimation;
    animation-duration: 0.35s;
    animation-iteration-count: 2;
}

@-webkit-keyframes growlAnimation {
    0% {
        -webkit-ttransform: rotateX(0deg);
    }
    10% {
        -webkit-ttransform: rotateX(36deg);
    }
    20% {
        -webkit-ttransform: rotateX(72deg);
    }
    30% {
        -webkit-ttransform: rotateX(108deg);
    }
    40% {
        -webkit-ttransform: rotateX(144deg);
    }
    50% {
        -webkit-ttransform: rotateX(180deg);
    }
    60% {
        -webkit-ttransform: rotateX(144deg);
    }
    70% {
        -webkit-ttransform: rotateX(108deg);
    }
    80% {
        -webkit-ttransform: rotateX(72deg);
    }
    90% {
        -webkit-ttransform: rotateX(36deg);
    }
    100% {
        -webkit-ttransform: rotateX(0deg);
    }
}

@keyframes growlAnimation {
    0% {
        transform: rotateX(0deg);
    }
    10% {
        transform: rotateX(36deg);
    }
    20% {
        transform: rotateX(72deg);
    }
    30% {
        transform: rotateX(108deg);
    }
    40% {
        transform: rotateX(144deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    60% {
        transform: rotateX(144deg);
    }
    70% {
        transform: rotateX(108deg);
    }
    80% {
        transform: rotateX(72deg);
    }
    90% {
        transform: rotateX(36deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

/* Containers */
.Container100 {
    width: 100%;
    float: left;
}

.Container96 {
    width: 96%;
    float: left;
}

.Container90 {
    width: 90%;
    float: left;
}

.Container85 {
    width: 85%;
    float: left;
}

.Container80 {
    width: 80%;
    float: left;
}

.Container75 {
    width: 75%;
    float: left;
}

.Container70 {
    width: 70%;
    float: left;
}

.Container66 {
    width: 66.66%;
    float: left;
}

.Container60 {
    width: 60%;
    float: left;
}

.Container50 {
    width: 50%;
    float: left;
}

.Container40 {
    width: 40%;
    float: left;
}

.Container33 {
    width: 33.33%;
    float: left;
}

.Container30 {
    width: 30%;
    float: left;
}

.Container25 {
    width: 25%;
    float: left;
}

.Container20 {
    width: 20%;
    float: left;
}

.Container10 {
    width: 10%;
    float: left;
}

.Container5 {
    width: 5%;
    float: left;
}

.Container65 {
    width: 65%;
    float: left;
}

.Container35 {
    width: 35%;
    float: left;
}

/* İç Denetim modülünde bulgu için karsi gorus varken ve yokken farklı renkler olması istendi*/
.icdBulguGorusOnay {
    background-color: #c0ff0e !important;
}

.icdBulguGorusKarsi {
    background-color: #c25b62 !important;
}

/*Görev modülüne ait görevlerin önceliklerine göre arka plan renklendirilmesidir.*/
.cokacil {
    background-color: #550000 !important;
}

.acil {
    background-color: #801515 !important;
}

.orta {
    background-color: #AA3939 !important;
}

.dusuk {
    background-color: #D46A6A !important;
}

.cokdusuk {
    background-color: #FFAAAA !important;
}

.sorumlusuOlunanGorevler {
    background-color: #f9ffbf !important;
}

.vekaletAlinanGorev {
    background-color: #c7eeff !important;
}

.hatirlatma {
    border: 1px solid #CCCCCC;
    padding: 4px 15px 4px 28px;

    margin: 8px 0;
    display: block;
    float: left;
    font-style: normal;
    color: #3F3F3F;
    text-shadow: 1px 1px rgba(255, 255, 255, 1);

    background: url("/edbys-portal/javax.faces.resource/css/images/pybs_hatirlatma.png.xhtml") 5px 50% no-repeat #FFFADC;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.hatirlatmaKirmizi {
    border: 1px solid #CCCCCC;
    padding: 4px 15px 4px 28px;

    margin: 8px 0;
    display: block;
    float: left;
    font-style: normal;
    color: red;
    text-shadow: 1px 1px rgba(255, 255, 255, 1);

    background: url("/edbys-portal/javax.faces.resource/css/images/pybs_hatirlatma.png.xhtml") 5px 50% no-repeat #FFFADC;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-datatable-scrollable-theadclone {
    display: none;
}

.ui-treetable-scrollable-theadclone {
    visibility: collapse;
}

/*!*!*takvim style*!*!*/
/*.takvimStil1 {*/
/*color: #3B3B3B !important;*/
/*background: #b1b1b1 !important;*/
/*border: #b1b1b1 !important;*/
/*line-height: 1.2 !important;*/
/*!*font-weight: 400 !important;*!*/
/*}*/

/*.takvimStil2 {*/
/*color: #3B3B3B !important;*/
/*background: #2EB92E !important;*/
/*border: #2287de !important;*/
/*line-height: 1.2 !important;*/
/*!*font-weight: 400 !important;*!*/
/*}*/

/*.takvimStil3 {*/
/*color: #3B3B3B !important;*/
/*background: #deb100 !important;*/
/*border: #2287de !important;*/
/*!*font-weight: 400 !important;*!*/
/*}*/

/*takvim style*/

/*Iconlar*/
.fa-usersAndPaperclip::before {
    content: "\f0c0\f0c6";
}

.fa-flagAndExclamation::before {
    content: "\f024";
    /*exclamation = \f06a*/
    color: #B40005;
}

/*MODENA*/
/* Gray Theme*/
.GrayModena.Geometry {
    background-image: url("/edbys-portal/javax.faces.resource/images/triangle-gray.svg.xhtml?ln=manhattan-layout");
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
}

.GrayModena {
    background-image: none;
}

/* Blue Theme*/
.BlueModena.Geometry {
    background-image: url("/edbys-portal/javax.faces.resource/images/triangle-blue.svg.xhtml?ln=manhattan-layout");
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
}

.BlueModena {
    background-image: none;
}

/* Indigo Theme*/
.IndigoModena.Geometry {
    background-image: url("/edbys-portal/javax.faces.resource/images/triangle-indigo.svg.xhtml?ln=manhattan-layout");
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
}

.IndigoModena {
    background-image: none;
}

/* Cyan Theme*/
.CyanModena.Geometry {
    background-image: url("/edbys-portal/javax.faces.resource/images/triangle-cyan.svg.xhtml?ln=manhattan-layout");
    background-attachment: fixed;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: top right;
}

.CyanModena {
    background-image: none;
}

.CyanModena #layout-topbar {
    background-color: #00838F;
}

/* Red Theme*/
.RedModena.Geometry {
    background-image: url("/edbys-portal/javax.faces.resource/images/triangle-red.svg.xhtml?ln=manhattan-layout");
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
}

.RedModena {
    background-image: none;
}

.DispBlock {
    display: block;
}

/* Margins */
.MarTopPerc5 {
    margin-top: 5%;
}

.MarTopPerc10 {
    margin-top: 10%;
}

.MarTopPerc20 {
    margin-top: 20%;
}

.MarTopPerc30 {
    margin-top: 30%;
}

.MarTopPerc40 {
    margin-top: 40%;
}

.MarTopPerc50 {
    margin-top: 50%;
}

.MarAuto {
    margin-left: auto;
    margin-right: auto;
}

.MarTop5 {
    margin-top: 5px;
}

.MarTop10 {
    margin-top: 10px;
}

.MarTop20 {
    margin-top: 20px;
}

.MarTop30 {
    margin-top: 30px;
}

.MarTop40 {
    margin-top: 40px;
}

.MarTop50 {
    margin-top: 50px;
}

.MarTopQuarter {
    margin-top: 25%;
}

.MarTopHalf {
    margin-top: 50%;
}

.MarBot10 {
    margin-bottom: 10px;
}

.MarRight10 {
    margin-right: 10px;
}

.MarRight20 {
    margin-right: 20px;
}

/* Paddings */
.NoPadding {
    padding: 0px !important;
}

.PaddingTopPercent10 {
    padding-top: 10%;
}

/* Overflows */
.OvHidden {
    overflow: hidden;
}

.OvScroll {
    overflow: scroll;
}

.OvAuto {
    overflow: auto;
}

.OvVisible {
    overflow: visible;
}

.OvXScroll {
    overflow-x: scroll;
}

.OvYScroll {
    overflow-y: scroll;
}

.OvXHidden {
    overflow-x: hidden;
}

.OvYHidden {
    overflow-y: hidden;
}

.BigTopic {
    font-size: 20px;
    color: #434560;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

/* font size resetting for responsive modes */
.Fs20 {
    font-size: 17px !important;
}

.Fs21 {
    font-size: 18px !important;
}

.Fs22 {
    font-size: 18px !important;
}

.Fs23 {
    font-size: 20px !important;
}

.Fs24 {
    font-size: 21px !important;
}

.Fs25 {
    font-size: 22px !important;
}

.Fs26 {
    font-size: 23px !important;
}

.Fs27 {
    font-size: 23px !important;
}

.Fs28 {
    font-size: 25px !important;
}

.Fs29 {
    font-size: 25px !important;
}

.Fs30 {
    font-size: 25px !important;
}

.Fs40 {
    font-size: 28px !important;
}

.Fs50 {
    font-size: 30px !important;
}

.Fs60 {
    font-size: 32px !important;
}

.Fs100 {
    font-size: 35px !important;
}

.Fs130 {
    font-size: 40px !important;
}

.RaisedButton {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

.Red {
    color: #E53935;
}

/*MODENA*/

.blockUI {
    z-index: 999999999 !important;
}

.layout-topbar {
    z-index: 999 !important;
}

.ui-fileupload-content.ui-widget-content {
    border: none;
}

.ui-df-content {
    padding: 10px 10px 0px 10px !important;
}

.horizontal tbody tr {
    float: left;
}

/* sürüm bilgisi geçici fix! */
.topbar-menu > li:nth-child(7) > ul {
    right: 135px !important;
}

.uyari {
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: 'robotolight';
    color: #B01717 !important;
    margin: 0px;
}

.card.card-w-narrow {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: block;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: 'robotoregular';
    color: #546e7a;
}

.card.card-w-narrow-right {
    margin-right: 10px;
}

/* sürüm bilgisi geçici fix! */

.ui-datatable-hor-scroll .ui-datatable-tablewrapper, .scrolling-div .ui-datatable-tablewrapper {
    overflow: auto;
    width: 100%;
    padding-bottom: 5px;
}


.CardNarrow {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: 'robotoregular';
    color: #546e7a;
}

/*Primefaces8 ile inputlarda size verilmediği durumlarda size'ın 0 gelmesi durumu için fix*/
div .ui-fluid .ui-inputtext[size="0"], div .ui-fluid .ui-inputfield[size="0"], div .ui-fluid .ui-inputfield.hasDatepicker[size="10"] {
    width: 100%;
}

#togglePanel.ui-panel .ui-panel-content {
    padding: 0px;
}