.DireksiyonFormTable tbody tr td input {
    padding: 5px 5px;
    width: 100%;
    border: 1px solid #ccc;
}
}
.DireksiyonPortBody {
    height:230px;overflow-y: auto;
}

.md-checkbox-wrap {
    background-color: #fafafa;
    padding-top: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #00a3da;
    padding-left: 10px;
}

.md-checkbox label > .check {
    border-color: #00a3da !important;
}

.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a 
{   background: #00a3da !important;}

.logo-default{margin:10px 0 0 0!important}
.page-sidebar .page-sidebar-menu>li:hover>a,.page-sidebar .page-sidebar-menu>li.open>a {background-color:#3fd5c0; color:#fff}
.page-sidebar .page-sidebar-menu>li:hover>a i, .page-sidebar .page-sidebar-menu>li:hover>a .arrow:before,
.page-sidebar .page-sidebar-menu>li.open>a i, .page-sidebar .page-sidebar-menu>li.open>a .arrow:before,.page-sidebar-menu li.open>a {color:#00a3da !important}
.DireksiyonTextYesil {color:#83a303!important}
.DireksiyonTextMavi {color:#00a3da!important}
.DireksiyonTextKirmizi {color:#d20505!important}
.DireksiyonBackYesil {background-color:#83a303!important; color:white!important;}
.DireksiyonBackMavi {background-color:#00a3da!important;color:white!important;}
.DireksiyonBackKirmizi {background-color: #d20505 !important;color: white !important;}
.AccountLogo {max-width:320px; width:60%}
.user-login-5 .login-container>.login-content> p {letter-spacing: 0.1em;}
#Yukleniyor img {width: 120px;}
#Yukleniyor {display:none; position: fixed;width: 100%;height: 100%;background: rgba(212, 212, 212, 0.5);z-index: 9999;text-align: center;padding-top: 20%;}
.MetinKisit180 {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:180px;}
.MetinKisit140 {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 125px;
}
.IslemTr td{font-size:12px !important;}



.popover {
    width: 200px;
}
.modal .modal-header {background-color: #dcdcdc;color: white;} .modal .modal-header h4 {font-weight:bold}
.form-group {margin-bottom: 2px;}
.mt-checkbox > span:after {border: solid #00a3da;border-width: 0 3px 3px 0;}
.mt-checkbox > span {border-color:#00a3da !important}
#MesajP p { line-height:1.8em;}
.user-login-5 .login-container>.login-content>.login-form {margin-top: 40px!important;}
.page-title{border-bottom: 1px solid rgba(0, 163, 218, 0.15);background-color: rgba(0, 163, 218, 0.04);padding: 10px !important;}
.Nedir p{color:#0a0a0a!important}
.IlkHarf{font-size:56px;font-weight:bold}
.SoruIsareti{font-size:42px;font-weight:bold;color:gray}
.BilgiBaslik {border-bottom: 1px solid #fafcfb;padding-bottom: 5px;padding-left: 5px;}
.Nedir h2 {border-bottom: 1px solid #f3f3f3;padding-bottom: 10px;}
.logo-default {position:relative;bottom:7px;}
.backstretch img{opacity:.6;}
.fc-view, .fc-view > table {}
.portlet.calendar .fc-toolbar h2 {color: #83a303;font-weight:500}

.portlet.calendar .fc-event {background-color: rgba(0, 163, 218, 0.78);}
.portlet.calendar .fc-event .fc-title {font-weight: 500;}


.form-group.form-md-line-input .input-icon .form-control[disabled], .form-group.form-md-line-input .input-icon .form-control[readonly]{
    padding-left: 35px !important;
}


.input-icon .form-control[disabled], .input-icon .form-control[readonly] {

}



.dataTables_filter input{
    width:99% !important;
}


.portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover {
    color: #333;
    border-bottom: 2px solid #00a3da !important;
}

#CariHesapDv h4.block {
    border-bottom: 1px solid #00a3da;
    background-color: #fefefe;
    padding-left: 10px;
}
.btn:active{
    position:relative;
    top:1px;
 
}
.btn:hover {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(133,133,133,1) !important;
    -moz-box-shadow: 0px 1px 2px 0px rgba(133,133,133,1) !important;
    box-shadow: 0px 1px 2px 0px rgba(133,133,133,1) !important;
}
.BuyukBtn {min-width: 120px;border: 1px solid #ddd;padding: 8%;background-color: #00a3da;background-image: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block;color: #646464;text-shadow: none;text-align: center;cursor: pointer;position: relative;transition: all .3s ease;vertical-align: middle;-webkit-box-shadow: 2px 2px 0px 0px rgba(213,213,213,1);-moz-box-shadow: 2px 2px 0px 0px rgba(213,213,213,1);box-shadow: 2px 2px 0px 0px rgba(213,213,213,1);}
.BuyukBtn .badge {position: absolute;font-size: 13px !important;font-weight: 300;top: -5px;right: -5px;padding: 4px 6px 3px 6px;color: #fff;text-shadow: none;border-width: 0;border-style: solid;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: none;}
form h4.block {border-bottom: 1px solid #00a3da;background-color: #f9f9f9;padding-left: 10px;font-weight: 400;}
#DireksiyonIletisimFormu .btn {background-color:transparent !important}
#DireksiyonIletisimEkleDv .TelefonInput {width: calc(100% - 60px) !important}
#DireksiyonIletisimEkleDv .form-control {display:inline-block !important;}
.IletisimFormu span.has-error .form-control, #DireksiyonIletisimEkleDv span.has-error .form-control {border-bottom: 1px solid #d20505 !important;}
.user-login-5 .IletisimFormu .form-group.has-error {border-bottom: none !important;}
.IletisimFormu .form-group.form-md-line-input .help-block {position:relative !important;}
.IletisimFormu input {background-color: #f1f1f1;padding-left: 5px;}
.IletisimFormu .form-group {margin:0 !important;padding:0 !important;display:inline-block !important;width:auto !important}
.IletisimFormu .form-control {display: inline-block !important;width: auto !important}
.middleTable tr td, .middleTable tr th{vertical-align:middle !important}
.BuyukBtn:active{position:relative; top:1px; left:1px; -webkit-box-shadow: -2px -2px 0px 0px rgba(213,213,213,1);-moz-box-shadow: -2px -2px 0px 0px rgba(213,213,213,1);box-shadow: -2px -2px 0px 0px rgba(213,213,213,1);}
.mt-step-col{cursor:pointer}
.BuyukBtn {outline:none!important}
.MarginTopYuzdeElli{margin-top:50%;}
.BuyukBtn i { color:white; font-size:2em}
.BuyukBtn div { color:white; font-size:1.2em}
.form-group.form-md-line-input.has-error .form-control {border-bottom: 1px solid #e73d4a !important;}
.BuyukHarf input[type=text]{}
[v-cloak]{display:none;}
.modal-backdrop, .modal-backdrop.fade.in {background-color: #ddd !important;}
.mt-element-step .step-thin .done {background-color: #7d9c00 !important;border-right: 1px solid white;}
.mt-element-step .step-thin .done .mt-step-number {color: #83a303 !important;}
.form-group.form-md-line-input .form-control[disabled], .form-group.form-md-line-input .form-control[readonly], fieldset[disabled] .form-group.form-md-line-input .form-control {background: 0 0;cursor: auto;background-color: #f7f7f7;padding-left: 5px !important;}
.form-group.form-md-line-input .form-control[disabled].Fiyat,.form-group.form-md-line-input .form-control[readonly].Fiyat{padding-left: 20px !important;}
.modal-open .colorpicker, .modal-open .datepicker, .modal-open .daterangepicker {z-index: 210055 !important;}
#MusteriModal .DireksiyonBtnSar{top:20%;}
.mt-element-step .step-thin .active {background-color: #00a3da !important}
.mt-element-step .step-thin .active .mt-step-number {color: #32c5d2 !important;}
.DireksiyonBilgiTable th p, .DireksiyonBilgiTable td p{font-size:14px;}
.DireksiyonBilgiTable .Fyt .fa{color:#444;}
.mt-element-step .step-thin .mt-step-content, .mt-step-title {margin-top: 0;}
.DireksiyonBtnSar {position: absolute;right: 0;top: 45%;height: auto;}
.mt-element-step .step-thin .mt-step-title {font-size:18px; }
.mt-step-content {font-size:13px}
.FirmaAdi {font-weight: bold;color: #00a3da;text-shadow: 3px 2px 4px rgba(255, 255, 255, .6);max-width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 15px !important;}
span.Fiyat {font-size: 14px;color: #a5a5a5;border-right: 0;position: absolute;bottom: 10px;line-height: 0;left: 5px;}
input.Fiyat{padding-left:25px !important;}
.select2-search__field{border:none; border-bottom:1px solid #00a3da}
.select2-search__field:focus{border-bottom-width: 2px;outline: none;}
.select2-results {max-height: 200px; overflow-y:auto}
.select2-container .select2-results__option--highlighted[aria-selected] {background-color: #00a3da;color: white; }
.sorting_1{outline:none !important;}
.DireksiyonSimgeButon {background-color: transparent !important;color: #00a3da;font-size: 22px !important;}
.DireksiyonSimgeButon:hover {color: #83a303!important;}
.DireksiyonSimgeButon:active {position:relative;top:1px;}
.DireksiyonSimgeButon:visited, .DireksiyonSimgeButon:focus {color: #00a3da}
.popover-title {color: #00a3da;font-weight: bold;}
.popover {width: 300px !important;max-width: 420px !important}
.portlet.box.grey > .portlet-title > .actions .btn-default {background: white !important;border: none !important;color: #333;}
.portlet.box.grey > .portlet-title > .actions .btn-default > i {color: #333;}
.ribbon-content {padding:5px 25px !important;}
.mt-element-ribbon .ribbon {padding: .5em 10em .5em 1em !important;}
#AracSarDiv .table tr th, #AracSarDiv .table tr td {font-size: 11px;}
.blue {background-color: #00a3da !important;border-color: #00a3da !important;}
.btn-default {border: none;background-color: #eaeaea;}
.progress-bar-success {background-color: #83a303;}
#SigortaFirmaEkleDiv {background-color: #f1f1f1;} 
.table-hover tbody tr {cursor: pointer;}
#AracOzetDiv .note-info {min-height: 365px;}
#AracSteps .table tr td {padding: 0 !important;}
.table .mt-step-col {padding-left: 10px}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #00a3da;border-color: #00a3da;}
.dataTables_wrapper .form-control,.table .form-control{height: 30px;line-height: 30px;background: 0 0;border: 0;border-bottom: 1px solid #00a3da;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;color: #555;box-shadow: none;padding-left: 0;padding-right: 0;font-size: 14px;}
#AracHasarDurumuDiv {margin-top:-25px;}
.Bitti {padding-left:0 !important}
.Bitti > span {
    border-left: 3px solid #83a303 !important;
    padding:5px 0 5px 5px;
}
.mt-element-step .step-thin .active .mt-step-number {color: #00a3da !important;}
select {
    box-shadow: inset 0 0 0 5px #fff !important;
}
#DireksiyonMenu ul.sub-menu li.active a{
    color: #00a3da !important;
    padding-left: 40px;
}

#DireksiyonMenu ul.sub-menu li.active i {
    color: #00a3da !important;
    font-weight: bold;
    font-size: 1.2em;
}
 *:focus{
    outline: 0 !important;
    
}


.select2 {
    border-bottom: 1px solid #00a3da !important;
}
svg .Parca {
    fill: white;
    cursor: pointer;
}
    svg .Parca:hover {
        fill: #d20505;
        fill-opacity: .4;
    }
svg .Secili {
    fill: #d20505;
    fill-opacity:.4;
}
svg .Hasarli {
    fill:#d20505;
}

.AracHasarTablosu tr td:nth-child(2) {
    text-align:right; width:30px; vertical-align:middle;
}
.AracHasarTablosu tr td:nth-child(1) {
    width: calc(100% - 30px);
}
.AracHasarTablosu tr td:nth-child(1) label {
    display:block; color:#00a3da; border-bottom:1px solid #00a3da;
    margin-bottom:5px;
   
}
.GiderOlarakKaydetCk {
    position: relative;
    top: 30px;
}

@media (max-width:1024px) {
    .DireksiyonBtnSar { position: relative; right:0 !important; top: 0 !important; height: auto; }
    .DireksiyonBilgiTable { }
}

@media (max-width:1400px) {
    .DireksiyonBilgiTable tr th, .DireksiyonBilgiTable tr td, .DireksiyonBilgiTable th p, .DireksiyonBilgiTable td p { font-size: 12px; }
    .DireksiyonBilgiTable tr th {color:#333;}
}

@media (min-width:300px) and (max-width: 479px) {
    .FirmaAdi {display:none !important;}
}

@media (max-width: 479px) {
    .MarginTopYuzdeElli {margin-top: 5%;}
    .FirmaAdi {max-width: 165px;}
    
}
@media (max-width: 780px) {


    .DireksiyonCheck{
        margin-top: -20px !important;
        margin-bottom: 10px !important;
    }
}


@media (max-width: 1279px) {
    .MarginTopYuzdeElli {margin-top: 0;}
    .BuyukBtn{width:100%;}
    #AracOzetDiv .note-info { min-height:0; height:auto; }
    .GiderOlarakKaydetCk {position: relative;top: 0px;}
}

@media (max-height : 780px) 
{
    .user-login-5 .login-container > .login-content 
    {margin-top: 5% !important;}
    .FirmaAdi {max-width: 190px;}
}


.SwitchSar 
{
    border-bottom:1px solid #00a3da;
    padding-bottom:10px;
}

.user-login-5 .login-container > .login-content {
    margin-top: 10%;
}

@media (min-height: 638px) and (max-height:767px){
    .user-login-5 .login-container > .login-content {
        margin-top: 10% !important; 
    }
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #00a3da;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #00a3da;
    }

::-webkit-scrollbar-track {
    background: #666666;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-track:hover {
        background: #666666;
    }

    ::-webkit-scrollbar-track:active {
        background: #e1e1e1;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}