/* Created By Yarkin UCERLER on date 27.10.2017 */

@import url("./color.css");
@import url("./font.css");
@import url("./responsive-component.css");
@import url("./mobile-menu.css");

.leftContent,
.rightContent {
	width: 100%;
	float: right;
}

/* BASLANGIC : BOLUM : SOL KISIM */

.leftContent .box,
.leftContent .leftMenu,
.leftContent .search-intro,
.leftContent .leftMenu ul li a {
	width: 100%;
}

.leftContent .search-intro,
.mobile-menu-wrapper .search-intro  {
	height: 58px;
}

.leftContent .search-intro,
.mobile-menu-wrapper .search-intro {
	background: url(../images/ico-search.png) #ffffff no-repeat 98% center;
}

.leftContent .search-intro input,
.mobile-menu-wrapper .search-intro input {
	margin: 0;
	width: 100%;
	height: 58px;
	color: #515151;
	max-width: 100%;
	font-size: 13px;
	line-height: 57px;
	padding-left: 10px;
	padding-right: 28px;
	background: transparent;
}

.box-online-yardim a {
	/*background: url(../images/online-yardim-merkezi.png) no-repeat center top;*/
	/* background: url(../images/help.png) no-repeat center top; */
	width: 100%;
	height: auto;
	display: block;
	background: none;
	text-indent: inherit;
}

.box-online-yardim img {
	max-width: 100%;
}

.rightContent .primebanner{
	width: 100%;
}

.rightContent .contentBorder {
	padding: 26px 0px 26px 0px;
	border-radius: 5px;
}


.rightContent .box-left, .rightContent .box-right, .rightContent .box-left a:hover, .rightContent .box-right a:hover {
    display: block;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgb(229 229 229 / 76%);
    background-color: var(--white);
    border: solid 1px #dee3ed;
}
.rightContent .box-left .phone-img,
.rightContent .box-right .phone-img  {
	position: relative;
	top:35%;
}

.rightContent .box-left .box-table, .rightContent .box-right .box-table {
	display: table;
	min-height: 65px;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.rightContent .box-left .box-table p, .rightContent .box-right .box-table p {
	display: table-cell;
	vertical-align: middle;
}

.rightContent .box-left p,.rightContent .box-right p {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: 0.18px;
  color: #1b1d1d;
}

.rightContent .box-column-container {
	margin-top: 50px;
}

.rightContent .box-column-container .box-column a {
	display: block;
	text-decoration: none;
	outline: none;
}
.rightContent .box-column-container .box-column h3 {
	color: #222943;
	font-size: 18px;
	min-height: 40px;
}

.rightContent .box-column-container .box-column img {
	/*margin: 15px 0 20px;*/
	width: 100%;
	margin-bottom: 15px;
	color: #737676;
	min-height: 88px;
	border-radius: 5px;
}
.foot-home p {    min-height: 75px;height: auto;}

.foot-home a.btn {
	outline: none !important;
	padding: 13px 45px !important;
	box-shadow: none ;
	background: #002855 !important;
	border: 0 !important;
	border-radius: 5px;
	color: white !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	transition: 1s all;
	font-family: "Mulish", Arial, Verdana;
}

.foot-home a.btn:active {
	background: #001a37 !important;
	box-shadow: none;
}

.foot-home{
	padding-left:10px !important; 
}
.foot-home .default-page-item-title{
  font-size: 18px !important;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: center;
  color: #222943 !important;
  margin-bottom: 3px;
}
.foot-home .default-page-item-paragraph{
  margin: 15px !important;
  object-fit: contain;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #666f85;
}

.rightContent .box-column-container .box-column p > a {
	/* border: 1px solid #691e32;
     border-radius: 0;
     color: #691e32;
     width: 100%;
     margin-top: 10px;
     transition: all .4s; */
	outline: none !important;
	padding: 13px 45px !important;
	box-shadow: none !important;
	background: #002855 !important;
	border: 0 !important;
	border-radius: 5px;
	color: white !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	transition: 1s all;
}

.rightContent .box-column-container .box-column p > a:hover {
	color: #fff;
	background: #691e32;
}

.rightContent .button-prime{
	display: inline-block;
	font-size: 14px;
}

.rightContent .box-bottom {
	margin-top: 50px;
	/*box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);*/
	background-color: #fbfbfd;;
	padding: 20px;
	border: solid 1px #dee3ed;
	border-radius: 4px;

}

.rightContent .box-bottom a.bold {
	font-size: 14px;
}

.rightContent .box-bottom a {
	outline: none !important;
	padding: 13px 0px !important;
	box-shadow: none !important;
	background: #ffffff !important;
	border: 1px solid #002855;
	object-fit: contain;
	border-radius: 5px;
	color: #002855 !important;
	font-size: 16px !important;
	font-weight: 550 !important;
	line-height: 1 !important;
	transition: 1s all;
	height: 44px !important;
	width: 160px !important;
	margin-left:auto; 
	margin-right:auto;
	font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
  	text-align: center;

}

.rightContent .box-bottom a:hover{
/* 	background: white !important; */
/* 	border:1px solid #002855; */
/* 	color:#002855 !important; */
}
.rightContent .box-bottom a:hover {
/* 	color: #fff; */
/* 	background: #691e32; */
}

@media screen and (min-width: 1200px){
	.rightContent .box-bottom p {
		margin-left: -15px;
	}
}

@media screen and (max-width: 991px){
	.rightContent .box-column-container {
		margin-top: 50px;
		padding-left: 0 !important;
	}
}


.rightContent .box-bottom p {
  margin: 0 20px 0 0 !important;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #222943;
}
/* BITIS : BOLUM : SOL KISIM */

/* BASLANGIC : BOLUM : SAG KISIM */

.box,
.dipnot,
.bContent,
.accStyle,
.box.lite,
.info-tooltip-2,
.box-wide-content,
.box.lite .bContent,
#colorbox #ovitLeftRight,
.hizmetNoSecme .box.lite,
.rightContent .bannerContent,
.hizmetNoSecme .box-wide-top,
.hizmetNoSecme .box-wide-content,
#campaign-area, #campaign-scroller,
.hizmetNoSecme .box.lite .bContent,
.rightContent .bannerContent #bannerLeft {
	width: 100% !important;
	float: none;
}


