@import url('https://fonts.googleapis.com/css?family=Rubik:400,400i,500,700&subset=latin-ext');

body {

    text-transform: inherit !important;

    font-family: 'Rubik', sans-serif !important;

}

@media (min-width: 901px) {
    .hidedesktop{display:none !important;}
    #demirler tbody td,#demirler tfoot,#demirler td {font-size:9px !important;}
    /*padding:1px 0.02rem !important;*/

    #Harita_Div .map_filter{margin-bottom: 10px;
        position: fixed;
        z-index: 999;
        top: 180px;
        width: 73%;}

    .target13 {

        width: 240px;
    
    }    
}
@media (max-width: 900px) {

    .horizontal-app-menu .menu-bar ul li a {

        font-family: 'Rubik', sans-serif !important;

    }

    .hidemobile{display:none !important;}

    .dataTables_wrapper .row{width:auto !important;}

    .show>.dropdown-menu {
        text-align: right !important;
        right: 0 !important;
        top: 28px !important;
        left: auto;
    }
    .custom_ul_mobile{font-size:15px;}
    .custom_ul_mobile li{margin: 5px 0;}

    .BinaModel div a {

        display: inline-block;
    
        position: relative;
    
        width: 6%;
    
        margin-left: 5% !important;
    
        opacity: 0.3;
    
        z-index: 1;
    
    }

    .icon-font-size{font-size:25px !important;}

    .container{padding-right:0px !important;padding-left:0px !important;}

    #demirler tbody td, tfoot, td{font-size:11px !important;}
    /*.Kutula{overflow-y: hidden !important;}*/

    .mobile-issue{font-size:11px;}
    #Harita_Div .map_filter{margin-bottom: 10px;
        position: fixed;
        z-index: 999;
        /*top: 180px;*/
        width: 100%;
        margin-left:0px;}
    
    .headerlogo{width:20% !important;}
    .content{
        margin-left:0px !important;
        width:100% !important;
    }
    .horizontal-app-menu .page-container .page-content-wrapper .content{
        padding-top:0px !important;
    }
    .sidebar.close{width:0px !important;}    
    .sidebar.close~.home-section{
        left: 0 !important;
        width: 100% !important;
    }
    .sidebar.close .nav-links{
        width:100% !important;
        display:none !important;
    }
    #navbarSupportedContent {
        display:block !important;
        font-size:10px !important;
    }
    #navbarSupportedContent .headermobilesirket{
        text-align: right;
    }
    #navbarSupportedContent .headermobilesirket b{
        font-size: 10px !important;
    }

}



body,

.form-control,

.btn,

.font-heading,

.sweet-alert,

h1,

h2,

h3,

h4,

h5,

h6,

.calendar .calendar-header .years .year,

.icon-thumbnail,

.header .search-link,

.overlay .overlay-search,

.datepicker.dropdown-menu,

.font-heading {

    font-family: 'Rubik', sans-serif !important;

}



.fs10 {

    font-size: 10px !important;

}



.p-0,

.table-xs.table tbody tr td.p-0 {

    padding: 0 !important

}



.mt-0 {

    margin-top: 0 !important

}



.pl-5 {

    padding-left: 5px !important

}



.pl-10 {

    padding-left: 10px !important

}



.pl-20 {

    padding-left: 20px !important

}



.pr-10 {

    padding-right: 10px !important

}



.pr-5 {

    padding-right: 5px !important

}



.pr-20 {

    padding-right: 20px !important

}



.ml-10 {

    margin-left: 10px !important

}



.ml-5 {

    margin-left: 5px !important

}



.ml-20 {

    margin-left: 20px !important

}



.mr-5 {

    margin-right: 5px !important

}



.mr-10 {

    margin-right: 10px !important

}



.mr-20 {

    margin-right: 20px !important

}



input,

textarea,

select {

    /* text-transform: none !important; */

}



.horizontal-app-menu .menu-bar>ul li>a {

    color: #333;

}



.menu-bar {

    border-bottom: 0px solid rgba(0, 0, 0, 0.13);

}



.horizontal-app-menu .menu-bar>ul li>a {

    font-weight: 500;

}



.horizontal-app-menu .header .header-inner {

    padding: 0 !important

}



.jumbotron {

    padding-top: 0px;

    overflow: unset;
    margin-bottom:2px;
    background: rgb(206,217,217);
    background: linear-gradient(0deg, rgba(206,217,217,1) 0%, rgba(156,185,98,0.28895308123249297) 100%);
    /* z-index: 99; */

    /* margin-bottom: 20px !important; */

    /* position: fixed; */

    /* width: 100%; */

    /* top: 90px; */

}



.breadcrumb>.breadcrumb-item.active {

    font-weight: 500;

    color: #3d3d3d;

    margin-left: 5px;

    margin-right: 5px;

    font-size: 16px !important;

    letter-spacing: 0.06em;

}



