@import url("css/bootstrap.min.css");
@import url("css/bootstrap-grid.min.css");	
@import url("css/select2-bootstrap4.min.css");	
@import url("css/material-design-iconic-font.min.css");
@import url("css/material-design-color-palette.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:100,200,300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Libre+Barcode+39+Extended+Text");

html { line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; position: relative; min-height: 100%; }
body{font-family: "Fira Sans", "Helvetica Neue", Arial, sans-serif, FontAwesome; font-size: 15px; color: #37474f; background:#f5f5f5; color:#37474f; }
body.admin{display:block; background-color:#dc3545; background:linear-gradient(to left, rgba(220,53,69,.30) 0px, rgba(51,51,51,.90) 50%, rgba(220,53,69,.90) 100%), url('images/loginbg.jpg') no-repeat top center; background-attachment:cover !important; background-size:100% auto !important; background-position: center; }

input::placeholder{color:#999 !important; font-size:14px;}
.page-container{width:100%;height:100%}
.page-container>*{min-height:100%}

.btn i.material-icons{font-size:1.2rem; margin:0; padding:0; display:inline-block; vertical-align:middle;}




.ok-header{background:white; box-shadow:2px 0 5px 5px rgba(0,0,0,0.2); color:#666;}
.ok-header a{ color:#666;}
.sideBar{position:fixed; width:60px; height:100vh; background:#dc3545; z-index:1100 !important; box-shadow:0px 5px 15px rgba(0,0,0,0.3); transition: all .250s ease;}
.sideBar .logofold{display:block; text-align:center; padding:20px 0px; }
.sideBar ul{margin:0; padding:0; margin-top:0px;}
.sideBar ul li a{ display:block; color:rgba(0,0,0,.3); text-align:center; padding:15px 0px;}
.sideBar ul li.active a,
.sideBar ul li a:hover{display:block; background:rgba(0,0,0,.2); color:white; text-align:center; border-left:solid white 2px;}
.menuBtn{/*position:absolute !important; top:15px; right:15px !important; */padding:4px 5px; z-index:2; cursor:pointer;}
.menuBtn:hover{background-color:#37474f;}
.menuBtn.focus, .menuBtn:focus{box-shadow:none !important;}
.menuBtn i{color:#fff; font-size:28px !important; }
.contents{padding-left:60px; z-index:1;}
.contents .mainbody{padding:0px 0px;}


.list-group.list-group-flush li{padding:10px 20px;}
.list-group.list-group-flush li:hover{background:#f5f5f5;}


/*headerbar*/
.contents .headerbar{padding:25px; background:#37474f;}
.contents .headerbar-alt{padding:15px; background:#546E7A;}
.contents .headerbar .headerbar-title{color:#CFD8DC;}
.contents .headerbar .sub-text{color:#78909C; font-size:14px;}


/* select2-bootstrap4 */
.select2-dropdown{box-shadow:0px 5px 25px rgba(0,0,0,0.3); border-radius:0px 0px 5px 5px !important;  }
.select2-selection__placeholder{color:#fff !important;}
.select2-container--focus .select2-selection { border-radius:5px 5px 0px 0px !important;}
.select2-container--focus .select2-selection{border-color:#fff !important; box-shadow:0px 5px 25px rgba(0,0,0,0.3) !important;}
.select2-selection{border-color:#fff !important;}
.select2-selection__arrow b{border-color:#fff transparent transparent !important;}
.select2-container--open .select2-selection__arrow b{border-color:#546E7A transparent transparent !important;}
.select2-selection--single{background-color:transparent !important; box-shadow:0px 5px 15px rgba(0,0,0,0.2); }
.select2-container--open .select2-selection {border-radius:5px 5px 0px 0px !important;}
.select2-container--open .select2-selection--single{background-color:#fff !important; box-shadow:0px 5px 15px rgba(0,0,0,0.2); }
.select2-container--open .select2-selection__placeholder{color:#546E7A !important;}
.select2-result{border:solid red 1px !important;overflow:hidden;}
.select2{width:100% !important;}/**/
.select2-results__options .select2-results__option{border-bottom:solid #eee 1px; border-top:solid #f5f5f5 1px;}
.select2-container--bootstrap4 .select2-results > .select2-results__options { max-height: 300px; }
.select2-results__options {overflow-y: auto; position: relative;}
.select2-container .select2-selection--single .select2-selection__rendered{ color:#eee !important; }
.select2-container--open .select2-selection--single .select2-selection__rendered { color: #546E7A !important; }
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] { background-color: #546E7A; color: #eee;}


.logofold{filter: drop-shadow(3px 0px 5px rgba(0,0,0,0.3));}
:root { --input-padding-x: 20px; --input-padding-y: 10px; }
.form-label-group { position: relative; margin-bottom: 15px; }
.form-label-group input { }
.form-label-group>input,
.form-label-group>label { padding: var(--input-padding-y) var(--input-padding-x);  }
.form-label-group>label { position: absolute; top: 0; left: 0; display: block; width: 100%; margin-bottom: 0; line-height: 1.5; color: #666; border: 1px solid transparent; border-radius: 1px; transition: all .1s ease-in-out; visibility:hidden;  transition: all 0.01s ease;}
.form-label-group input:-webkit-input-placeholder { color: transparent; }
.form-label-group input::-webkit-input-placeholder { color: transparent; }
.form-label-group input:-ms-input-placeholder { color: transparent; }
.form-label-group input::-ms-input-placeholder { color: transparent; }
.form-label-group input::-moz-placeholder { color: transparent; }
.form-label-group input::placeholder { color: transparent; }
.form-label-group input:not(:placeholder-shown) { padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3)); padding-bottom: calc(var(--input-padding-y) / 3); }
.form-label-group input:not(:placeholder-shown)~label { padding-top: calc(var(--input-padding-y) / 3); padding-bottom: calc(var(--input-padding-y) / 3); font-size: 12px; color: #777; visibility:visible;  transition: all 0.01s ease;}

.help-block.form-error{margin:-3px 0 0 0; background: #a33; padding: 5px 10px; color: #fff; border-radius: 0 0 3px 3px;}


/* card-ok style */
.card-ok{}
.card-ok .card-header{background:#fff; border-bottom: solid #eee 1px; font-weight:bold; font-size:16px;}
.card-ok .card-header.card-header-danger:before{content:""; position:absolute; left:0px; display:block; height:25px; width:3px; background:#dc3545; }
.card-ok .card-header.card-header-success:before{content:""; position:absolute; left:0px; display:block; height:25px; width:3px; background:var(--indigo); }
.card-ok .card-overflow{ position:relative; display:block; overflow:auto; }
.card-ok .card-overflow ul li{ z-index:0;}
.card-ok .baslik{ font-size:14px; font-weight:500; }
.card-ok .baslik-alt{ font-size:12px; color:#666;}


.faturaCard .geneltoplam{font-size:26px;}



/*.card-ok .fiyat{ font-size:14px; color:var(--light); white-space:nowrap; background:var(--indigo); padding:2px 5px; border-radius:3px;}*/
.sayfayok{}
.sayfayok h1{font-size:110px; position:relative;}
.sayfayok h1 > div{position:relative; bottom:0px; }

@media (max-width : 1400px){
	
}
@media (max-width : 1199px){
	
}
@media (max-width : 1024px){
	body.admin{font-family: "Poppins", sans-serif; display:block; background-color:#dc3545; background:linear-gradient(to left, rgba(220,53,69,.30) 0px, rgba(51,51,51,.90) 50%, rgba(220,53,69,.90) 100%), url('images/loginbg.jpg') no-repeat top center; background-attachment:cover !important; background-size:auto 100%  !important; background-position: center; }
}
@media (max-width : 991px){
	
}
@media (max-width : 767px){
	.contents{padding-left:0px;}
	.sideBar.active{left:0px !important;}
	.sideBar{left:-60px; }
}
@media (max-width : 425px){
	/*.select2{width:345px !important;}*/
}
@media (max-width : 375px){
	/*.select2{position:relative; width:295px !important;}*/
}
@media (max-width : 356px){
	/*.select2{width:240px !important;}*/
}