/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.portal_container {
    position: relative;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box; }
.portal_column,
.portal_columns {
    width: 100%;
    float: left;
    box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
    .portal_container {
        width: 85%;
        padding: 0; }
}

/* For devices larger than 64.063em */
@media (min-width: 64.063em) {
    .portal_container {
        width: 80%; }
    .portal_column,
    .portal_columns {
        margin-left: 4%; }
    .portal_column:first-child,
    .portal_columns:first-child {
        margin-left: 0; }

    .portal_one.portal_column,
    .portal_one.portal_columns                    { width: 4.66666666667%; }
    .portal_two.portal_columns                    { width: 10%; }
    .portal_three.portal_columns                  { width: 22%;            }
    .portal_four.portal_columns                   { width: 30.6666666667%; }
    .portal_five.portal_columns                   { width: 39.3333333333%; }
    .portal_six.portal_columns                    { width: 48%;            }
    .portal_seven.portal_columns                  { width: 56.6666666667%; }
    .portal_eight.portal_columns                  { width: 65.3333333333%; }
    .portal_nine.portal_columns                   { width: 74.0%;          }
    .portal_ten.portal_columns                    { width: 82.6666666667%; }
    .portal_eleven.portal_columns                 { width: 91.3333333333%; }
    .portal_twelve.portal_columns                 { width: 100%; margin-left: 0; }

    .portal_one-third.portal_column               { width: 30.6666666667%; }
    .portal_two-thirds.portal_column              { width: 65.3333333333%; }

    .portal_one-half.portal_column                { width: 48%; }

    /* Offsets */
    .portal_offset-by-one.portal_column,
    .portal_offset-by-one.portal_columns          { margin-left: 8.66666666667%; }
    .portal_offset-by-two.portal_column,
    .portal_offset-by-two.portal_columns          { margin-left: 17.3333333333%; }
    .portal_offset-by-three.portal_column,
    .portal_offset-by-three.portal_columns        { margin-left: 26%;            }
    .portal_offset-by-four.portal_column,
    .portal_offset-by-four.portal_columns         { margin-left: 34.6666666667%; }
    .portal_offset-by-five.portal_column,
    .portal_offset-by-five.portal_columns         { margin-left: 43.3333333333%; }
    .portal_offset-by-six.portal_column,
    .portal_offset-by-six.portal_columns          { margin-left: 52%;            }
    .portal_offset-by-seven.portal_column,
    .portal_offset-by-seven.portal_columns        { margin-left: 60.6666666667%; }
    .portal_offset-by-eight.portal_column,
    .portal_offset-by-eight.portal_columns        { margin-left: 69.3333333333%; }
    .portal_offset-by-nine.portal_column,
    .portal_offset-by-nine.portal_columns         { margin-left: 78.0%;          }
    .portal_offset-by-ten.portal_column,
    .portal_offset-by-ten.portal_columns          { margin-left: 86.6666666667%; }
    .portal_offset-by-eleven.portal_column,
    .portal_offset-by-eleven.portal_columns       { margin-left: 95.3333333333%; }

    .portal_offset-by-one-third.portal_column,
    .portal_offset-by-one-third.portal_columns    { margin-left: 34.6666666667%; }
    .portal_offset-by-two-thirds.portal_column,
    .portal_offset-by-two-thirds.portal_columns   { margin-left: 69.3333333333%; }

    .portal_offset-by-one-half.portal_column,
    .portal_offset-by-one-half.portal_columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
.portal_html {
    font-size: 62.5%; }

.portal_body {
    font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.6;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    color: #666666;

}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.portal_h1, .portal_h2, .portal_h3, .portal_h4, .portal_h5, .portal_h6 {

    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300; }
.portal_h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
.portal_h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
.portal_h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
.portal_h4 { font-size: 2.0rem; line-height: 1.35; letter-spacing: -.08rem; }
.portal_h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
.portal_h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 64.063em) {
    .portal_h1 { font-size: 5.0rem; }
    .portal_h2 { font-size: 4.2rem; }
    .portal_h3 { font-size: 3.6rem; }
    .portal_h4 { font-size: 2.0rem; }
    .portal_h5 { font-size: 1.8rem; }
    .portal_h6 { font-size: 1.2rem; }
}

.portal_p {
    margin-top: 0; }

.portal_center{
    text-align: center;
    margin: 30px 0;
    font-weight: bold;
    color: #616161;
}

.portal_kategori{
    background-color: #ffffff;
    margin-bottom: 50px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);

}
.portal_kategori .move_panel .portal_ul,
.portal_kategori .result_list_panel .portal_ul {
    list-style: disc !important;
    /*padding: 20px 20px 20px 20px;*/
    padding: 20px 20px 20px 45px;
}

.portal_kategori-head{
    padding: 10px;
    /*height: 70px;*/
    background-color: #FAFAFA;
    font-weight: bold;
    color: #616161;
    font-size: 1.5rem;
    display:flex;
    align-items: center;
    cursor: pointer;
}

.portal_kategori-head .portal_img{
    font-size: 20px !important;
    color: #4f5965;
    height: 25px ;
    margin:10px;
}

.portal_carousel .ui-carousel-header{
    height:60px !important;
}

.portal_datatable .ui-datatable-header{
    height:60px !important;
}

.portal_carousel{
    margin: auto;
    margin-top: 30px;
    width: 81%;
}