.breadcrumb {

    padding-bottom: 10px;

}



.aksiyon {

    margin-top: -7px;

}



.copyright {

    padding: 0px 0;

}



.list-view-fake-header {

    padding: 0 !important

}



.quickview-wrapper .nav-tabs>li>a {

    padding-left: 0px !important;

    text-align: left;

}



.dropdown-item.active,

.dropdown-item:active {

    background-color: #f7f7f9;

}



.breadcrumb a.btn {

    margin: 0 !important

}



.modal-dialog.modal-xlg {

    width: 90% !important;

    max-width: 100% !important;

}



.table.table-sm tbody tr td,

.table.table-sm thead tr th {

    padding: 3px !important;

}



#iphptable tr,

#evraktable tr {

    cursor: pointer;

}



.dropdown.btn {

    padding: 0 !important;

    border: none;

}



#iphptable.table>tfoot {

    background: #e8e9ea;

}



#iphptable.table>tfoot>tr {}



#iphptable.table>tfoot>tr>th {

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 12px;

    color: #65686b;

}



.dropdown.btn>.btn {

    border-bottom-left-radius: 0 !important;

    border-top-left-radius: 0 !important;

    font-size: 10.5px;

}



.aksiyon .dropdown-menu>.dropdown-item {

    line-height: 25px !important;

}



.Blok {

    margin: 0;

    padding: 10px;

    background: #fff;

    margin-bottom: 10px;

    text-align: center;

    position: relative;

    display: block;

    padding-top: 20px;

    font-size: 25px;

}



.Blok small {

    font-size: 12px;

    top: 0;

    position: absolute;

    padding-top: 4px;

    width: 100%;

    right: 0;

    background: rgb(30, 187, 152);

    color: #fff !important;

    font-weight: bold;

}





/* MOBIL */



@media (max-width: 991px) {

    .horizontal-app-menu .header .header-inner {

        padding-left: 20px !important;

        padding-right: 20px !important;

    }

    .horizontal-app-menu .menu-bar>ul li>a {

        color: #fff !important;

        font-weight: bold;

    }

    .aksiyon {

        display: block !important;

        float: left !important;

        margin: 0 !important;

    }

    .breadcrumb .breadcrumb-item {

        display: block !important;

        width: 100%;

        margin-bottom: 5px;

    }

    .breadcrumb {

        padding: 10px 0 !important;

    }

    .modal-dialog.modal-xlg {

        width: 100% !important;

        right: 10px;

    }

    .calendar .calendar-container .view.week-view .tble .trow {

        display: block;

        height: 30px;

    }

    .jumbotron {

        /*top: 50px;*/

    }

    .scrollsabit {

        display: none;

    }

    div.dataTables_wrapper div.dataTables_filter {

        float: left;

        width: 100% !important;

    }

}



.pgn-circle .alert {

    border-radius: 5px !important;

    box-shadow: 11px 9px 15px 0px rgba(0, 0, 0, 0.14);

}



.dropdown-menu>li,

.dropdown-menu>.dropdown-item,

.label {

    border-radius: 0 !important

}



.nav-tabs-simple li.tamamsiz a:after {

    background: transparent;

}



.nav-tabs-simple li.tamam a:after {

    background-color: #1dbb99 !important;

}



.nav-tabs-simple li a:after {

    position: absolute;

    -webkit-transition: all 0.1s linear 0s;

    transition: all 0.1s linear 0s;

    -webkit-backface-visibility: hidden;

    width: 100%;

    display: block;

    background-color: #f94816;

    height: 0px;

    content: '';

    height: 100%;

    z-index: 125;

    top: 0;

    width: 5px;

    left: 0;

}



.tab-pane table {

    margin: 0 !important;

}



.iibtn {

    margin-top: -4px;

    margin-right: -14px;

}



.YanMenuBaslik:hover {

    background: rgba(30, 187, 153, 1) !important;

    background: -moz-linear-gradient(top, rgba(30, 187, 153, 1) 0%, rgba(38, 235, 189, 1) 100%) !important;

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 187, 153, 1)), color-stop(100%, rgba(38, 235, 189, 1))) !important;

    background: -webkit-linear-gradient(top, rgba(30, 187, 153, 1) 0%, rgba(38, 235, 189, 1) 100%) !important;

    background: -o-linear-gradient(top, rgba(30, 187, 153, 1) 0%, rgba(38, 235, 189, 1) 100%) !important;

    background: -ms-linear-gradient(top, rgba(30, 187, 153, 1) 0%, rgba(38, 235, 189, 1) 100%) !important;

    background: linear-gradient(to bottom, rgba(30, 187, 153, 1) 0%, rgba(38, 235, 189, 1) 100%) !important;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1ebb99', endColorstr='#26ebbd', GradientType=0);

}



