@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


::-webkit-scrollbar {
    -webkit-appearance:none;
    width:12px;
    _background-color:#f0f0f0;
}

::-webkit-scrollbar-thumb {
    border-radius:12px;
    border:4px solid rgba(255,255,255,0);
    background-clip:content-box;
    _background-color:#bfbfbf;
    background-color: #A0A0A0;
}
::-webkit-scrollbar-thumb:hover {
    border-radius:12px;
    border:4px solid rgba(255,255,255,0);
    background-clip:content-box;
    background-color:#A0A0A0;
}

::-webkit-scrollbar-corner {
    background-color:#e6e6e6;
}


body {
 
    font-family: "Poppins",Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
   
}


.download_item {
   display: inline-block;
    padding: 3px 6px;
    background: #1c212c;
    color: #949494;
}

.card-title{
        font-size: 14px !important; 
}


.box-other-span{
	display:block; 
	font-size:11px;

	}
.box-other-span strong{ font-size:11px; font-weight:normal;}

.widget_value { font-size:1.9rem !important;}

.has-fixed-height {
    height: auto !important;
}

.card {

    background-color: #262d3cd1  !important;

}

body{
    background-color: #1f2125 !important;
    background: url("../../../../images/octo_bg1_orj.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color : #cbcbcb !important;
}

.emm{ color:#fff !important;}

.content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    overflow: inherit !important;
}


.sidebar-light {
    background-color: #293040 !important;
}

.navbar-light {
    background-color: #262e3d !important;
}



.form_div { margin:4px 0px;}

.modal-content {
    background-color: #151b2a !important;
    
}
 .form_div1{ margin:8px 0px;}
 
 
  @media (min-width: 768px) {
            .navbar-expand-md .navbar-brand {
                min-width: inherit;
            }

            .notification .media {
                border-bottom: #262d3c30 1px solid !important;
                padding: 10px;
                margin: 0px !important;
            }

            .notification .media:hover {
                background: #262d3c30;
            }

            @keyframes  blink {

                0% {
                    opacity: .2;
                }

                20% {
                    opacity: 1;
                }

                100% {
                    opacity: .2;
                }
            }
            .badge {
                animation-name: blink;
                animation-duration: 1.4s;
                animation-iteration-count: infinite;
                animation-fill-mode: both;
            }

            .saving i {
                width: inherit !important;
                padding: 0px;
                margin: 0px;
            }

            .saving i {
                animation-name: blink;
                animation-duration: 1.4s;
                animation-iteration-count: infinite;
                animation-fill-mode: both;
            }

            .saving i:nth-child(2) {
                animation-delay: .2s;
            }

            .saving i:nth-child(3) {
                animation-delay: .4s;
            }
        }
.text_element--border-effect {
    border-bottom: 0px solid yellow;
    transition: border-color .4s ease-in-out;
}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}






#detail_param_line{
   
    height:90px;
    overflow:hidden;
    
    }
    
    
    #detail_param_line .owl-prev {
    height: 40px;
    width: 22px;
    border-radius: 2px;
    position: absolute;
    left: 0px;
    top: 30%;
    background: #536fc2  url(../images/left_arr.png) no-repeat center;
    z-index: 100;
    cursor: pointer;
}

#detail_param_line .owl-next {
    height: 40px;
    width: 22px;
    border-radius: 2px;
    position: absolute;
    right: 0px;
    top: 30%;
    background: #536fc2  url(../images/right_arr.png) no-repeat center;
    z-index: 100;
    cursor: pointer;
}




#detail_param_line .item {
    list-style:none;
    overflow : hidden;
    width: 100%;
    background: #1c212ca8; 
    text-align: center;
    margin:5px 0px;
    padding : 5px 10px;
    min-height: 80px;

   
  
  
}


#detail_param_line .param_name{
    display:block;
    font-size:12px; 
    color:#999;
    margin: 6px 0px;
  } 
  
  
  
  
#detail_param_line .item:hover{ background:#242938;}
#detail_param_line .item:hover .title {
}
#detail_param_line .item img {
    height: 130px;
    width: 130px;
    border-radius: 130px;
    margin: 0px  auto 10px auto;
    border: 1px solid #f2f2f2;
    padding: 2px;
	box-shadow: 0 0 10px #e8e8e8;
	background:#FFF;
}
#detail_param_line .item .name {
	display:block;
  width: 100%;
  color: #ed1d25;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#detail_param_line .item .date {
	display:none;
  width: 100%;
  font-size: 14px;
  color: #6e6e6e;
}
#detail_param_line .item .title {
	display:block;
  width: 100%;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin: 6px 0 0 0;
}







.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{ margin-top:-15px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}


.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}	
	

#detailDataList td{font-size:12px;}
#detailDataList tr:hover{ background:#069;}
.table tr:hover{ background:#069;}




/* Sayfalama */
.list_page{ margin:6px 0;display: flex;
    justify-content: center;}

.list_page a {
	cursor:pointer;
	border-radius: 5px;
    margin: 4px 4px 4px 0px;
    background-color: #1c212c;
    PADDING: 10px 10px 10px 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #fff;
	LINE-HEIGHT: 12pt;
	FONT-STYLE: normal;
	FONT-FAMILY:Arial, Verdana, Arial, Helvetica;
	TEXT-DECORATION: none;
	float:left;
	-o-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -webkit-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
	}
.list_page a:hover{ background-color: #2196f3;}
.list_page .active,.list_page .current{ background-color: #2196f3;}
/**/s