.portal_white-back{
    background-color: #f9f9f9;
    padding: 1px 30px 30px 30px;
}

.portal_bg-shadow{
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);
}

.portal_encoklink{
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: block;
    /*font-size: 18px;*/
}

.portal_encok{
    text-align: center;
}
.portal_duyurular{
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
}
.portal_duyuru{
    display: flex;
    flex-direction: row;
    padding: 10px 10px 10px 0;
}
.portal_date{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    padding: 0 15px;
}
.portal_number{
    display: block;
    font-weight: bold;

}
.portal_month{
    display: block;
    margin-top: -10px;
}

.portal_head{
    font-weight: bold;
    line-height: 1em;
}

.portal_detail{
    font-weight: 200;
    color: #747474;
    line-height: 1em;
    font-style: italic;
}

.portal_haber-head{
    background-color: #FAFAFA;
    font-weight: bold;
    color: #616161;
    font-size: 1.6rem;
    display:flex;
    align-items: center;
    padding:10px;

}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.portal_a {
    color: #708895;
    text-decoration: none;
}
.portal_a:hover {
    color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.portal_button,
.portal_button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box; }
.portal_button:hover,
.portal_button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.portal_button:focus,
.portal_button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #333;
    border-color: #888;
    outline: 0; }
.portal_button.portal_button-primary,
.portal_button.portal_button-primary,
input[type="submit"].portal_button-primary,
input[type="reset"].portal_button-primary,
input[type="button"].portal_button-primary {
    color: #FFF;
    background-color: #33C3F0;
    border-color: #33C3F0; }
.portal_button.portal_button-primary:hover,
.portal_button.portal_button-primary:hover,
input[type="submit"].portal_button-primary:hover,
input[type="reset"].portal_button-primary:hover,
input[type="button"].portal_button-primary:hover,
.portal_button.portal_button-primary:focus,
.portal_button.portal_button-primary:focus,
input[type="submit"].portal_button-primary:focus,
input[type="reset"].portal_button-primary:focus,
input[type="button"].portal_button-primary:focus {
    color: #FFF;
    background-color: #1EAEDB;
    border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="service"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
.portal_textarea,
.portal_select {
    height: 38px;
    padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="service"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
.portal_textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.portal_textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px; }
input[type="service"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
.portal_textarea:focus,
.portal_select:focus {
    border: 1px solid #33C3F0;
    outline: 0; }
.portal_label,
.portal_legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
    font-size: 23px; }
.portal_fieldset {
    padding: 0;
    border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
    display: inline; }
.portal_label > .portal_label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.move_panel .portal_ul,
.result_list_panel .portal_ul {
    list-style: circle inside; }
.portal_ol {
    list-style: decimal inside; }
.portal_ol, .portal_ul {
    padding-left: 0;
    margin-top: 0; }
.move_panel .portal_ul,
.move_panel .portal_ol,
.result_list_panel .portal_ul,
.result_list_panel .portal_ol,
.portal_ol .portal_ol,
.portal_ol .portal_ul {
    margin: 1.5rem 0 1.5rem 3rem;}
.portal_li {
}


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.portal_code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px; }
.portal_pre > .portal_code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.portal_th,
.portal_td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1; }
.portal_th:first-child,
.portal_td:first-child {
    padding-left: 0; }
.portal_th:last-child,
.portal_td:last-child {
    padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.portal_button,
.portal_button {
    margin-bottom: 1rem; }
.portal_input,
.portal_textarea,
.portal_select,
.portal_fieldset {
    margin-bottom: 1.5rem; }
.portal_pre,
.portal_blockquote,
.portal_dl,
.portal_figure,
.portal_table,
.portal_p,
.move_panel .portal_ul,
.result_list_panel .portal_ul,
.portal_ol,
.portal_form {
    margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.portal_u-full-width {
    width: 100%;
    box-sizing: border-box; }
.portal_u-max-full-width {
    max-width: 100%;
    box-sizing: border-box; }
.portal_u-pull-right {
    float: right; }
.portal_u-pull-left {
    float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.portal_hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.portal_container:after,
.portal_row:after,
.portal_u-cf {
    content: "";
    display: table;
    clear: both; }

.portal_search_row {
    margin: auto;
    width: 45%;
    display: grid;
}

.portal_search_row_item0 {
    grid-column-start: 1 ;
    grid-column-end: 1 ;
    grid-row-start: 1 ;
    grid-row-end: 2 ;
}

.portal_search_row_item1 {
    grid-column-start: 1 ;
    grid-column-end: 1 ;
    grid-row-start: 2 ;
    grid-row-end: 3 ;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 64.063em) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}


/* Grey back */
.portal_grey-back{
    background-color: #555555 !important;
    color: #ffffff;
    text-align: center !important;
    background-image: url(../../anasayfa/img/bg4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.portal_head-back{
    background-image: url(../../anasayfa/img/back.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.portal_p-90{
    padding: 90px 0;
}

.move_panel .portal_ul ,
.flip .portal_ul {
    margin: 0px;
    padding: 5px;
    text-align: left;
    border: solid 1px #fff;
}


.move_panel {
    width: 100%;
    display: none;
}
.result_list_panel {
    width: 100%;
    display: block;
}

.ui-datatable.no_header thead {
    display: none;

}