.YanMenuBaslik {

    background: rgba(30, 187, 153, 1) !important;

    background: -moz-linear-gradient(top, rgba(30, 187, 153, 1) 99%, rgba(38, 235, 189, 1) 100%) !important;

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 187, 153, 1)), color-stop(100%, rgba(38, 235, 189, 1))) !important;

    background: -webkit-linear-gradient(top, rgba(30, 187, 153, 1) 99%, rgba(38, 235, 189, 1) 100%) !important;

    background: -o-linear-gradient(top, rgba(30, 187, 153, 1) 99%, rgba(38, 235, 189, 1) 100%) !important;

    background: -ms-linear-gradient(top, rgba(30, 187, 153, 1) 99%, rgba(38, 235, 189, 1) 100%) !important;

    background: linear-gradient(to bottom, rgba(30, 187, 153, 1) 99%, rgba(38, 235, 189, 1) 100%) !important;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1ebb99', endColorstr='#26ebbd', GradientType=0);

    color: #fff !important;

    font-weight: bold !important;

    text-align: center;

    font-size: 12px !important;

    border: 0px solid #e8e9ea !important;

    margin: 0;

}



.YanMenuBaslik:hover:after {

    display: none;

}



.nav-tabs-simple.nav-tabs-left>li>a.active:after,

.nav-tabs-simple.nav-tabs-right>li>a.active:after,

.nav-tabs-simple.nav-tabs-left>li>a:hover:after,

.nav-tabs-simple.nav-tabs-right>li>a:hover:after {

    width: 5px;

}



.inputbtn {

    display: block;

    text-align: center;

    font-size: 10px;

    font-weight: bold;

    color: #272727;

    margin-top: -5px;

}



.form-group-default.form-group-default-select2>label {

    z-index: 1 !important

}



.Kutula {

    max-height: 78vh;

    overflow-x: hidden;

    overflow-y: scroll;

}



.formsprator {

    margin: 0;

    font-size: 12px;

    font-weight: 500;

}



.calendar .calendar-header>.drager {

    width: calc(100% - 0px);

    border-right: 0px solid rgba(0, 0, 0, 0.33);

    line-height: 35px;

}



.full-height {

    height: calc(100% - 20px) !important;

}



.calendar .calendar-container .view .tble .trow .tcell .cell-inner:last-child {}



.calendar .options {

    padding: 0 !important

}



.YanMenu {

    list-style: none;

    margin: 0;

    padding: 0;

}



.YanMenu li {

    padding: 0;

    position: relative;

}



.YanMenu li.proje a {

    color: #0182ff;

}



.YanMenu li a.onayla,

.YanMenu li a.onayla:hover {

    position: absolute;

    background: none;

    z-index: 9;

    left: 6px;

    display: inline-block;

    width: 10px !important;

    padding: 0 !important;

    min-width: 0px;

    top: 4px;

    font-size: 12px;

}



.YanMenu li a.onayla.tamam {

    display: none;

}



.YanMenu li a.onayla:after {

    display: none;

}



.YanMenu li a {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    font-weight: bold;

    color: #333;

    border-bottom: 1px solid #f5f6f7;

    padding: 7px 24px;

    width: 100%;

    display: block;

    text-align: left;

    background: rgba(226, 226, 226, 1);

    background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(254, 254, 254, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(100%, rgba(254, 254, 254, 1)));

    background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(254, 254, 254, 1) 100%);

    background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(254, 254, 254, 1) 100%);

    background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(254, 254, 254, 1) 100%);

    background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(254, 254, 254, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);

    font-size: 10.5px;

    min-width: 70px;

    text-transform: uppercase;

    border-color: transparent;

    position: relative;

    line-height: 1.7em;

}



.YanMenu li a:hover {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    background: rgba(254, 254, 254, 1);

    background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(226, 226, 226, 1)));

    background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 100%);

    background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 100%);

    background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 100%);

    background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0);

}



.YanMenu li a:hover {

    opacity: 0.9;

}



.tab-eksik.nav-tabs.nav-tabs-right {

    width: 100%;

}



.tab-eksik.nav-tabs.nav-tabs-right ul {

    padding: 0;

    list-style: none;

    padding: 0 !important;

}



.tab-eksik li {

    padding: 0;

    position: relative;

}



object {

    width: 100%;

    height: 500px;

}



.table-xs.table tbody tr td {

    padding-right: 5px !important;

    font-size: 13px !important

}



.table-xxs.table {

    margin-top: 0 !important

}



.table-xxs.table thead tr th,

.table-xxs.table tfoot tr th {

    background: #e8e9ea !important;

    font-size: 10px !important;

}



.table-xxs.table tbody tr td {

    padding-right: 0px !important;

    font-size: 10px !important

}



textarea.form-control {

    height: inherit !important;

}



