/*---------------------------------------------------------------------------------------------------
new
*/

/*elements*/
button{ cursor:pointer; }

/*general classes*/
.cursor_pointer{ cursor:pointer; }

/*colors*/
:root {
  --application: #542581;
  --member: #12B0F2;
}

.bg_member{ background: var(--member); color: white;}
.bg_application{background: var(--application); color: white;}

/*login page*/
body.login{ overflow:hidden; }
.login-wrapper .bg-caption{ max-width:500px; width:100%; }
.login-wrapper .login_footer{ font-size:12px; font-weight:bold; left:0; text-align:center; width:100%; }
.login-wrapper .bg-pic{ background-position:center; background-size:cover; width:100%; width:calc(100% - 490px); }

/*header & sidebar*/
.header .brand img{ display:block; height:36px; width:auto; }
.horizontal-app-menu .header{ border-bottom:1px solid #eaecee; }
.horizontal-app-menu .header .header-inner .brand.inline{ border-color:#eaecee; padding-left:15px; }
.horizontal-app-menu .menu-bar > ul > li > a{ line-height:36px; padding:0 15px; }

.content{ margin:0 auto; max-width:1440px; }

/*logo size correction*/


.overlay[data-pages=search] .overlay-content{ margin-top:13px; }
.overlay .overlay-brand{ margin-left:0; }

/*Datatable Overrides*/
table.dataTable thead .sorting::before, 
table.dataTable thead .sorting_asc::before, 
table.dataTable thead .sorting_desc::before, 
table.dataTable thead .sorting_asc_disabled::before, 
table.dataTable thead .sorting_desc_disabled::before{ display:none; }
.dataTables_wrapper .dataTables_length{ margin-top:10px; }
.dataTables_wrapper .dataTables_length label{ font-size:12px; }
.dataTables_wrapper .dataTables_length select{ font-weight:700; }
.dataTables_wrapper .dataTables_info{ margin:10px 0 0 !important; padding:0 !important; }
.dataTables_wrapper .dataTables_paginate{ margin:10px 0 0 !important; padding:0 !important; }
.dataTables_wrapper .dataTables_paginate ul > li > a{ opacity:.7; outline:none; }
.dataTables_wrapper .dataTables_paginate ul > li.active > a{ color:#fff !important; }
table.dataTable{
  	border:none;
	border-collapse:collapse;
	width:calc(100% - 5px);
}

/*fontawesome pro overwrite*/
.page-sidebar .sidebar-menu .menu-items > li > a > .arrow:before,
.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu li > a > .arrow:before,
.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu li > a > .arrow.open:before,
.secondary-sidebar ul li a > .arrow:before,
.horizontal-app-menu .menu-bar ul li a .arrow:before,
.breadcrumb > .breadcrumb-item + .breadcrumb-item:before,
blockquote:before,
blockquote.pull-right:before,
.btn-animated.fa:before,
.card-group .card-header .card-title > a:after,
.checkbox input[type=checkbox]:checked + label::after,
.checkbox.right input[type=checkbox]:checked + label::after,
.input-group-addon .arrow:before,
.input-group-addon:last-child .arrow:before,
.datepicker thead tr .next:before,
.datepicker thead tr .prev:before,
div.cs-skin-slide > span:after,
div.cs-skin-slide.cs-active > span:after,
.table.table-condensed.table-detailed > tbody > tr > td:first-child:before{ font-family:"Font Awesome 5 Pro"; } 
.dd3-handle::before{ content:"\f0c9"; font-family:"Font Awesome 5 Pro"; }

/*eof custom*/


/*---------------------------------------------------------------------------------------------------
eof new
*/
.clear{ clear:both; }
.hide_it, .h{ display:none; }

/*----------- CUSTOM BUTTONS AND INPUTS----------------*/

/*--------------- IMAGE UPLOAD -------------*/
.img_container{ overflow:hidden; }
.img_container .img_container_inner{ position:relative; }
.img_container_section{ max-width:300px; overflow:hidden; }
.img_container_section .img_container_inner{ position:relative; }
.img_container.img_container_16_9 .img_container_inner{ padding:56.25% 0 0; }
.img_container.img_container_9_16 .img_container_inner{ padding:177.75% 0 0; }
.img_container.img_container_3_1 .img_container_inner{ padding:33.33% 0 0; }
.img_container.img_container_7_2 .img_container_inner{ padding:28.5% 0 0; }
.img_container.img_container_9_11 .img_container_inner{ padding:123% 0 0; }
.img_container.img_container_160_55 .img_container_inner{ padding:34.375% 0 0; }
.img_container_section.img_container_160_55 .img_container_inner{ padding:14.375% 0 0; }
.img_container.img_container_14_5 .img_container_inner{ padding:35.714% 0 0; }
.img_container.img_container_4_3 .img_container_inner{ padding:75% 0 0; }
.img_container.img_container_1_1 .img_container_inner{ padding:100% 0 0; }
.img_container.img_container_2_2 .img_container_inner{ padding:100% 0 0; }
.img_container.img_container_24_7 .img_container_inner{ padding:29.16% 0 0; }
.img_container.img_container_representative .img_container_inner{ height:218px; width:218px; }
.img_container .img_container_inner img{ height:100%; left:0; position:absolute; top:0; width:100%; /*height:auto;*/ }
.img_container.img_container_representative .img_container_inner img{ height:218px; left:0; position:absolute; top:0; width:218px; /*height:auto;*/ }
.img_container.img_container_representative .delete_image_hover{ background-color:rgba(0,0,0,0.5); height:218px; left:0; opacity:0; position:absolute; top:0; transition:visibility 0s, opacity 0.2s linear; visibility:hidden; width:218px; }
.img_container .delete_image_hover{ background-color:rgba(0,0,0,0.5); height:100%; left:0; opacity:0; position:absolute; top:0; transition:visibility 0s, opacity 0.2s linear; visibility:hidden; width:100%; }
.img_container .delete_image_hover i{ color:#DC3F41; left:50%; margin-left:-11px; margin-top:-14px; position:absolute; top:50%; }
.img_container:hover .delete_image_hover{ opacity:1; visibility:visible; }
.img_container:hover .delete_image_hover i:hover{ cursor:pointer; }
.img_container_section .delete_image_hover{ background-color:rgba(0,0,0,0.5); height:71%; left:0; opacity:0; position:absolute; top:43px; transition:visibility 0s, opacity 0.2s linear; visibility:hidden; width:100%; }
.img_container_section .delete_image_hover i{ color:#DC3F41; left:50%; margin-left:-10px; margin-top:-20px; position:absolute; top:50%; }
.img_container_section:hover .delete_image_hover{ opacity:1; visibility:visible; }
.img_container_section:hover .delete_image_hover i:hover{ cursor:pointer; }

.image_container{ overflow:hidden; }
.image_container figure{ position:relative; }
.image_preview_container figure .delete_image_container{ background:rgba(255,255,255,.8); height:100%; left:0; opacity:0; position:absolute; top:0; transition:visibility 0s, opacity .2s linear; visibility:hidden; width:100%; }
.image_preview_container figure:hover .delete_image_container{ opacity:1; visibility:visible; }
.image_preview_container figure .button_container .btn{ height:40px; left:50%; margin-left:-20px; margin-top:-20px; padding:10px 0; position:absolute; top:50%; width:40px; }
.image_preview_container figure .button_container .btn.btn-xs{ height:30px; padding:5px 0; width:30px; }

/*Info messages*/
.info_message{ background:rgba(255,255,255,0.75); box-sizing:border-box; font-size:24px; height:100%; left:0; padding:100px; position:fixed; text-align:center; top:0; width:100%; z-index:1060; }
.info_message_content{ display:flex; flex-direction:column; justify-content:center; align-content:center; height:100%; }
.info_message_content > i{ font-size:80px; display:block; margin:0 auto 30px; color:#000; }

.info_message > a{ position:absolute; right:10%; top:20px; z-index:3; color:#000; }
.info_message > a i{ font-size:32px; }

.info_message.error{ background:rgba(249,234,234,0.75); color:#800; }
.info_message.success{ background:rgba(242,249,234,0.75); color:#000; }

.info_message#page-loading span{ background-image:url("images/loading_main.gif"); background-repeat:no-repeat; background-size:cover; height:64px; left:50%; margin-left:-32px; margin-top:-32px; position:absolute; top:50%; width:64px; }
/*eof info messages*/

/*Upload Container*/
.upload_container .button_container{ text-align:center; }
.upload_container .button_container a{ color:#444; display:block; margin-top:10px; text-decoration:underline; }

#search_box{ display:none; text-align:center; }
#search_box .box-item{ border:1px solid #e1e1e1; cursor:pointer; display:inline-block; height:200px; margin:15px; text-align:center; width:200px; }
#search_box .box-item .box-image{ height:150px; margin:0 auto; width:200px; }
#search_box .box-item .box-title{ background-color:#fff; border-bottom:1px solid #e1e1e1; padding:15px 25px; }

.modal .form-group-default-select2 label{ z-index:1060; }

/*Sections and Tools*/

textarea.form-control{ min-height:100px !important; }
.preview_url{ display:block; max-width:420px !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.button_delete_object{ color:#aaa; display:block; line-height:40px; }

.editor_container label{ padding: 0 12px; }

.language_container[data-is_default_language="true"]{ display:block !important; float:left; }
.language_container[data-is_default_language="false"]{ float:right; }

.profile-dropdown .dropdown-item{ padding-left:20px !important; }

.cartoon_thumbnail{ margin:0; padding:0; width:75px; height:75px; background-repeat:no-repeat; background-position:center center; background-size:contain; transition:all .4s; }

.cartoon_list_table td:nth-child(2){ white-space:normal !important; }

.cartoon_list_table td:nth-child(1):hover{ overflow:visible; z-index:100; position:relative; }
.cartoon_list_table td:nth-child(1) .cartoon_thumbnail{ background-color:#fafafa; border:5px solid #fafafa; }
.cartoon_list_table td:nth-child(1) .cartoon_thumbnail:hover{ transform:scale(2.5); box-shadow:0 0 3px rgba(0,0,0,.3); transition:all .2s; }

@media screen and (min-width: 980px){
	.modal-dialog.modal-lg{ width:900px; }
}

/*Upload container*/
.upload_container .dropzone{ min-height:100px; }
.upload_container .dropzone.sliding{ min-height:0; }
.upload_container .dropzone .dz-preview, 
.upload_container .dropzone-previews .dz-preview{ margin:8px; }
.upload_container .dropzone.dz-clickable *{ cursor:pointer; }
.upload_container .dropzone .dz-remove{ display:none !important; }
.upload_container .dropzone .dz-filename{ position:relative; line-height:90px; }
.upload_container .dropzone .dz-filename span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.upload_container .cropper_container{ box-sizing:border-box; padding:20px; display:none; background:#eef1f2; border:1px solid rgba(0,0,0,0.03); border-radius:3px; overflow:hidden; }
.upload_container .cropper_container .cropper_wrapper{ position:relative; max-height:300px; }
.upload_container .cropper_container .cropper_control{ margin:20px 0 20px; }
.upload_container{ position:relative; }
/*EOF Upload Container*/

/*Lists */
.list{ list-style:none; margin:0; padding:0; position:relative; }
.list .list_item{ list-style:none; margin:0; padding:0; }
.list .list_item:after{ content:""; display:block; clear:both; }

/*Section list (sortable!)*/
.list.list_sections:empty:before{ content:"You have not added any content yet! Please use the button below to add a section."; display:block; text-align:center; font-size:10px; padding:20px; color:#999; background:#fafafa; }
.list.list_sections .list_item_section{
	  -webkit-touch-callout:none; /* iOS Safari */
		-webkit-user-select:none; /* Safari */
		 -khtml-user-select:none; /* Konqueror HTML */
		   -moz-user-select:none; /* Firefox */
			-ms-user-select:none; /* Internet Explorer/Edge */
				user-select:none; /* Non-prefixed version, currently
									  supported by Chrome and Opera */		
}
.list.list_sections .list_item_section:nth-child(n+2){ margin-top:5px; }
.list.list_sections .list_item_section label{ display:block; line-height:27px; font-size:12px; margin:0; max-width:calc(100% - 50px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.list.list_sections .list_item_section.ui-sortable-handle{ padding:5px; border:1px solid #efefef; background:#fafafa; cursor:pointer; }
.list.list_sections .list_item_section.ui-sortable-handle+
.list.list_sections .list_item_section.ui-sortable-handle{ margin-top:5px; }
.list.list_sections .ui-sortable-placeholder{ min-height:40px; background:#fefefe; }
/*EOF Section List*/

/*Thumbnails and Images*/
.image_preview_container span{ display:block; margin-bottom:5px; }
.image_preview_container figure{ display:block; box-sizing:border-box; border:1px solid #dedede; }
.image_preview_container img{ display:block; width:100%; height:auto; }

/*Nestable*/
.dd3-content{ height:auto; padding-left:50px; }
.dd3-content .title_container{ padding-top:3px; }
.dd3-handle{ border:none; }
.dd3-handle:before{ margin-top:5px; content:"\f0c9"; font-family:"Font Awesome 5 Pro"; }
.dd{ max-width:100%; }
.dd-item > button{ position:absolute; left:-5px; z-index:10; color:#666; }
.dd-item.is_single > button{ display:none !important; }
.dd-item > button.dd-expand{ display:none; }
.dd-item > button:nth-child(1):before,
.dd-item > button:nth-child(2):before{ content:""; font-family:"Font Awesome 5 Pro"; }
.dd-item > button.dd-collapse:before{ content:"\f078"; font-family:"Font Awesome 5 Pro"; }
.dd-item > button.dd-expand:before{ content:"\f054"; font-family:"Font Awesome 5 Pro"; }

@media screen and (max-width: 992px){	
	.horizontal-app-menu .header .header-inner .brand.inline{ border:none; padding:0 0 0 20px; }
}

.modal{ z-index:1051 !important; }

/*Modal Wide*/
.modal_wide .modal-dialog{ width:900px !important; max-width:900px !important; }
.modal_wide .modal-content-wrapper{ width:100%; }
.modal_wide .modal-dialog .card{ margin-bottom:0 !important; }
.modal_wide .modal-dialog .card-body{ padding-bottom:0 !important; }
.modal_wide .modal-body{ width:900px; }

.modal_wide .upload_container.show{ margin-bottom:0; }
.modal_wide .upload_container.show .card-header{ display:none; }
.modal_wide .cropper-bg{ max-width:100% !important; }

.rating_container{ box-sizing:border-box; overflow:hidden; text-align:center; transition:all .3s; white-space:nowrap; width:100%; z-index:2; }
.rating_container .button{ background-color:#007be8; border:2px solid #fff; border-radius:100%; box-shadow:0 0 1px rgba(0,0,0,.3); color:#fff; display:inline-block; font-size:11px; font-weight:700; height:31px; line-height:26px; margin:0; text-align:center; transition:all .3s !important; vertical-align:top; width:31px; }

.rating_container .button:nth-child(1){ background-color:#CB3B3B; }
.rating_container .button:nth-child(2){ background-color:#ff6d1f; }
.rating_container .button:nth-child(3){ background-color:#F6BC3B; }
.rating_container .button:nth-child(4){ background-color:#9CB828; }
.rating_container .button:nth-child(5),
.rating_container .button:last-child{ background-color:#69a300; }
/*.rating_container .button:last-child{ background-color:#fc1912; }*/

.rating_container .button.status_button[data-point="1"]{background-color:#69a300; } /*güçlü kızlar*/
.rating_container .button.status_button[data-point="2"]{background-color:#fc1912; } /*güçlü kızlar*/

.rating_container.rated .button:not(.selected){ filter:grayscale(100%); opacity:.6; }

.rating_container .button:hover{ border-color:rgba(0,0,0,.2); filter:grayscale(0) !important; opacity:1 !important; }

.count_container{ background:rgba(255,255,255,.6); color:#000000; font-size:18px; height:70px; left:0; line-height:30px; margin:0 auto; padding:20px; position:absolute; right:0; text-align:center; top:0; vertical-align:middle; width:120px; z-index:3; }

.carousel_overlay{ box-sizing:border-box; padding:40px; }
.carousel_container{ height:100%; max-width:80%; margin:0 auto; }
.carousel_container .glide__track{ height:100%; overflow:visible; }

.carousel_container .glide__slides{ height:100%; margin:0; }
.carousel_container .carousel_slide_container .list_item_cartoon{ background:#ffffff; background-position:center center; background-size:cover; color:#fff; height:80%; margin:0; position:relative; text-align:right; width:100%; }
.carousel_container .carousel_slide_container .list_item_cartoon .thumbnail_container{ background:#fff no-repeat center center; background-size:contain; height:100%; margin:0; position:relative; top:70px; width:100%; z-index:1; }
.carousel_container .carousel_slide_container .list_item_cartoon .thumbnail_container img{ box-sizing:border-box; display:block; height:100%; width:100%; }

.carousel_container .carousel_slide_container .list_item_cartoon .rating_container{ bottom:-150px; height:90px; left:0; padding:20px; position:absolute; }
.carousel_container .carousel_slide_container .list_item_cartoon .rating_container  .button{ border-size:3px; font-size:16px; height:50px; line-height:44px; margin:50px 3px 0; opacity:0; width:50px; text-align:center; }
.carousel_container .carousel_slide_container .list_item_cartoon .rating_container  .button:nth-child(1){ margin-top:70px; opacity:.40; }
.carousel_container .carousel_slide_container .list_item_cartoon .rating_container  .button:nth-child(2){ margin-top:75px; opacity:.35; }
.carousel_container .carousel_slide_container .list_item_cartoon .rating_container  .button:nth-child(3){ margin-top:80px; opacity:.30; }
.carousel_container .carousel_slide_container .list_item_cartoon .rating_container  .button:nth-child(4){ margin-top:85px; opacity:.25; }
.carousel_container .carousel_slide_container .list_item_cartoon .rating_container  .button:nth-child(5){ margin-top:90px; opacity:.20; }
.carousel_container .carousel_slide_container .list_item_cartoon .rating_container  .button:nth-child(6){ margin-top:95px; opacity:.15; }
.carousel_container .carousel_slide_container .list_item_cartoon .rating_container  .button:nth-child(7){ margin-top:100px; opacity:.10; }

.carousel_container .carousel_slide_container .list_item_cartoon:hover .rating_container {}
.carousel_container .carousel_slide_container .list_item_cartoon:hover .rating_container .button{ margin-top:0; opacity:1; }

@media screen and (max-width: 1440px){
	.count_container{ font-size:16px; height:60px; line-height:20px; }
	
	.carousel_container .carousel_slide_container .list_item_cartoon .thumbnail_container{ top:60px; }
	
	.carousel_container .carousel_slide_container .list_item_cartoon .rating_container{ bottom:-140px; height:90px; left:0; padding:20px; position:absolute; }
	.carousel_container .carousel_slide_container .list_item_cartoon .rating_container  .button{ height:40px; line-height:36px; opacity:0; width:40px; }
}

@media screen and (max-width: 768px){
	.carousel_overlay{ padding:10px; }
	.carousel_container{ max-width:calc(100% - 40px); }
	.carousel_container .carousel_slide_container .list_item_cartoon .rating_container{ opacity:1; text-align:center; white-space:normal; }
	.carousel_container .carousel_slide_container .list_item_cartoon .rating_container .button{ font-size:12px; height:40px; line-height:34px; margin:0 0 10px !important; opacity:1 !important; width:40px; }
	.carousel_container .carousel_slide_container .list_item_cartoon .rating_container.rated .button:not(.selected){ opacity:.6 !important; }
	
	.page-title > *{ float:none !important; }
	.page-title .button_container{ float:none !important; text-align:center; }
}

@media screen and (max-width: 600px){
	.carousel_container .carousel_slide_container .list_item_cartoon .rating_container{
		bottom:-90px; height:130px;
	}
}

@media screen and (max-width: 360px){
	.carousel_container .carousel_slide_container .list_item_cartoon .rating_container{
		height:180px;
	}
}