.rightContent .bannerContent #bannerLeft  {
	background-size: 100% 100%;
}

.rightContent .bannerContent,
.rightContent #campaign-holder {
	height: auto;
}

.rightContent #campaign-holder:after {
	content: '';
	clear: both;
	display: block;
}

.rightContent .campaign-content a {
	top: auto;
	left: auto;
	right: auto;
	width: 100%;
	display: block;
}

.accStyle .accTitle a.acc {
	width: 100%;
	height: auto;
}

.accStyle .accTitle a.acc {
	width: 100%;
	height: auto;
	background: url(../images/acc-arrow.png) #fff no-repeat 100% 20px;;
    border-bottom: 1px solid ;
}

.accStyle .accItem.active .accTitle a.acc {
	background: url(../images/acc-arrow.png) #fff no-repeat 100% -32px;
}

.accStyle .accItem .accContent {
	width: 100%;
}

.custom-checkbox a {
	height: 22px;
}

.selectCont {
	float: none;
}

.selectCont {
	margin-right: auto;
}

.custom-select-item .custom-select-item-right {
	padding: 10px 40px 3px 3px;
}

.rightContent .inputCont {
	margin-right: auto;
}

.rightContent .inputCont {
	width: 100%;
}

.inputCont .input input {
	width: 100%;
}

.tabBox,
.tabBox.lite {
	width: inherit !important;
}

.rightContent p {
	padding-right: 0;
	padding-bottom: 0;
}

/* BITIS : BOLUM : SAG KISIM */