.card-group .card-header {

    padding: 3px 25px 5px 15px;

    height: 25px !important;

    min-height: 40px !important;

}



.table.table-xs tr th,

.table.table-xs tr td,

.table.table-xxs tr th,

.table.table-xxs tr td {

    padding: 10px 5px !important;

    line-height: 1;

}



.table.table-xxs tr th,

.table.table-xxs tr td {

    padding: 5px 2px !important;

    line-height: 1;

    font-size: 12px;

}



.card .card-block.card-xs {

    padding: 0px !important;

}



.table-seviye {}



.btn-cons.btn-block {

    min-width: 100%;

    max-width: 100%;

    width: 100%;

}



.fs12 {

    font-size: 12px !important;

}



.fs14 {

    font-size: 14px !important;

}



.fs16 {

    font-size: 16px !important;

}



.label-seviye {

    padding: 1px 5px;

    font-size: 10px;

    border-radius: 0 !important;

    margin-top: 2px;

}



tbody.katbody tr td {

    background: #cce6ff;

    border: none !important;

}



tbody.katbody,

tbody.katbody tr,

tbody.katbody tr td {

    border: 0px !important;

}



.btn.btn-xxs {

    padding: 3px 9px;

    font-size: 11px;

    line-height: 1;

    border-radius: .25em;

}



.table thead tr th {

    background: #e8e9ea;

}



.table tfoot tr td {

    background: #e8e9ea;

    font-size: 10.5px;

    font-weight: bold;

}



.pr0 {

    padding-right: 0 !important

}



.pl0 {

    padding-left: 0 !important

}



.card .card-header .card-title {

    letter-spacing: 0 !important;

}



.m0 {

    margin: 0 !important;

}



.table thead tr th {

    padding-top: 10px;

    padding-bottom: 10px;

}



table.dataTable thead .sorting:after,

table.dataTable thead .sorting_asc:after,

table.dataTable thead .sorting_desc:after,

table.dataTable thead .sorting_asc_disabled:after,

table.dataTable thead .sorting_desc_disabled:after {

    bottom: 12px;

    right: 0px;

}



.table.table-condensed thead tr th,

.table.table-condensed tbody tr td,

.table.table-condensed tbody tr td *:not(.dropdown-default) {

    white-space: inherit;

    vertical-align: inherit;

    overflow: inherit;

    text-overflow: inherit;

    /* color: #333; */

}



.checkbox-seviye {

    display: inline;

    width: 10px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

}



.checkbox-seviye label {

    padding: 0;

    margin: 0;

    min-width: 10px;

    min-height: 10px;

    font-size: 10px;

}



.checkbox-seviye label:before {

    top: -2px;

    width: 10px !important;

    height: 10px !important;

    border-width: 6px !important;

    margin: 0 !important;

    border-radius: 0 !important;

}



.checkbox-seviye label:after {

    font-size: 10px;

    width: 10px;

    height: 10px;

    top: 0 !important;

    left: 1px !important;

    line-height: 9px;

}



hr {

    margin-top: 5px !important;

    margin-bottom: 5px !important;

    border-top: 2px solid #e8e9ea;

}



.form-baslik {

    text-transform: uppercase;

    display: inline-block;

    letter-spacing: 0.06em;

    font-size: 10.5px;

    font-weight: 500;

    margin: 0;

    padding: 0;

    line-height: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-text-stroke: 0px;

    filter: alpha(opacity=40);

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

}



.table.table-hover tbody tr:hover td {

    background: #cce6ff !important;

    color: #000 !important;

}



.container {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 auto !important;
    padding-left:0px !important;
    padding-right:0px !important;

}



.page-container .page-content-wrapper .footer {

    position: fixed;

}



.bootstrap-tagsinput {

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.0);

}



.select2-results__option[aria-selected=true] {

    display: none;

}



.calendar {

    height: 100%;

    width: 95%;

    margin: 0 auto

}



.horizontal-app-menu .calendar .calendar-header {

    left: 0

}



.calendar .calendar-container .view .tble .trow .tcell .cell-inner {

    height: 15px;

    position: relative;

}



.calendar .time-slot-wrapper .time-slot {

    display: block;

    height: 30px;

    width: 100%;

    background: #fff;

}



.calendar .calendar-container .view .tble .tcell {

    display: table-cell;

    height: 30px;

    max-width: 14.2857%;

    width: 14.2857%;

}



.calendar .calendar-container .event-container .event-inner {

    padding: 5px;

}



.calendar .calendar-container .event-container .event-title {

    font-size: 12px;

    line-height: 15px;

    margin-bottom: 0px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.HataVer>div {

    background-color: rgba(249, 72, 22, 0.1) !important

}



.OnayVer>div {

    background-color: rgba(22, 249, 162, 0.1) !important

}



#Yukleniyor {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    margin-top: 100px;

    margin-bottom: 100px;

}



