﻿/*
    Created on : Nov 6, 2016, 7:16:21 PM
    Author     : ISDO YAZILIM
*/

/* GENEL */
body{color: #514d6a;}
.preloader-background {display: flex;align-items: center;justify-content: center;background-color: #eee;position: fixed;z-index: 150;top: 0;left: 0;right: 0;bottom: 0;}
.isdo-background{background: #00b4ff !important}
.isdo-color{color: #00b4ff !important}
.waves-effect.waves-isdo .waves-ripple {background-color: rgba(0, 80, 255, 0.65);}
.mar-right-10{margin-right: 10px !important;}
.dropdown-content li>a, .dropdown-content li>span{color:#000}
.side-nav .collapsible-body>ul:not(.collapsible)>li.active, .side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active{background:#00b4ff}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after{background-color: #00b4ff;}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {border: 2px solid #00b4ff;}
[type="checkbox"].filled-in:checked+label:after {border: 2px solid #00b4ff;background-color: #00b4ff;}
.tabs .tab a:hover{background: #00b4ff;color:#fff !important;}
.tabs .tab a.active{color: #00b4ff;}
.tabs .tab a{color: #00b4ff;}
.tabs .indicator{background-color: #00b4ff;}
.picker__weekday-display{background-color: #039be5;}
.picker__date-display{background-color: #00b4ff;}
.picker__day.picker__day--today{color: #00b4ff}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{background-color: #00b4ff;}
.picker__close, .picker__today{color: #00b4ff}
button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus{background-color:#ccc}
.switch label input[type=checkbox]:checked+.lever{background-color: #00b4ff;}
.switch label input[type=checkbox]:checked+.lever:after{background-color: #039be5;}
.clockpicker-tick.active, .clockpicker-tick:hover{background-color: rgba(78,196,255,0.25);}
.clockpicker-canvas-bg-trans{fill: rgba(78,196,255,0.25);}
.clockpicker-canvas-fg.active{fill: rgba(78,196,255,0.5);}
.clockpicker-canvas-bg{fill: rgba(78,196,255,0.5);}
.picker__footer .clockpicker-button:active{background-color: rgba(78,196,255,0.5);}
[type="checkbox"]:checked+label:before{border-right: 2px solid #00b4ff;border-bottom: 2px solid #00b4ff;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding:5px 10px;}
.material-icons{font-size:21px;}
.divider{margin-top:10px;}
.progress{background-color: #00b4ff;opacity: 0;}
.progress .indeterminate {background-color: #fff;}
input:not([type]), 
input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=time], 
input[type=date], 
input[type=datetime], 
input[type=datetime-local], 
input[type=tel], 
input[type=number], 
input[type=search], 
textarea.materialize-textarea{border: 1px solid #9e9e9e;padding-left: 15px;}
.ozellik-ekle-plus{position: absolute;right: 0;margin-right: -6px !important;top: 0;background: #c62828; color: #fff !important;padding: 10px;}
.ozellikler-list{margin-top: 0;border:1px solid #dedede;}
.ozellikler-list li{border-bottom:1px solid #dedede;padding: 5px 0px 5px 15px;position: relative;margin-bottom: 5px;} 
.ozellikler-list li:last-child{border-bottom:0px solid #dedede;} 
.ozellikler-list li i{position: absolute;right: 0px;background: #efefef;color: #000 !important;padding: 5px;top: 0;margin-right: 2px !important;font-size: 17px;margin-top: 2px;}
.urun-ozellik-listesi{background-color: rgba(0,0,0,0.05);color: rgba(0,0,0,0.87);padding: 10px 0px 10px 15px;font-weight: 600} 
.mt-30{margin-top: 30px;}
.upload-img-proccess{margin-top: 20px;}
.upload-img-proccess .upload-img-proccess-title{background: #dedede;color: #000;padding: 10px 15px;margin-bottom: 20px;}
.urun-progress{margin-top: 10px;}
.urunler-title-durum{background: #dedede;color: #000;padding: 10px 15px;}
.urunler-durum{border:1px solid #dedede;overflow: hidden;}
.pl-15{padding-left: 15px;}
.urunresmisil{width: 30px;border: 2px solid #fc685f!important;background-color: white;color: #fc685f!important;position: absolute;top: 0;right:0px;padding: 0;margin: 0;border-radius: 0 0 0 14px;padding: 0px 7px;}
.urunresmisilli{color: #fc685f!important;font-size: 22px;text-align: right;padding: 0px;}
.urunresmialtsil{width: 30px;border: 2px solid #fc685f!important;background-color: white;color: #fc685f!important;position: absolute;top: 0;right:0px;padding: 0;margin: 0;border-radius: 0 0 0 14px;padding: 0px 7px;}
.profile-image{position: relative;}
.w200{max-width: 200px !important;}
/* GENEL END */

/* LOGİN */
.login-html{width: 100%;min-height: auto;overflow-y: hidden;background: url(../images/bg-pattern.png);color: white; }
.login-logo{position: absolute;top:30px;left: 30px;}
.login{width:500px;height:400px;position:absolute;left:50%;top:50%;margin:-200px 0 0 -250px;border-radius: 10px;padding: 10px 20px;background-color: rgba(0, 0, 0, 0.4)}
.login h3{color:#fff;opacity: 1;font-size: 20px}
.login h3 span{position: absolute;margin-left: 10px;margin-top: 2px;}
.login .login-inner{opacity: 1;}
.login .singup .row{margin-bottom: 0px;}
.login input:not([type]),
.login input[type=text],
.login input[type=password],
.login input[type=email]{border-bottom: 1px solid #fff;color:#fff;}
.login input:not([type]):focus:not([readonly]),
.login input[type=text]:focus:not([readonly]),
.login input[type=email]:focus:not([readonly]),
.login input[type=password]:focus:not([readonly]){border-bottom: 1px solid #fff;box-shadow: 0 1px 0 0 #fff;}
.login input:not([type])+label,
.login input[type=text]+label,
.login input[type=email]+label,
.login input[type=password]+label{color:#fff}
.login .input-field input[type=text]:focus + label,
.login .input-field input[type=email]:focus + label,
.login .input-field input[type=password]:focus + label{color: #fff;}
.login label{color:#fff;}
.login [type="checkbox"].filled-in:checked+label:after {border: 2px solid #1976D2;background-color: #1976D2;}
.login .new-person{display: inline-block;margin-top: 7px}
.login .forgot-password{display: inline-block;margin-top: 7px}
@media screen and (max-width:500px){.login{width: 100%;  left: 0;  top: 0; margin: 0;margin-top: 100px;}}
/* LOGİN END */

/* HEADER */
nav{position: relative;z-index: 1000;height: 50px;line-height: 50px;}
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {height: 50px;line-height: 50px;}
nav .button-collapse i {height: 50px;line-height: 50px;}
nav .logo-image{height: 35px;margin-left: 10px;margin-top: 9px;}
nav #nav-mobile{margin-right: 10px;}
nav #nav-mobile li > a{height:50px;}
nav .sidebar-button{margin-top: -10px;margin-left: 10px;display: none;}
nav .sidebar-button .sidebar-menu{height: 40px !important;line-height: 40px !important;}
nav .profile-image{width: 36px;height: 36px;border-radius: 50%;margin-top: 6px;margin-bottom: 10px;}
nav #header-user-menu{margin-top:50px;width:200px !important;}
nav .profile-name{display: block;font-size: 12px;margin-left: 40px;}
nav .dropdown-content li > a {height: auto !important;}
/* HEADER END */

/* SIDEBAR */
.leftside-navigation{top:51px;overflow: hidden}
.leftside-navigation .menu-link{margin-left:-20px;}
.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a{padding: 0 15px 0 15px;}
.side-nav .active-link{background-color: rgba(0,0,0,0.15);}
/* SIDEBAR END */

/* CONTENT */
.content{margin-left: 190px;margin-top: -10px;margin-right: 15px;padding-bottom: 75px;} 
.content #istatislik .card-stats-title{font-size: 1.2rem;}
.content #istatislik .card-stats-number {font-size: 1.8rem;line-height: 2.0rem;margin: 0.4rem 0 0.4rem 0;font-weight: 500;}
.content #istatislik .card-stats-title .icon-middle{vertical-align: middle;}
.content .breadcrumbs {padding: 0;margin: 15px 0;list-style: none;}
.content .breadcrumbs li{float: left}
.content .breadcrumbs > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.content .material-icons{cursor: pointer;margin-right: 10px;color: #514d6a;}
.content .material-icons:hover{color:#000;}
.content input[type=search]:focus:not([readonly]){border-bottom: 1px solid #039be5;box-shadow: 0 1px 0 0 #039be5;}
.content input:not([type]),
.content input[type=text],
.content input[type=password],
.content input[type=email]{color:#616161;border: 1px solid #9e9e9e;padding-left: 15px;}
.content input:not([type]):focus:not([readonly]),
.content textarea.materialize-textarea:focus:not([readonly]),
.content input[type=text]:focus:not([readonly]),
.content input[type=tel]:focus:not([readonly]),
.content input[type=email]:focus:not([readonly]),
.content input[type=password]:focus:not([readonly]){border-bottom: 1px solid #039be5;box-shadow: 0 1px 0 0 #039be5;}
.content input:not([type])+label,
.content input[type=text]+label,
.content input[type=email]+label,
.content input[type=password]+label{color:#616161;padding-left: 15px;}
.content .input-field input[type=text]:focus + label,
.content textarea.materialize-textarea:focus + label,
.content .input-field input[type=email]:focus + label,
.content .input-field input[type=tel]:focus + label,
.content .input-field input[type=password]:focus + label{color: #616161;}
.content .top10{margin-top: 10px;}
.content .padding-left-15{padding-left: 15px;}
.content .input-field .prefix.active{color:#039be5}
.content .table-img{width:80px;}
.content .tab-content{padding-top:10px;}
.content .cke_contents{height:300px !important}
.content .alert{color:white;padding:5px 10px;margin-top:10px;position:relative}
.content .alert i{margin-top:5px;}
.content .alert i:hover{color:white;}
.content .alert span{vertical-align: super;font-size: 15px;font-weight: 500;letter-spacing: 3px;}
.content .alert .cancel-alert{position: absolute;right: 24px;top: 12px;cursor: pointer;width: 24px;height: 24px;border: 1px solid #fff;border-radius: 50%;padding-left: 6.2px;padding-top: 0.5px;}

/* CONTENT END */

/* MODAL */
.modal input[type=search]:focus:not([readonly]){border-bottom: 1px solid #039be5;box-shadow: 0 1px 0 0 #039be5;}
.modal input:not([type]),
.modal input[type=text],
.modal input[type=password],
.modal input[type=email]{border-bottom: 1px solid #039be5;color:#616161;}
.modal input:not([type]):focus:not([readonly]),
.modal input[type=text]:focus:not([readonly]),
.modal input[type=email]:focus:not([readonly]),
.modal input[type=password]:focus:not([readonly]){border-bottom: 1px solid #039be5;box-shadow: 0 1px 0 0 #039be5;}
.modal input:not([type])+label,
.modal input[type=text]+label,
.modal input[type=email]+label,
.modal input[type=password]+label{color:#616161}
.modal .input-field input[type=text]:focus + label,
.modal .input-field input[type=email]:focus + label,
.modal .input-field input[type=password]:focus + label{color: #616161;}
/* MODAL END */

/* TABLE */
.table-white{margin-top:15px;}
.isdo-table a{color: #514d6a;padding: 0px 10px;}
.dataTables_wrapper .dataTables_filter{float:initial;text-align:left;}
/* TABLE END */

/* DRAG LIST */
.dd-item > button{width: 30px;margin-top: 4px;}
.dd-handle table{ width: calc(100% - 30px);}
.dd-item > button.dd-collapse:before {font-size: 21px;}
.dd-item > button.dd-expand:before{font-size: 21px;}
/* DRAG LIST END */

/* PROFİLE */
.profile-detail{width: 100%;position: relative;margin-top: 25px;}
.profile-detail .profile-image{background: url(../images/user-profile-bg.jpg);height: 250px;padding-top: 175px;padding-left: 25px;position:relative}
.profile-detail .profile-image img{width:128px;height:128px; border-radius:50%}
.profile-detail .profile-image .change-photo{background: url(../images/profile-image.png);width: 21px;height: 17px;display: inline-block;margin-top: 4px;margin-right: 1px;}
.profile-detail .profile-image div.upload {background: url(/images/profile-image.png);cursor: pointer;border-radius: 50%;width: 40px;height: 40px;overflow: hidden;position: absolute;bottom: -52px;left: 125px;}
.profile-detail .profile-image div.upload input {display: block !important;width: 40px !important;height: 40px !important;opacity: 0 !important;overflow: hidden !important;}
.profile-detail .profile-information{padding-top:75px;}
.profile-detail .profile-information .input-field.col label{margin-right:50px;}
/* PROFİLE END */

/* Drag & Drop*/
.dd{max-width: 100%;}
.dd-handle{background: #fff;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);height: auto;padding: 5px 10px;}
.dd-handle:hover{color: #00b4ff;}
.slayt-dd{color: #333 !important;}
.slayt-dd a{color: #333 !important;}
.slayt-dd img{width: 30px;max-height: 30px;}
.slayt-dd td{padding: 0;}
/* Drag & Drop END */

/* RAPORLAR */
.raporlar-h2{font-size:22px;border-bottom:1px solid #dedede}
#myChart{height:400px !important}
/* RAPORLAR END */

/* PROJE FORMU */
.proje-formu{}

/* PROJE FORMU END */

/* FOOTER */
footer{margin-top:100px;margin-bottom:25px;}
footer .btn-floating .material-icons:hover{color:#fff;}
/* FOOTER END */

/* RESPONSİVE */
@media only screen and (min-width: 1200px){
    html {font-size: 13.5px;}
}

@media only screen and (max-width: 992px){
    .content{margin-left: 15px;}
    #sidenav-overlay{background-color:transparent !important}
    nav .sidebar-button{display: inline-block;margin-top: 1px;}
}
@media only screen and (max-width: 601px){
 .leftside-navigation{top:57px;}
}

@media only screen and (min-width: 601px){
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height: 50px;line-height: 50px;}
}
/* RESPONSİVE END */

.aweso-sira{font-size:12px !important;}
.isdo-table a{padding: 0 0px !important;}


.content .table-img {
    width: 45px;
}
.content .flag-img {
     width: 22px;
     margin-right: 5px;
     vertical-align: sub;
 }

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #dedede;
    margin-left: 0;
    padding-left: 15px;
    width: calc(100% - 15px);
}
.imgmsg{display: block; font-size:10px; padding: 5px;}
.dd-list-img{width:130px;}
.dd-list-img img{width: 60px; max-height: 60px;}

.file-field input[type=file]{
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    max-height: 70px;}