.tabular-data-4 tr.pure td{background:#ecede2;padding:6px 12px;}
.tabular-data-4 tr.nocolor td{background:none;padding:4px 4px;}
.tabular-data-4 tr.even-row td{background:#e6e1d0;}
.tabular-data-4 tr.odd-row td{background:#ded7c4;}
.tabular-data-4 td.center-check {padding-left:38px;}
.tabular-data-4 td.row-head{background:#d8d0bc;padding:12px 15px; color:#f66f06;vertical-align:top;}

.tabular-data-4 {border: none;margin: 10px 0px !important;}
.tabular-data-4 th {background:#05b4c7; font-weight:bold; color:#fff; border-bottom: 0; text-align:left;}
.tabular-data-4 td {background:#FFF; border-bottom:1px solid #ebebeb;}
.tabular-data-4 tr.even-row td {background:#FFF;}
.tabular-data-4 tr.odd-row td {background:#FFF;}

.responsive-table-scroll {border:2px solid #ebebeb;margin:15px 0 !important; width: 685px;}
.responsive-table-scroll thead {margin:15px 0; overflow: auto;}
.responsive-table-scroll th{background:#05b4c7; padding:12px 15px !important;color:#fff; vertical-align:top;white-space: nowrap;}
.responsive-table-scroll th img { vertical-align:middle; }
.responsive-table-scroll td{background:#FFF; border-bottom:1px solid #ebebeb;padding:11px 15px;}
.responsive-table-scroll horizontal-head {color:#f66f06;padding:6px 12px;}
.responsive-table-scroll horizontal-head a {text-decoration:underline;}
.responsive-table-scroll td.row-head{background:#d8d0bc;padding:12px 25px; color:#f66f06;vertical-align:top;}
.responsive-table-scroll tr.odd-row td{background:#FFF;}

.row#adressTable p:empty {
	min-height: 26px;
}

@media (min-width: 768px) and (max-width: 992px) {
	.row#adressTable p:empty {
		min-height: 45px;
	}
}

.buttonCont {
	width: 100%;
	display: block;
}

.buttonCont:after {
	content: "";
	clear: both;
	display: block;
}

.buttonCont span.bttn {
	width: auto;
	display: block;
	position: relative;
}



@media (max-width: 767px) {

	.buttonCont span.bttn {
		width: 100%;
		margin-bottom: 10px;
	}

	.buttonCont span.bttn:first-child {
		margin-top: 10px;
	}
}

.ui-datepicker-trigger {
	position: absolute;
	right: 15px;
	top: 15px;
}

#colorbox {
	max-width: 770;
}

#colorbox {
	left: calc((100% - 770px) / 2) !important;
}

#cboxWrapper {
	max-width: 550px;
	width: 100% !important;
}

@media (max-width: 1199.98px) {
	#colorbox {
		max-width: 296px;
	}

	#colorbox {
		left: calc((100% - 296px) / 2) !important;
	}

	#cboxWrapper {
		max-width: 296px;
	}
}

#cboxContent {
	padding: 0;
	border: none;
}

#cboxContent {
	width: 100% !important;
	height: auto !important;
}

#cboxClose {
	top: 8px !important;
	right: 8px !important;
}

#cboxLoadedContent {
	padding: 30px;
	width: 100% !important;
	height: auto !important;
}

@media (max-width: 768px) {

	#istekListesi .tablo tbody tr td {
		color: #515151;
		font-size: 11px;
	}
	#yeni-ariza .mobil-responsive{
		width: 100% !important;	
	}

}

@media (max-width: 768px) {

	.faturaGorusme > .excel{
		margin-right: 0px !important;
	}
}

#yeni-ariza .mobil-responsive{
	width: 110%;	
}

div.msgBox {
	z-index: 10000;
	color: #00335e;
	max-width: 520px;
	min-width: 290px;
	min-height: 50px;
	background: #fff;
  	font-family: "Mulish", Arial, Verdana;
	padding: 10px;
}


div.msgBoxContent {
	margin: 0;
	float: none;
	padding: 10px;
	display: table;
	font-size: 16px;
	min-width: auto;
	max-width: 100%;
	min-height: auto;
	word-wrap: break-word;
}

div.msgBoxButtons input[type='button'] {
	width: auto;
	height: auto;
	padding: 10px 15px;
	margin: 20px auto 10px auto;
}






/**/

@media (max-width: 320px) {
	.table-box .box-tag {padding: 5px !important;}
	.table-box .box-number, .box-date, .box-piece {font-size: 12px !important;}
}
.new-check {    margin: -10px 10px 30px -15px;}
#faturaGonderimTable .new-check {    margin:  20px 10px 0px -15px;}

.page-title-wrapper h1 {font-size: 24px; margin: 0; padding: 0}
.radio-side span.labelt {
	margin-top: 0px;
	margin-left: -30px;
	padding-top: 0px;
	display: block;
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
	color: #666f85;}
/* Select box i�lerindeki oklar� custom olarak d�zenlemek i�in kullan�lan css kodlar�*/
#dipnotDiv .t2link,
#tesisAdresPanel .t2link {       border: 0px solid #ccc !important;
	font-size: 14px !important;
	padding: 15px 15px !important;
	border-radius: 4px !important;
	background-color: #f0f2f5 !important;
	color: #222943 !important;
	line-height: 24px;
	font-weight: normal;
	margin-top: 15px; margin-bottom: 30px;}

.f1.t2link {
	border: 0px solid #ccc !important;
	font-size: 14px !important;
	padding: 16px 20px !important;
	border-radius: 4px !important;
	background-color: #f0f2f5 !important;
	color: #222943 !important;
	line-height: 24px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 30px;
}