#Yukleniyor div {

    border: 6px solid #e8e9ea;

    /* Light grey */

    border-top: 6px solid #1ebb98;

    /* Blue */

    border-radius: 50%;

    width: 60px;

    height: 60px;

    animation: spin 2s linear infinite;

    margin: 0 auto;

}



@keyframes spin {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}



.alert,

.btn,

.horizontal-app-menu .menu-bar ul {

    border-radius: 0 !important

}



.nav-tabs li a {

    padding: 5px 5px 5px 5px !important;

}



.table.table-hover tbody tr.active td {

    background: #e4f2ff !important;

    color: #000 !important;

}



.breadcrumb>.breadcrumb-item+.breadcrumb-item:before {

    display: none

}



.table.table-BinaModel {}



.table.table-BinaModel tr {

    height: 50px;

}



.BinaModel.Devir .Cati:before {

    border-bottom-color: #d2f1eb;

}



.BinaModel.Devir {

    background: #d2f1eb;

}



.BinaModel {

    margin-top: 40px;

    /* margin-bottom: 160px; */

}



.BinaModel div {

    /* height: 55px; */

    border: 4px solid #ccc;

    border-bottom: 0;

    margin-bottom: 0px;

    position: relative;

    /* overflow: hidden; */

    padding-top: 23px;

    text-align: center;

    border-top: 5px solid #4b6074 !important;

}



.BinaModel div span.Kati {

    background: #a6aaae;

    color: #333;

    position: absolute;

    width: 100%;

    font-size: 10px;

    /* transform: rotate(-90deg); */

    padding: 2px;

    left: 0;

    top: 0px;

    height: 17px;

    text-align: center;

    /* overflow: hidden; */

    letter-spacing: 0px;

    font-weight: bold;

    z-index: 1;

}



.BinaModel div a {

    display: inline-block;

    position: relative;

    width: 6%;

    margin-left: 0.5%;

    opacity: 0.3;

    z-index: 1;

}



.BinaModel div a.aktif,

.BinaModel div a:hover {

    opacity: 1;

}



.BinaModel div a.aktif.resimvar:before {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    background: #1cbb98;

    border-radius: 100px;

    bottom: 0;

    right: 0;

    border: 1px solid #f5f6f7;

}



.BinaModel .Cati:before {

    content: '';

    position: absolute;

    z-index: 1;

    left: 40px;

    right: 40px;

    border-bottom: 40px solid #fff;

    bottom: -5px;

    border-left: 40px solid #4a5d71;

    border-right: 40px solid #4a5d71;

}



.BinaModel .Cati:after {

    content: '';

    position: absolute;

    right: 0;

    top: -11px;

    left: 0px;

    border-bottom: 90px solid #4a5e72;

    border-right: 60px solid #f5f6f7;

    border-left: 60px solid #f5f6f7;

    z-index: 0;

}



.BinaModel .Cati {

    border: none !important;

}



.BinaModel .Cati a {
    top:6px;
}



.BinaModel .Cati span.Kati {

    background: transparent;

    top: -6px;

    color: #fff;

}



.BinaModel .Cati span.Kati:after {

    content: '';

    position: absolute;

    height: 40px;

    width: 30px;

    background: #4a5d71;

    top: -35px;

    right: 80px;

    display: none;

}



.BinaModel .Kat {}



.BinaModel .Temel {

    border-bottom: 4px solid #a6aaae;

}



.BinaModel .Genel {

    border: none !important;

    margin-top: 4px;

}



.BinaModel .Genel .Kati {

    background: #1ebb98;

    top: 1px;

    color: #fff;

}



[class^="iyds-"],

[class*=" iyds- "] {

    background-repeat: no-repeat;

    height: 20px;

    display: block;

    background-position: center;

}



.iyds-kalip {

    background-image: url(iyds/kalip.svg);

}



.iyds-beton {

    background-image: url(iyds/beton.svg);

}



.iyds-duvar {

    background-image: url(iyds/duvar.svg);

}



.iyds-kaplama {

    background-image: url(iyds/kaplama.svg);

}



.iyds-priz {

    background-image: url(iyds/priz.svg);

}



.iyds-tesisat {

    background-image: url(iyds/tesisat.svg);

}



.iyds-pencere {

    background-image: url(iyds/pencere.svg);

}



.iyds-isiyalitim {

    background-image: url(iyds/isiyalitim.svg);

}



.iyds-sivaalci {

    background-image: url(iyds/sivaalci.svg);

}



.iyds-oluk {

    background-image: url(iyds/oluk.svg);

}



.iyds-kalorifer {

    background-image: url(iyds/kalorifer.svg);

}



.iyds-lavabo {

    background-image: url(iyds/lavabo.svg);

}

.iyds-pissu {

    background-image: url(iyds/pissu.png);

}

.iyds-yangin {

    background-image: url(iyds/yangin.png);

}

.iyds-havalandirma {

    background-image: url(iyds/havalandirma.png);

}

.iyds-kazandaire {

    background-image: url(iyds/kazandaire.png);

}



.iyds-elektrikkolon {

    background-image: url(iyds/elektrikkolon.svg);

}



.iyds-discephe {

    background-image: url(iyds/discephe.svg);

}



.iyds-topraklama {

    background-image: url(iyds/topraklama.svg);

}



.iyds-harfiyat {

    background-image: url(iyds/harfiyat.svg);

}



.iyds-catikaplama {

    background-image: url(iyds/catikaplama.svg);

}



.iyds-catikalip {

    background-image: url(iyds/catikalip.svg);

}



.iyds-catiyalitim {

    background-image: url(iyds/catiyalitim.svg);

}



.iyds-hidrafor {

    background-image: url(iyds/hidrafor.svg);

}



.iyds-asansor {

    background-image: url(iyds/asansor.svg);

}



.iyds-isbitirme {

    background-image: url(iyds/isbitirme.svg);

}



.iyds-peyzaj {

    background-image: url(iyds/peyzaj.svg);

}



.iyds-diger {

    background-image: url(iyds/diger.svg);

}

.iyds-celik {

    background-image: url(iyds/celik.svg);

}

.iyds-ahsap {

    background-image: url(iyds/ahsap.svg);
    background-size: 27px 27px;


}

.iyds-prefabrik {
    background-image: url(iyds/prefabrik.svg);
    background-size: 20px 20px;
}




.btn-group,

.btn-group-vertical {

    /* overflow-x: scroll; KAYDET VB ETKILIYOR*/

    width: 100%;

}



.btn.btn-xs.btn-primary.pull-right {

    top: -30px

}



.text-info {

    color: #0183ff !important;

}



.bg-info {

    background-color: #0182ff !important;

}



.bg-light-info {

    background-color: #cce6ff !important;

}



.btn-info,

.btn-info:focus {

    color: #fff;

    background-color: #0182ff;

    border-color: #0182ff;

}



.btn-info.hover,

.btn-info:hover,

.show .dropdown-toggle.btn-info {

    background-color: #2895ff;

    border-color: #2895ff;

    color: #fff;

}



.sweet-alert p {

    font-weight: 500

}



.table#iphptable tbody tr td {

    padding: 5px !important;

    border: 1px solid rgba(225, 225, 226, 0.7) !important;

}



.select2-dropdown {

    z-index: 1051 !important

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.quickview-wrapper .quickview-toggle {

    opacity: 1;

    color: #fff !important

}



.overlay {

    padding: 0 !important

}



.overlay .overlay-brand {

    margin-left: 27px;

    top: -5px;

    position: relative;

}



.horizontal-app-menu .header .header-inner .brand.inline {

    padding-right: 0;

    margin-right: 0;

}



.AramaDetayKutu {

    display: inline;

    float: left;

    width: 33%;

    margin-top: 20px;

}



.AramaDetayKutu h5,

.AramaDetayKutu .hint-text {

    margin: 0

}



.AramaDetayKutu .thumbnail-wrapper.d48 {

    margin-top: 00px

}



form.YibfForm .checkbox label {

    display: block;

}



form.YibfForm .checkbox {

    margin: 0

}



form.YibfForm .row [class*='col-']:first-child {

    padding-left: 7px !important

}



.modal-lg {

    width: 900px !important;

}



.link-table tbody tr {

    cursor: pointer;

}



#EvrakEkran {

    margin-top: 20px;

}



.tooltip-inner {

    border-radius: 0 !important

}



.card-header a:not(.btn) {

    opacity: .7;

}



.ustmenu {

    background: #3d3d3d;

}



.menu-bar ul li.active {

    border-bottom: 2px solid #e8e9ea;

}



.horizontal-app-menu .menu-bar>ul {

    display: block;

    padding: 10px 0;

    width: 100%;

}



.horizontal-app-menu .menu-bar>ul>li>a {

    color: #fff

}



.horizontal-app-menu .menu-bar>ul>li.open>a {

    color: #333 !important

}



.horizontal-app-menu .menu-bar>ul>li>ul,

.horizontal-app-menu .ghost-nav-dropdown {

    top: -15px;
    display:none;

}



.BildirimUl {

    margin: 0;

    padding: 0;

    margin-left: -20px;

    margin-right: -20px;

}



.BildirimUl li:hover {

    background-color: #daeffd;

}



.BildirimUl li {

    padding-left: 0;

    white-space: nowrap;

    cursor: pointer;

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}



.BildirimUl li p {

    margin: 0;

    line-height: 19px;

}



.BildirimUl li a {

    margin-right: 0;

    width: 100%;

    border-bottom: 1px solid rgba(0, 0, 0, 0.07);

    height: inherit;

}