#tesisAdresPanel .t2link a {font-size: 14px !important;}
.table-box{border:1px solid #dee3ed; margin:10px 0 30px 0; border-radius: 4px; }
.table-box .box-tag{background: #f0f4b2; color:#a4ac23;padding: 5px 40px; border-radius: 30px;}
.table-box .b-border{border-bottom: 1px solid #dee3ed; height: 52px;}
.table-box .b-border:last-child{border-bottom: 0 !important;}
.table-box .b-border:nth-last-child(2){border-bottom: 0 !important;}

.link-box {       
	border: 0px solid #ccc !important;
	font-size: 14px !important;
	padding: 15px 15px !important;
	border-radius: 4px !important;
	background-color: #f0f2f5 !important;
	color: #222943 !important;
	line-height: 24px;
	font-weight: normal;
	margin-top: 15px; 
	margin-bottom: 15px;
}

@media (max-width: 437px) {
	.table-box p:first-child{padding: 16px 10px;}
	.table-box .box-tag{padding: 5px 30px;}
	.table-box .b-border{
		height: 75px;
		padding: 5px 0;
	}
	.radio-side span.labelt {
		margin-left: -54px;}
}
@media (max-width: 360px){
	.radio-side span.labelt {
		margin-left: -44px;}
}

.table-box .box-price{font-size:24px; font-weight: bold}
.table-box p {padding: 16px; margin:0 !important;}
.table-box .box-number-title, .box-date-title, .box-piece-title{
	color:#414c5b; font-size:14px; font-weight: 400;
}
.table-box .box-number, .box-date, .box-piece{
	font-size:16px; color: #222943; font-weight: 400;float:right;     text-align: right;
}

.form-control {
	border: 1px solid #dee3ed !important;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075)  !important;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075)  !important;
}


.box-wide-content select{



	/* reset */

	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}


.box-wide-content select {
	height: 56px;
	padding:15px;
	background-image: linear-gradient(45deg, transparent 50%, #919eba 50%), linear-gradient(135deg, #919eba 50%, transparent 50%);
	background-position:calc(100% - 22px) calc(1em + 8px), calc(100% - 17px) calc(1em + 8px);
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
}
/*
select#newTariff:focus {
	background-image:
			linear-gradient(45deg, green 50%, transparent 50%),
			linear-gradient(135deg, transparent 50%, green 50%),
			linear-gradient(to right, #ccc, #ccc);
	background-position:
			calc(100% - 15px) 1em,
			calc(100% - 20px) 1em,
			calc(100% - 2.5em) 0.5em;
	background-size:
			5px 5px,
			5px 5px,
			1px 1.5em;
	background-repeat: no-repeat;
	border-color: green;
	outline: 0;
}
*/

.box-wide-content select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

/**
 * Input - checkbox
 *
 */
.tt-checkbox {}

.tt-checkbox label {
	padding-left: 0;
	font-size: 14px;
	color: #717d8d;
}


.tt-checkbox input[type="checkbox"] .dib:before {
	border-color: #a0acbd;
	border-radius: 4px;
	width: 24px;
	height: 24px;
	margin-right: 8px !important;
}

.tt-checkbox input[type="checkbox"]:checked + .dib::before {
	content: '';
	color: #ffffff;
	border-color: transparent;
	line-height: 24px;
	background: #049ead url( '../svg/checkbox-tick-white.svg' ) no-repeat center center / 12px 9px;
}

.tt-checkbox input[type="checkbox"] + .dib:before {
	border-color: #a0acbd !important;
	border-radius: 4px !important;
	width: 24px !important;
	height: 24px !important;
	margin-right: 8px !important;
}

.tt-checkbox input[type="checkbox"]:checked + .dib::before {
	content: '' !important;
	color: #ffffff !important;
	border-color: transparent !important;
	line-height: 24px !important;
	background: #049ead url( '../svg/checkbox-tick-white.svg' ) no-repeat center center / 12px 9px !important;
}

.foot-home {
	background: white;
	padding: 16px;
	box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
	background-color: var(--white);
	border-top-right-radius: 30px;
	position: relative;
	margin-top:-67px;
	background-color: white !important;
}

@media (max-width: 768px)
{
	.foot-home {margin-bottom:30px;}
	.box-bottom {margin-top: 30px !important;}
	.rightContent .box-bottom a {margin-top:30px; width: 100%}

	.rightContent .box-left, .rightContent .box-right, .rightContent .box-left a:hover, .rightContent .box-right a:hover {

		margin-bottom: 30px;
	}
	.rightContent .contentBorder {border:0px !important;}
}


.button-type-1-center{
	height: 44px !important;
	width: 230px !important;
	margin-left:auto; 
	margin-right:auto;
}

@media(max-width:900px){
	.button-type-1-center{
	width: 90% !important;
	}
}

.button-type-1-center:hover{
	box-shadow:rgb(118 118 118 / 12%) 0px 2px 12px 6px !important;
}
.button-type-1-center:active {
	box-shadow:none;
}