.modal.fade.slide-left {

    /*&.in{

            .modal-dialog{

            .translate3d(0,0,0);

          }

        }*/

}



.modal.fade.slide-left .close {

    position: absolute;

    top: 0;

    left: 0;

    margin-left: 10px;

    z-index: 10;

}



.modal.fade.slide-left.show .modal-dialog {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -ms-transform: translate(0, 0);

}



.modal.fade.slide-left .modal-dialog {

    position: absolute;

    left: 0;

    margin: 0;

    height: 100%;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -ms-transform: translate(0, 0);

}



.modal.fade.slide-left .modal-dialog .modal-content-wrapper {

    height: 100%;

}



.modal.fade.slide-left .modal-dialog .modal-content {

    height: 100%;

}



.modal.fade.slide-left .modal-dialog .modal-body {

    background-color: #fff;

}



.modal.fade.slide-left .modal-content {

    border-radius: 0px;

}



.tt-suggestion {

    color: #575a5d;

    padding: 3px 7px;

    line-height: 24px;

}



.table-link tbody tr {

    cursor: pointer;

    border: 1px solid rgba(230, 230, 230, 0.7);

}



.table-link tr td {

    border: none !important;

    padding: 5px !important;

}



.kutu-yazi {

    text-transform: uppercase;

    letter-spacing: 0.06em;

    font-size: 10.5px;

    font-weight: 500;

    margin: 0;

    padding: 0;

    line-height: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-text-stroke: 0px;

    filter: alpha(opacity=40);

    -webkit-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

    line-height: 20px;

}



#Kopya.ilkgizle {

    display: none !important

}



h2.bakiye {

    margin-top: 0;

    padding: 10px;

    background: #f0f0f0;

    text-align: center;

    border-radius: 4px;

    color: #2b303b;

    position: relative;

    padding-top: 20px;

    overflow: hidden;

}



h2.bakiye small {

    display: block;

    font-size: 12px;

    background: #f55753;

    color: #fff;

    position: absolute;

    top: 0;

    width: 100%;

    right: 0;

}



a.kutu-sil {

    position: absolute;

    top: 20px;

    z-index: 9;

    right: -5px;

    margin-top: -25px;

}



.table-xs tfoot {

    background: #e8e9ea;

}



.btn-xs {

    font-weight: bold

}



.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

    color: rgba(87, 90, 93, 0.8);

}



.nav-tabs-fillup>li>a:after {

    height: calc(100% + 100px);

}



.nav-tabs-fillup>li>a.active span {

    -webkit-transform: translate3d(0px, -1, 0px);

    transform: translate3d(0px, -1, 0px);

    -ms-transform: translate(0px, -1);

}



.bubble {

    font-size: 10px;

    font-family: 'Rubik', sans-serif;

    width: inherit;

    background-color: #fa3e3e;

    border-radius: 2px;

    color: #fff;

    padding: 1px 3px;

    font-weight: bold;

}



.table-input {

    border: 1px solid #bbbbbc;

    background: #ffffff;

    padding: 2px 5px;

    font-family: inherit;

    width: 100%;

    display: inline-block;

    float: left;

}



.table thead tr th:first-child {

    padding-right: 30px;

}



div.dataTables_wrapper div.dt-buttons button {

    font-size: 10px;

    letter-spacing: 0.01em;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-font-feature-settings: "kern" 1;

    -moz-font-feature-settings: "kern" 1;

    margin-bottom: 0;

    border: 1px solid #e4e5e6;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    color: #0182ff;

    background-color: #fff !important;

    text-shadow: none;

    box-shadow: none;

    line-height: 21px;

    position: relative;

    transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;

    padding: 6px 17px;

    float: left;

    border-radius: 0 !important;

    font-family: inherit;

    margin-left: -1px !important;

    font-weight: bold;

}



div.dataTables_wrapper div.dt-buttons button:hover,

div.dataTables_wrapper div.dt-buttons button:focus {

    background: #e8e9ea;

}



div.dataTables_wrapper div.dt-buttons {

    float: right;

}



div.dataTables_wrapper div.dataTables_filter {

    float: left;

    width: 50%;

}



div.dataTables_wrapper div.dataTables_filter label {

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    float: left;

}



div.dataTables_wrapper div.dataTables_filter input {

    background-color: #fff;

    background-image: none;

    border: 1px solid rgba(0, 0, 0, 0.07);

    -webkit-appearance: none;

    color: #2c2d2f;

    outline: 0;

    height: 35px;

    padding: 9px 12px;

    line-height: normal;

    font-size: 14px;

    font-weight: normal;

    vertical-align: middle;

    min-height: 35px;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -webkit-transition: background 0.2s linear 0s;

    transition: background 0.2s linear 0s;

    width: 100%;

    display: block;

    margin: 0;

    font-family: inherit;

}



.btn-group.RuhsatHeader {

    float: left;

    width: auto;

}



ul.rUl {

    float: right;

    margin: 0;

    padding: 0;

    list-style: none;

}



ul.rUl li {

    float: left;

}



ul.rUl li.tamam a {

    background: #1dbb99;

}



ul.rUl li a {

    background: #f94816;

    color: #fafafa;

    padding: 4px;

    border: 1px solid #e8e9ea;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    font-weight: bold;

    padding: 6px 10px;

    font-size: 10.5px;

}



ul.rUl li a:hover {

    opacity: 0.8;

}



.dataTables_paginate.paging_simple_numbers a {

    font-weight: bold;

    color: #575a5d;

    opacity: 1;

    font-size: 10px;

    padding: 3px;

    cursor: pointer;

}



.progress {

    height: 15px !important;

    margin: 0;

}



.text-dark {

    color: #575A5C !important

}



.tfoot {

    background: #e8e9ea;

    font-size: 12px;

}



.tfoot td,

.table.table-hover tbody tr.tfoot:hover td {

    font-size: 10px !important;

    background: #e8e9ea !important;

}



.progress-bar.bg-gray {

    background: #abacad !important

}



.form-control.hakedisinput {

    position: absolute;

    top: 0;

    padding: 3px 10px;

    width: 70px;

    left: 200px;

    top: 7px;

    height: 25px;

    min-height: 25px;

    background: #f5f6f7;

}



#GrupForm select.form-control {

    width: 150px;

    float: left;

    padding: 5px;

    height: 30px;

    min-height: 10px;

    top: -5px;

    position: relative;

    left: -5px;

    -moz-appearance: menulist;

    /* Firefox */

    -webkit-appearance: menulist;

    /* Safari and Chrome */

    appearance: menulist;

}



.table-eksik tr.tamam td b span {

    color: #575a5d;

}



.table-eksik tr.tamam td b {

    text-decoration: line-through;

    color: red;

}



.scrollsabit {

    position: fixed;

    right: 15px;

    top: 170px;

    overflow: scroll;

    height: 750px;

}



small.TopYibfBilgi {

    display: block;

    font-size: 70%;

}



.noupper {

    text-transform: none;

}



.tmhatasi {

    background: #fedad0;

    padding: 10px;

    padding-bottom: 0;

    margin-bottom: 10px;

    position: relative;

}



.tmhatasi:after {

    content: 'STANDART SAPMA ORTALAMASI %15 HATALI ';

    width: 100%;

    text-align: center;

    font-size: 10px;

    position: absolute;

    bottom: -4px;

    font-weight: bold;

    color: #f94816;

}

.fckhatasi {

    background: #fedad0;

    padding: 10px;

    padding-bottom: 0;

    margin-bottom: 10px;

    position: relative;

}



.fckhatasi:after {

    content: 'FCK-4 HATASI';

    width: 100%;

    text-align: center;

    font-size: 10px;

    position: absolute;

    bottom: -4px;

    font-weight: bold;

    color: #f94816;

}




.table-eksik .checkbox {

    margin: 0;

}



.table-eksik .checkbox label {

    padding: 10px !important;

    margin: 0;

}



.table.table-eksik tbody tr td .checkbox label::after {

    left: 3.5px;

}



.sesleara {

    position: absolute;

    right: 80px;

    top: 8px;

    z-index: 9;

    cursor: pointer;

    font-size: 18px;

    color: #0082ff

}



.horizontal-app-menu .page-container .page-content-wrapper .content {

    padding-top: 5px;

}



.table thead tr th {

    color: rgb(51, 51, 51);

}



.target1 {

    padding-right: 0px !important;

    padding-left: 0px !important;

    padding: 10px !important;

    width: 30px;

}



.target2,

.target3,

.target4 {

    width: 30px;

}



.target5,

.target6 {

    width: 60px;

}



.target7,

.target8 {

    width: 90px;

}



.target9 {

    width: 30px;

}



.target10 {

    width: 30px;

}



.target11 {

    width: 30px;

    font-size: 13px !important;

}



.target12 {

    width: 20px;

}
.target14 {

    width: 420px;

}
.targetrightmenu {

    width: 1%;

}

.table-responsive
{
    overflow-x: inherit;
}

.hizliarama{
    width: 45%;
    margin-left: 2%;
    font-size: 14px;
    color: #000;
    height: 100%;
    padding-top: 1.5%;
    border-left: 1px solid #349160;
    padding-left: 10px;
}

.filter{
    width: 100%;
    background-color: #f3f0f3;
    padding: 20px 25px;
    margin-bottom: 10px;
    border: 1px solid #cccc;
    border-radius: inherit;

}
.filter .form-check{margin-bottom:0px;}
.filter .form-check label{padding:0px !important;}

.table{width:99.8% !important;}