@charset "utf-8";
/* CSS Document */
@import url("//fonts.googleapis.com/css?family=Roboto");
a{ text-decoration:none;color:inherit!important}
a:hover{ text-decoration:none!important;color:inherit!important}
a:active, a:focus {outline: none; ie-dummy: expression(this.hideFocus=true);}
a.active {color: white!important;}
button:focus{outline: none;}
/*img:active, img:focus  {outline:0!important; border:none}*/

body {height: 100%;margin: 0; font-size: 14px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "Roboto"!important;}
.font-smaller{font-size: .8rem}
a {text-decoration: none;color: inherit;}

.initialWidth{width:initial !important;}

.blink_text{animation:1s blinker linear infinite;-webkit-animation:1s blinker linear infinite;-moz-animation:1s blinker linear infinite;color: red;}
@-moz-keyframes blinker {0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; }100% { opacity: 1.0; } }
@keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; }}

#alertMain{
    width:390px;
    height:350px;
    border-radius:6px;
    background-color: #f4f4f4;
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    border: none;
    box-shadow: 1px 1px 6px black;
    display:flex;
    justify-content:center;
    align-items: center;
    }



#alertText{
	 font-size: 16px;
	 font-family: "Roboto";
	 font-style: normal;
	 font-weight: 400;
     text-align: center;
     width: 70%;
     position: relative;
	 left:50%;
	 top:50%;
	 transform:translate(-50%, -50%);
	 -webkit-transform:translate(-50%, -50%);
	 position:absolute;
}

#alertClose{
	cursor:pointer;
	position:absolute;
	right: 8px;
	top: 6px;
	color: #b3b3b3;
	text-shadow: 1px 1px 2px #fff;
}

.alertIcon{
	color: #b3b3b3;
	text-shadow: 2px 2px 6px #fff;
}

.bg-redstone-red{ background-color:#e72128 !important;}
.bg-rookz-larc{ background-color:#0000a8  !important;}

.confirmButton
	{
	-moz-box-shadow:inset 0px 0px 0px 0px #e4e5ed;
	-webkit-box-shadow:inset 0px 0px 0px 0px #e4e5ed;
	box-shadow:inset 0px 0px 0px 0px #e4e5ed;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #356a9e), color-stop(1, #3f4977) );
	background:-moz-linear-gradient( center top, #356a9e 5%, #3f4977 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#356a9e', endColorstr='#3f4977');
	background-color:#356a9e;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #118811;
	display:inline-block;
	color:#fff;
	font-family:"Roboto";
	font-size:11px;
	text-decoration:none;
	height:26px;
	line-height:26px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
/*text-shadow:1px 1px 0px #ffffff; */
	}
	
.confirmButton:hover
	{
	cursor:pointer;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f4977), color-stop(1, #356a9e) );
	background:-moz-linear-gradient( center top, #3f4977 5%, #356a9e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f4977', endColorstr='#356a9e');
	cursor: pointer;
	background-color:#3f4977;
	}


.tool_tip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tool_tip .tooltiptext {
    visibility: hidden;
	min-width:180px;
    background-color:#004891;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
	font-family:Arial;
	font-size:12px;
	font-style:italic;
}

.tool_tip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tool_tip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.zorunluAlan{font-size: 16px;font-weight: 400;color: #D70000;margin-left: 2px;line-height: 34px;}
.zorunluAlan:after{content: "\*";}

.btnDiv{position:absolute;right:0px;display:none; text-align:right;z-index:22;transform: translateY(-50%);top: 50%;width:max-content;}
.btn{ white-space:nowrap;}
.btn-tekno{ background-color:#deb085; color:#FFF;}
.btn-tekno:hover{ background-color:#d4ac87;color:#FFF;}
.btn-file{height: fit-content}
.btn-file:before{content:"file_upload "; font-family: 'Material Icons';cursor:pointer}


.plupload_header_content{ background-color:#5594b3; padding:5px 10px !important; border-radius:2px;}
.plupload_header_title{ font-size:28px; color:#FFF; font-weight:bold;}
.plupload_header_text{ color:#FFF;}
.plupload_filelist_footer{background-color:#5594b3; color:#FFF; height:40px !important;}
#uploader{border: 1px solid #5594b3;background-color: aliceblue;}
.plupload_button {background-color: #28a745 !important;color: #FFF !important;padding: 15px;font-size: 14px;border-right: 1px solid aliceblue;}
.plupload_file_name{ padding-left:0px !important;}

label{position:relative; display:block !important; margin:8px 10px 2px 10px ;}
.col-12{margin-bottom:4px;}
.inputSmall{ width:90px;}
.pBaslik{font-size:20px; font-weight:400; margin:0px; box-sizing:border-box; padding:0px; width:100%; color:#629ed6;display:inline-flex;align-items: baseline;white-space: nowrap;background-color: transparent!important;}
.pBaslik::after {background-color: #629ed6;height: 1px;width: 1200px!important;content: "";margin-left: 10px;}
.modal-content{ z-index:1000 !important;}


.vtypeOrange{background-color:#FFBF67!important; border:1px solid #FFBF67 !important;}
TL:before{content:"\20BA";}
kayitTamam{ text-align:center; width:80%; box-sizing:border-box; color:#FFF; background-color:darkgreen; overflow:hidden; display:block; font-size:1.6em;-webkit-animation: fadeout 4s linear forwards;animation: fadeout 4s linear forwards;  position:absolute;top:calc(100vh - 180px); height:100px; padding-top:20px; left:10%
}
.centerMiddle {position: absolute;transform:translate(-50%, -50%);left:50%;top:50%;display: block;}

hr{ border-top: solid 1px #778899!important;height: 0px;border-style: solid;border: none;margin: 20px 0px;clear: both;}

@-webkit-keyframes fadeout {0%,100% { opacity: 0; }10%, 40% { opacity: 1; }}
@keyframes fadeout { 0%,100% { opacity: 0; }10%, 40% { opacity: 1; }}

hemenKatil { display: flex;border-radius: 50%;width: 70px;height: 70px;text-align: center;color: #fff;background-color:darkred; position: absolute;overflow: hidden;top:20;right: 40px;align-items: center;border: 8px solid #fff;box-shadow: 1px 1px 2px rgba(0,0,0,.4);cursor: pointer;}
hemenKatil:before{ content:"HEMEN KATIL"; font-size: 1.2em;-webkit-transform: rotate(-20deg);-moz-transform: rotate(-20deg);}

dahaFazla { display: flex;border-radius: 50%;width: 70px;height: 70px;text-align: center;color: #fff;background-color:#0065BD; position: absolute;overflow: hidden;top:20;right: 40px;align-items: center;border: 8px solid #fff;box-shadow: 1px 1px 2px rgba(0,0,0,.4);cursor: pointer;}
dahaFazla:before{ content:"DAHA FAZLA"; font-size: 1.2em;-webkit-transform: rotate(-20deg);-moz-transform: rotate(-20deg);}

kayitTamam:before{content:"\f058";font-family: "Font Awesome 5 Free";font-weight: 900;  clear: right; display:block; font-size:2em;}
aciklama{display: block;width: 100%;padding:10px;box-sizing: border-box;text-align:center; background-color:#F1E396; margin:4px 0px;}
.error:before { content:"\f056"; font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;font-weight: normal;font-size: 6em;color: darkred;display: block;margin-bottom: 20px;text-shadow: 1px 1px 2px rgba(0,0,0,.5);}
.dikkat:before {content:"\f06a"; font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;font-weight: normal;font-size: 6em;color:#436990 ;display: block;margin-bottom: 20px;text-shadow: 1px 1px 2px rgba(0,0,0,.5);}
#loadingSpinner{position:relative; margin-top:0px; height:540px; width:100%; left:0px; top:0px; display:flex;justify-content:center;align-items:center; overflow:hidden;}
.lightBox{padding:20px; box-sizing:border-box;}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(fonts/material_new.woff2) format('woff2'),
    url(onts/MaterialIcons-Regular.woff) format('woff'),
    url(fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.download:before{content: "\f0ed";font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;margin: 0px  4px;text-decoration: inherit;}
.delete:before {content: "\f00d" ;font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;margin: 0px  4px;text-decoration: inherit;color: red}
form{margin:0;}
table {font-size:1em;}

.listing{width: 100%;padding:0px;margin: 0px; border:0px;border-spacing: 0px;border-collapse: separate;background-color: #eee}
.listing tr td{height: 30px;line-height: 16px;border-bottom:1px solid #fff;position: relative;vertical-align: middle;}
.listing tr:hover{background-color: rgba(98, 170, 220,.1)}
.listing tr td:first-child {color:lightslategray; white-space: nowrap;padding-left: 6px}
.listing tr td button{float:right;right: 6px;position: absolute;top:0px;}

.chart_dis{width:640px; height: 340px; margin:20px auto; position:relative; text-align:center; border-left:1px solid #999;border-bottom:1px solid #999; -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius:8px;background-image:url(../images/cizgi_bg.png); }
.chart_dis_ikili{width:44%; height: 350px; float:left; margin:2%; position:relative; text-align:center; border-left:1px solid #999;border-bottom:1px solid #999; -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius:8px;background-image:url(../images/cizgi_bg.png);  }

.kolon {box-sizing: border-box;background-color: #fff;position: relative;overflow: hidden;padding: 10px 10px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);}
.kolon img { width: 100%;height: auto}
section .w50:nth-child(1) { margin-left: 0px!important; clear: left}
section .w33:nth-child(1), .w33:first-child { margin-left: 0px!important; clear: left}
section .w25:nth-child(1) {margin-left: 2px!important; clear: left}
.w100{width: 100%; margin: 10px 0px;vertical-align: top;float:none; }
.w50 {width: calc(99%/2); margin: 10px 0% 10px 1%;vertical-align: top;float:left; }
.w33 { width: calc(98%/3); margin: 10px 0px 10px 1%;vertical-align: top;float:left; }
.w25 { width: calc(96%/4); margin: 10px 0px 10px 1%;vertical-align: top;float:left; }
.w66 { width: 66%; margin: 10px 0px 10px 1%;vertical-align: top;float:left; }

.kolon .listeTablo tr:nth-child(odd){background-color: #E3E7E9}
.acilirbaslik{width: 100%;box-sizing: border-box;padding: 0px 10px;background-color: #E3E7E9;cursor: pointer;position: relative;padding:16px 10px;margin-bottom: 6px;}
.acilirbaslik:before{content:"\f055";font-family: "Font Awesome 5 Free";font-weight: 900;font-size:1.2em; margin-right:6px;color:darkgreen;}

.inlineForm {display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: center;padding: 6px 0px;box-sizing: border-box;clear: left}
.inlineForm input, .inlineForm select, .inlineForm textarea, .inlineform button {margin-right:8px; }

 input[type=text],input[type='mail'],input[type='password'],input[type='number'], textarea, .textBox, input[type=search],input[type=email] {font-size: 1em;border-radius: 2.5em;padding:5px 8px;background-color: #0000001a!important;border:none;-webkit-appearance: none; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;vertical-align: middle; -webkit-box-shadow: inset 2px 4px 8px -8px rgba(0,0,0,1); color:inherit;
    -moz-box-shadow: inset 2px 4px 8px -8px rgba(0,0,0,1);box-shadow: inset 2px 4px 8px -8px rgba(0,0,0,1); resize:none; width:230px;}
textarea{border-radius:.8em;}
textarea:focus, input:focus{outline: none;}	
	
input[type=file] {background-color: darkorange;padding: 5px 8px;-moz-border-radius:2.5em;-webkit-border-radius:2.5em;border-radius:2.5em;border: 1px solid transparent;color: #fff;text-decoration: none;}
input[type=file]:hover {background-color: orange;border: 1px solid lightslategray;color: #fff;cursor:pointer;-moz-appearance: none;}
			
/*input[type=submit], input[type=button], .submitButton{font-family: inherit; font-size:1em;background-color:#fff;border:1px solid #ccc;color:#333;padding: 5px 16px;text-decoration: none; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;vertical-align: middle;cursor: pointer; border-radius:2.5em;}
.submitButton:hover, input[type=submit]:hover, input[type=button]:hover {background-color:#E5EBF6;border: 1px solid lightslategray;}
*/


select{font-size: 1em;border-radius: 2.5em;padding:6px 40px 6px 8px;background-color:#0000001a!important;-webkit-appearance: none; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;vertical-align: middle; background: url(/img/select-down.png) no-repeat right center;-webkit-box-shadow: inset 2px 4px 8px -8px rgba(0,0,0,1);-moz-box-shadow: inset 2px 4px 8px -8px rgba(0,0,0,1);box-shadow: inset 2px 4px 8px -8px rgba(0,0,0,1);overflow: hidden;cursor: pointer;-moz-appearance: none;border:none; width:230px;color:inherit}
select:hover{background-color:transparent ;background: url(/img/select-down-hover.png) no-repeat right center;}
select:focus {outline: 0;outline: none;background-color:transparent !important;}
baslik {font-size: 1.7em;color: lightslategray;display: block;padding:10px 0px}
baslikAlt {font-size: 1.4em;color: lightslategray;display: block;padding:4px 0px;    padding: 4px 0px;width: 100%;margin-bottom: 6px;border-bottom: 1px solid lightslategray;white-space: nowrap;clear:both;}
baslikKucuk {font-size: 1.2em;color: darkgray;display: block;padding:4px 0px}
main {display: table;height: 100%;}
leftSide {display: table-cell;min-width: 200px;background-color: #E7EAED;vertical-align: top;}
.animate_left{ height:auto; width:220px;overflow:auto;display:block;position:fixed;animation:animateleft .4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate_right{position:fixed;animation:animateright .4s;display:block; overflow:hidden; height:auto; left:-300px; width:0px;}@keyframes animateright{from{left:0;width:220px;} to{left:-300; width:0px;}}
logo { position:fixed; left:0px; top:3px; z-index:20;padding: 9px 0px;overflow: hidden;display: flex;align-items: center;justify-content: center; margin-bottom:10px;background-color: rgba(255,255,255,.7);border-radius:0px 2.5rem 2.5rem 0px;border:0px; width:200px;}
kapat {position: absolute;cursor: pointer;top:50%;transform: translateY(-50%);font-size: 1.4em}
kapat:hover{-webkit-transform:scale(1.4);transform: scale(1.4);-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out;transform-origin: center;top:0;}
kapat:before{font-family: "Material Icons"; content: "\E14C";}
sagUst { display: block;position: absolute;right:0px; top:0px; z-index:1;padding: 5px;border-radius: 2.5rem;border-top-right-radius: 1rem;border-bottom-right-radius: 0px;overflow: hidden;}
sagUst .btn {border-top-right-radius: .7rem!important;border-bottom-right-radius: 0px!important; color:#FFF !important;}

.blueBg{background-color:#003070!important;}
.lightBlueBg{background-color:#007bff!important;}
.redBg{background-color: #8D0F15!important}
.grayBg{background-color: darkgray!important}
.orangeBg{background-color: darkorange!important}
.pinkBg{background-color:#bc867e!important}
.greenBg{background-color: darkgreen!important}
.cyanBg{background-color:#17a2b8!important;}
.bg-01Black{background-color: rgba(0, 0, 0, .1)!important;}
.bg-04White{background-color: rgba(255, 255, 255, .4)!important;}

/*----------------DATATABLE MODIFY-------------------*/
table.dataTable {color:inherit!important}
.dataTables_wrapper {background: rgba(0,0,0,.1);}
.dataTable thead {color: #000;font-size: .9em;height: 38px;font-weight: 600!important;}
.dataTable tbody {font-size: 13px;}
.dataTable tbody tr:hover{background-color: rgba(255,255,255,.1)!important;}
.dataTable tbody tr:hover td { border-bottom:1px solid red!important; border-bottom-style: inset;}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {background-color: rgba(0,0,0,.09)!important;}
table.dataTable tbody tr {background-color: rgba(255,255,255,.17)!important;}
.sorting_1, .sorting_2 {background-color: rgba(255,255,255,.2)!important}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{margin: 8px 8px 0px 8px}
.dataTable{width:100% !important;}
.dataTables_paginate {padding: 0.25em;}
.dataTables_info {padding: 0.755em;}
.ajaxCall tbody tr td{position:relative;}
div.dt-buttons {margin:8px!important;}
.dt-button{ border-radius:2.5em!important; margin-top:6px;}
.dataTables_length select{ width:auto !important;}
.dataTables_filter input{ min-width:inherit;}
table tbody td {border-bottom: 1px solid transparent !important;}
table.dataTable thead th, table.dataTable thead td {border-bottom: 1px solid #fff!important}
.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius: 50%!important}
.dataTables_wrapper .dataTables_paginate .previous,.dataTables_wrapper .dataTables_paginate .next{border-radius: 2.5em!important}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {color:inherit!important}
#DataTable1 tr td {height:35px;}
#borcTable tr td {height:30px;}
.selectedRow td{ background-color:rgba(0, 255, 0, .2) !important;}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before {line-height: 16px!important}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before {z-index:30;}

/*-----------------------------------*/

.tableList { width: 100%;border-bottom:1px solid #000; font-size: 13px}
.tableList tr:hover{background-color: #E9F1F8!important;}
.tableList tr:nth-child(even) {background: rgba(0,0,0,.06);}
.tableList tr th {text-align: left;padding: 4px; background: rgba(0,0,0,.12);color: #000;font-size: 1.1em;height: 38px;font-weight: 300;border-bottom: 1px solid #000;}
.tableList tr td {border-bottom: 1px solid rgba(0,0,0,.1);padding:4px;}
.tableList tr:hover td { border-bottom-color: red; }

rightSide {display: table-cell;width: 100%;background-color: #E7EAED;position: relative;padding: 0px;}
top {position: relative;top:0px;left:10px;width:calc(100vw - 240px);padding: 8px 0px;display:flex; min-height:54px; flex-direction:row; align-items: center;justify-content:space-between;transition:width .4s ease-in;background-color: inherit}
.altMenuBolum{display: flex;flex-direction: row}
.altMenuBolum button{margin-right: .5rem}
content{box-sizing:border-box;  background-color:#fff;position: relative;left:10px;width:calc(100vw - 240px);padding: 10px 10px;display:none;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);transition:width .4s ease-in}
content:first-of-type{border-radius: .5rem!important}

baslikTop{color:#345374!important;box-sizing:border-box;text-align:left;font-size: 1.4em; border-bottom:1px solid #3453741f; padding:3px 0px 3px 10px;  display:block;background-color:#e0e4e8;border-top-left-radius: .3rem; border-top-right-radius: .3rem;margin: -6px -6px 20px -6px;font-weight: lighter}
.contentOverwrite{ background-color: transparent!important;border:0px!important;box-shadow: none!important; padding:0px!important;}
.profile{margin: 0px 0px 0px 10px;display:inline-flex;align-items: center;cursor: pointer; justify-content: flex-end;}
.profile button{ background-color: rgba(255,255,255,.4);color: inherit;border:none}
sessionName{ display: block;padding: 2px 6px;box-sizing: border-box; }

bottom{padding: 20px 10px;display: flex;justify-content: space-between;flex-direction: row; box-sizing: border-box;position: relative;width:calc(100vw - 260px);overflow: hidden; flex-wrap: wrap;color:rgba(0,0,0,.5)}

menuButton{display: none;float:left;font-size: 30px;margin-right: 10px; }
menuButton:before{ font-family: "Material Icons"; content: "\E5D2"; }
.menuTop {}
.menu {margin: 0px 0px 50px 10px ;-webkit-padding-start:0px;list-style: none;-webkit-margin-before: 0px;-webkit-margin-after:0px;padding:0px;position:sticky; top:60;z-index: 10;position: -webkit-sticky ;color: #4e4e4e;font-weight:lighter;}
.menuToggle{ padding:12px 10px;background-color: rgba(255,255,255,.7); width: fit-content;position: absolute;right: 0px;top:1px; display:none; z-index:100; cursor:pointer;border-left:1px solid #ccc;}
.menu li {box-sizing: border-box; text-align: left;padding: 3px 0px 3px 6px; margin:0px;display: inline-flex;cursor: pointer;width: 100%;position: relative;border-bottom: 1px solid #ccc;    border-collapse: collapse;align-items: center;}
.menu li:hover{color:white;background: rgba(73,109,194,0);
background: -moz-linear-gradient(left, rgba(73,109,194,0) 0%, rgba(0,0,0,0.22) 54%, rgba(0,0,0,0.4) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,109,194,0)), color-stop(54%, rgba(0,0,0,0.22)), color-stop(100%, rgba(0,0,0,0.4)));
background: -webkit-linear-gradient(left, rgba(73,109,194,0) 0%, rgba(0,0,0,0.22) 54%, rgba(0,0,0,0.4) 100%);
background: -o-linear-gradient(left, rgba(73,109,194,0) 0%, rgba(0,0,0,0.22) 54%, rgba(0,0,0,0.4) 100%);
background: -ms-linear-gradient(left, rgba(73,109,194,0) 0%, rgba(0,0,0,0.22) 54%, rgba(0,0,0,0.4) 100%);
background: linear-gradient(to right, rgba(73,109,194,0) 0%, rgba(0,0,0,0.22) 54%, rgba(0,0,0,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#496dc2', endColorstr='#000000', GradientType=1 );}
.menu li icon {border-radius: 50%;width:28px;height:28px;background-color: transparent;overflow: hidden;display:inline-flex;margin-right: 8px;position: relative;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: center;align-items: center;}
.menu li icon i {font-size: 22px}
.menuTitle {display: block}

iconTop {color: lightslategray; border-radius: 50%;width:30px;height:30px;float:right;background-color:#fff;border:1px solid rgba(0,0,0,.1); overflow: hidden;display:inline-flex;margin-right: 6px;position: relative;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;justify-content: center;align-items: center;}
iconTop:hover{background-color:#496DC2;color: white}
.selectedMenuArrow:after{content:url("/images/selected_arrow.png");position: absolute;right: 0px;top:0px;}
.picIcon{height: 30px;width: 30px;border-radius: 50%;border: 1px solid rgba(0,0,0,.4);overflow: hidden;}
.picIcon img{width: 30px;border-radius: 50%;height: auto}

.siralama {list-style-type: decimal;padding:0;margin-left: 28px;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}
.siralama li {margin: 6px 0px;background-color: #E3E7E9;padding:6px;font-size:1.4em;}
.siralama li span{font-size: 14px;line-height: 24px;}

.material-icons{display: inline-flex;vertical-align: sub;font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;  /* Preferred icon size */line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-16 { font-size: 16px; }

.rot:hover{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);-webkit-transition: all 400ms ease-out;transition: all 400ms ease-out;}
.ust_buton_css {background: #fff;-moz-border-radius: 2.5em ;border-radius: 2.5em;border: 2px solid #5a7fc4;padding: 5px 8px;font-size: 1em;color: #5a7fc4;text-decoration: none;white-space: nowrap;overflow: hidden; display: inline-block;}
.ust_buton_css:hover{background: #ededed;border: 2px solid lightslategray;cursor:pointer;}

.pragGray {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 16px;background-color: #ededed;box-shadow: 0px 0px 2px  0px rgba(0,0,0,.3);margin:0px 2px}

/* -------hover butonlar-------*/
.btn-circle {width: 30px;height: 30px;border-radius: 50%;border: 2px solid white;cursor: pointer;margin: 0px 4px;color: #FFF;box-shadow: 2px 2px 8px #999999;text-align: center;align-items: center;padding: 0px;}
.btn-circle i {text-align: center;align-self: center;}
.btn-circle:hover {box-shadow: none; color:#FFFFFF;border: 2px solid white; opacity:.8;}
.tr-btn {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);white-space: nowrap;}


.featherlight-close{content:"\f057"!important;; font-family: "Font Awesome 5 Free"!important;font-weight: 300!important; margin-right:5px !important; font-size:26px !important;}


.flagg { width: 24px;height: 24px;border-radius: 50%;background-color: #ffffff;border: 2px solid #ededed;cursor: pointer;margin: 0px 4px;color: #333;box-shadow: 1px 1px 4px #999999;text-align: center;align-items: center;padding: 0px; position:relative; display: flex; justify-content: center;}
.flagg i {text-align: center;align-self: center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.checkBolum{display: block;position: relative;padding-left:28px;margin-bottom:7px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;ser-select: none; font-size:14px; line-height:24px;}
.checkBolum input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark{position: absolute;top: 0;left: 0;height: 24px;width: 24px;background-color:#0000001a;border-radius:50%;border:1px solid #ccc;}
.cm1{transform:translate(-50%, -50%); left: 50%; top: 50%; background-color:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.3); margin-top:-3px;}
.checkBolum:hover input ~ .checkmark {background-color: #ccc;}
.checkBolum input:checked ~ .checkmark {background-color: #90be50;border-radius:50%;border:1px solid #90be50;}
.checkmark:after {content: "";position: absolute;display: none;}
.checkBolum input:checked ~ .checkmark:after {display: block;}
.checkBolum .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.frameHead{line-height: 34px;height: 34px;background-color: darkred;color: white;box-sizing: border-box;padding-left: 22px;font-size: 1.2em;position: relative; }

.sayilarDiv {font-family: arial;padding: 3px 6px;font-size: 12px;color: #FFF;background-color: #8b1515;text-align: center;border-radius: 2.5em}
.sayiCerceve {border-radius: 50%;border: 2px solid #575757;line-height: 30px;height: 30px;width: 30px;font-size: 20px;color: #06205d;background-color: #fff;text-align: center;font-weight: bold;}
.bilgi { font-family: arial;padding: 2px 6px;font-size: 12px;color: #FFF;text-align: center;border-radius: 2.5em; border: 1px solid #fff;font-weight: 600}

.borderShadow {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}

.kimkimdir_bolum {font-size: 16px;color: #4D4D4D;padding:6px;box-sizing: border-box;border-bottom: 1px solid #ddd;clear:both;width:100%}
.kimdirResim {width:90px;height:auto;overflow:hidden;background-color:#E3E7E9 ;float: left;padding: 12px;}

sirala {border-bottom:1px solid #ccc;border-right:1px solid #ccc;background-color:#E3E7E9;margin-bottom: 14px;display:table;width: 100%;min-height: 100px;}
.kckSira {padding:12px;min-height:auto;box-sizing: border-box;}

.gorunmeyen{display:none;}

.resimCerceve{overflow: hidden;width: 160px;border: 6px solid rgba(255,255,255,.6);-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);box-shadow: 1px 1px 0px rgba(0,0,0,0.10);height: 100px;display: flex;justify-content: center;align-items: center;position:relative;}
.portfoyDurumIcon{position: absolute;padding: 12px;color: #FFF;box-sizing: border-box;bottom:0px;left:0px;z-index: 10;border-radius: 0px 50px 0px 0px;border-top: 2px solid white;border-right: 2px solid white;box-shadow: 2px 0px 1px rgba(0,0,0,.1);}
.portfoyDurumIcon i{position: absolute; left:4px; bottom:3px; color:#FFF;}
.btn{border-radius:2.5em!important; }
.ekle{ display: flex;align-items: center}
.ekle:before{content:"\f067"; font-family: "Font Awesome 5 Free";font-weight: 900; margin-right:6px;}
.ekleM{ display:none;}

.subMenu{position:relative;margin-bottom: 20px}
.durumu-var, .durumu-yok{ list-style-type:none;}
.listchecked:before{content:"\f00c"; font-family: "Font Awesome 5 Free";font-weight: 900; margin-right:6px; color:#090;}
.listdisabled:before{content:"\f00d"; font-family: "Font Awesome 5 Free";font-weight: 900; margin-right:6px; color:#E60000;}

.aciklama{font-size: 14px;border-left:10px solid #f5d76e;text-align: left;border-bottom: 1px solid #f5d76e;border-right: 1px solid #FFC107;border-top: 1px solid #f5d76e; background-color:#fffae8; padding-left:40px;}
.aciklama:before{content:"\f05a"; font-family: "Font Awesome 5 Free";font-weight: 900; margin-right:6px;color:#f5d76e; font-size:26px; position:absolute; top:50%; transform:translateY(-50%); left:6px;}
.ikiliAlan{white-space:nowrap;}
.ikiliAlan input, .ikiliAlan select{width:110px !important;}
.ucluAlan input, .ucluAlan select{width:100px !important;}
.defaultWidth{ min-width:inherit !important; width:auto !important;}

.ayarIcon{ font-size:18px}
.profilMenu{
display: none;
padding:10px;
position:fixed;
top:37px;
z-index:100;
background-color:lightslategray;
color:#FFFFFF;
box-shadow:4px 4px 4px rgba(0,0,0,.2);
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.profilMenu div{padding:6px 10px;}
.profilMenu div:hover{ background-color:rgba(255,255,255,.2);}
.userName{display: inline-block}


section{clear: both;display: block;}
.post{min-height:500px;}
.birinciTitleBox{text-align:center; height:90px; display: flex;align-items: center;justify-content: center;color:white!important;}

.yasgunuBox{width: 140px;height: 200px;background-color: #E3E7E9;overflow: hidden;margin:8px 8px;padding: 8px; text-align: center}
.yasgunuBox img{height: 80px; width:auto;margin: 10 auto;display: block;border-radius: 50%;}

.birinciler_baslik {font-size: 1.4em;color:#0065BD;text-decoration: none;margin:0px 0px 14px 0px;   font-weight: 600;}
.pollSlider-Yorum {position:fixed;background-color:#ffffff;width:360px;right:0px;margin-right: 0px;-webkit-box-shadow: -5px 0px 3px 0px rgba(50, 50, 50, 0.34);-moz-box-shadow: -5px 0px 3px 0px rgba(50, 50, 50, 0.34);box-shadow:    -5px 0px 3px 0px rgba(50, 50, 50, 0.34);padding:5px;-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
#pollSlider-Yorum-button {position:fixed;width:26px;height:139px;right:370px;top:390px;cursor:pointer;}
.pollSlider-Odul {position:fixed;background-color:#ffffff;width:500px;right:0px;margin-right: 0px;-webkit-box-shadow: -5px 0px 3px 0px rgba(50, 50, 50, 0.34);-moz-box-shadow:   -5px 0px 3px 0px rgba(50, 50, 50, 0.34);box-shadow:    -5px 0px 3px 0px rgba(50, 50, 50, 0.34);padding:5px;-webkit-border-top-left-radius: 4px;webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
#pollSlider-Odul-button {position:fixed;width:26px;height:139px;right:510px;top:40px;cursor:pointer;	}
.hidden {opacity:0;}
.visible {opacity:1}

#tags span.tag{ cursor:pointer;display:block;float:left;color:#fff;background:#90be50;padding:2px 14px;margin-top:6px;margin-right:4px;border-radius:2.5em;line-height:24px;position:relative;}
#tags span.tag:hover{opacity:0.7;}
#tags span.tag:after{font-family:'Font Awesome 5 Free';content:"\f057";font-size:16px;width:18px;height:18px;text-align:center;margin-left:6px;right:6px;color:rgba(255,255,255,.6);}

/* ----------fadein-----------*/
.fadeInn{
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}


/*------------------select 2------*/
.s_selecet{ padding:2px 10px !important;}
.select2-container--default .select2-search--inline .select2-search__field{ background-color:transparent !important;}
.select2 {z-index:1201;	border-radius:2.5rem!important;vertical-align: middle;resize: none;box-shadow: inset 2px 4px 8px -8px rgba(0,0,0,1) !important;background-color: #0000001a!important;}
.select2-container--default .select2-selection--single{background-color:transparent !important;border:20px !important;border-radius:0;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;line-height:inherit !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ background-color:transparent !important; border:0px !important;}
.select2-container--default .select2-selection--multiple{background-color:transparent !important; border:0px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #fff !important;border-radius:2.5rem!important; margin:5px !important; }
.select2-dropdown{background-color: white;border-radius:10px!important;top:-1px;box-shadow:0px 10px 10px rgba(0,0,0,.1);	padding:1px;}
.select2-selection__rendered{ padding-left:8px !important;}
.select2-results__option{ border-bottom:1px solid rgba(0,0,0,.06); padding:2px 4px !important;}
.select2-container *:focus {outline: none;}
/*------------------------------*/





.animateBg{-webkit-animation-name: hareketli; -webkit-animation-duration: 4s; animation-name: hareketli; animation-duration: 4s;}
@-webkit-keyframes hareketli {to {background-color: #8bc34a6e;}}
@keyframes hareketli {to {background-color: #8bc34a6e;}
}


@keyframes fadein {from { opacity: 0; } to   { opacity: 1; } }
/* Firefox < 16 */
@-moz-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
/* Opera < 12.1 */
@-o-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }

.faceThumb {width: 90%;height:auto;box-shadow: 1px 1px 3px rgba(0,0,0,.5);background-color: white}
.instagramThumb { width: 140px;height:140px;box-shadow: 1px 1px 3px rgba(0,0,0,.5);background-color: white}
.twitterThumb { width: 140px;height:70px;box-shadow: 1px 1px 3px rgba(0,0,0,.5);background-color: white}
.mailThumb { width: 140px;height:200px;box-shadow: 1px 1px 3px rgba(0,0,0,.5);background-color: white}
.tabletThumb { width: 140px;height:79px;box-shadow: 1px 1px 3px rgba(0,0,0,.5);background-color: white}

.imageContainer{width: 100%;height:400px;overflow: hidden;position: relative; background-color:#666;border: 2px solid #17a2b8;}
.imageCenterer{display: flex;justify-content: center;align-items: center;}
.imageCenterer img{max-width: 100%;position: absolute;top: 50%; left:50%;transform: translate(-50%,-50%);}
.ovalDiv{border-radius: 50%;background-color: white;border: 1px solid #deb085; width: 50px;height: 50px;font-size: 20px;font-weight: bold;color: #deb085;}
.ovalDiv span{ font-weight:400; font-size:14px; color:#666; line-height:10px; margin-top:10px;}
.icMenu button{ background-color:#9c9c9c; border-radius:0px!important;}
.icMenu button:focus{outline:none!important;border:0px!important; box-shadow:none !important;}
.icMenu button:active{outline:none!important;border:0px!important; box-shadow:none !important; background-color:#deb085 !important;}

.icMenu :first-child{border-radius:2.5em 0px 0px 2.5em!important;}
.icMenu :last-child{border-radius:0px 2.5em 2.5em 0px!important;}
.icMenu  button:hover{ background-color:#848484;}
.artiEkle{padding-bottom: 6px !important; margin-left:6px !important;padding:3px 7px; cursor:pointer; font-size:1.2em;}
.mw50{width:50px; min-width:50px;}

.paper-toggle{margin:0px 6px}
.paper-toggle input:empty{visibility: hidden;display: none}
.paper-toggle input:empty ~ label{position: relative;float:left;line-height: 1em;height: 22px;width:34px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0!important}
.paper-toggle input:empty ~ label:before, 
.paper-toggle input:empty ~ label:after {position: absolute;display: block;content: ' ';-webkit-transition: all 200ms ease-in;ransition: all 200ms ease-in;}
.paper-toggle input:empty ~ label:before{top:0px;left: 0px; width: 44px;height: 22px;background-color: #ededed;border-radius: 2.5em;-webkit-box-shadow: inset -1px 0px 16p -7px rgba(0,0,0,0.8);-moz-box-shadow: inset -1px 0px 16px -7px rgba(0,0,0,0.8);box-shadow: inset -1px 0px 16px -7px rgba(0,0,0,0.8);}
input.switch:empty ~ label:after{top: 1px;left: 1px;width: 1.4em;height: 8px;bottom: 0.1em;margin-left: 0.1em;background-color: rgba(255,255,255,.6);border-radius: 50%;width: 19px;height: 19px;border-radius: 50%;}
.paper-toggle input:checked ~ label:before {background-color:#345877 ;}
.paper-toggle input:checked ~ label:after {left: 22px}
/*.pageMod{background-color:#345877;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}*/

.pageMod{background-color:#333;}
content.pageMod{background-color: rgba(255,255,255,.4)!important;}
.pBaslik.pagemod{color:#f8f9fa;}
.pBaslik.pagemod:after{background-color:#f8f9fa!important; }

.leftside{transition: max-width .4s ease-in,min-width .4s ease-in;}
.menuHide{min-width:50px;max-width:50px;}
.contentExpend{width: calc(100vw - 90px);}
.rotate180{ transform:rotate(180deg);}
.shiftUp {top:-30px; display: none}



.tgl {display: none;}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {box-sizing: border-box;}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {background: none;}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {background: none;}
.tgl + .tgl-btn {outline: 0;display: block;width: 4em;height: 2em;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {position: relative;display: block;content: "";width: 50%;height: 100%;}
.tgl + .tgl-btn:after {left: 0;}
.tgl + .tgl-btn:before {display: none;}
.tgl:checked + .tgl-btn:after {left: 50%;}

.tgl-light + .tgl-btn {background: #d4d4d4;border-radius: 2em;padding: 2px;-webkit-transition: all .4s ease;transition: all .4s ease;}
.tgl-light + .tgl-btn:after {border-radius: 50%;background: #fff;-webkit-transition: all .2s ease;transition: all .2s ease;}
.tgl-light:checked + .tgl-btn {background: #90be50;}
.featherlight-close{ background-color:rgba(0,0,0,.5)!important; border-radius:50%!important; padding:2px !important; font-size:16px !important; color:#FFF !important; width:30px !important; height:30px !important; top:8px !important; right:0px !important;}
.bg-etiket{ background-color:rgba(0,0,0,.2); padding:2px 8px; margin:1px; border-radius:6px; color:#FFF; white-space:nowrap; font-size:11px;}
.bg-rent{background-color:rgba(0,90,255,.6);color:white;}
.bg-sale{background-color:rgba(160,20,0,.6);color:white;}
.ms-options-wrap > button:focus, .ms-options-wrap > button {display: none;}
.ms-options-wrap > .ms-options{border: 1px solid #ccc !important; padding:10px; margin:2px;}
.ms-search{ margin-bottom:10px;}
.ms-options-wrap > .ms-options > .ms-search input {border-bottom:0px !important;}
.ms-options li label{border-bottom:1px solid rgba(204,204,204,.3); margin-right:10px; background-color:rgba(204,204,204,.2);}
.ms-options-wrap > .ms-options > ul label {padding: 4px 4px 4px 25px !important;}
.ms-options-wrap > .ms-options > ul li.selected label {background-color:#def1c8!important;}
.panelHome{display:none;}
.pFotoList{width:120px; height:80px;}
.tabloTdBorder  td { border-bottom: 1px solid #dee2e6 !important;}
.tabloTdBorder td, .tabloTdBorder th{ padding:5px 6px !important;}
.tableTdborder td{border-bottom: 1px !important;}

div.dataTables_processing{position:absolute; top:118px!important; background-color:rgba(255,255,255,.8)!important;background:rgba(255,255,255,.8)!important; width:300px; color:#F60 !important; height:calc(100% - 135px) !important; left:0px !important; width:100% !important; margin-left:0px !important; margin-top:0px; padding-top:60px !important; z-index:40; min-height:80px !important;}
.durumWidth{ width:20px !important;}
.dataTables_wrapper .dataTables_length select {
   border-radius: 2.5em!important;
    padding: 5px 30px 5px 8px !important;
}

.dataTables_wrapper .dataTables_filter input {
    border:inherit !important;
    border-radius: 2.5em!important;
    padding: 5px 8px!important;
}



@media only screen and  (max-width: 1280px){
	.imageContainer{height:330px;}
}


@media only screen and  (max-width: 768px) {
leftSide {display: none; width:0px; min-width:0px;z-index: 50; height:100% !important;    top: 60px !important;}
rightSide {width: 100vw;}
top {top:0px;left:10px;left:0px;position: fixed; z-index: 200;padding: 8px 10px;box-sizing: border-box;width: 100%;}
content{left:10px;width:calc(100vw - 20px);display:none; margin-top:110px;}
.menu{ top:0px;}
.menuTop {float: none;margin: 4px auto;width: fit-content; }
.ust_buton_css {display: inline-block;}
.w50,.w33,.w25,.w66 { width: 100%; margin: 10px 2px;vertical-align: top;float:none; display: block}
menuButton{display: block}
bottom{width: 100%}
.collapsed tbody tr td{height:42px!important}
sagUst{top: -0px; right:0px;}
.subMenu{ text-align:center;}
.subMenu a { margin-bottom:4px;}
input, select, textarea{ width:100% !important;}
.ikiliAlan{white-space:normal;}
.ikiliAlan input, .ikiliAlan select{width:48% !important; min-width:inherit !important;}
.dataTables_wrapper {padding-top:10px;}
logo{ display:none;}
.imageContainer{height:240px;}
.imageContainer{height:450px;}
.jcstart{justify-content: flex-start!important;}
.ekle{ display:none;}
.ekleM{display:block; width:31px; height:31px;}
.ekleM:before{content:"\f067"; font-family: "Font Awesome 5 Free";font-weight: 900; color:#28a745; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);font-size: 20px;}
.profile{ margin:1px 0px;}
.altMenuBolum{position: absolute;top:60px;transform: translateX(-50%); left: 50%; width: fit-content;}
.mposition{ position:relative !important; text-align:center;}
.icMenu{text-align:center;}
.icMenu button{border-radius:2.53em!important;}
.icMenu :first-child{border-radius:2.5em!important;}
.icMenu :last-child{border-radius:2.5em!important;}
.panelHome{display:block;}
}

@media only screen and  (max-width: 414px) {
leftSide{top: 94px !important;}
sessionName{ display:none; }
content { margin-top:106px; }
bottom{ padding: 10px 10px;display:flex;justify-content:space-between;box-sizing:border-box;flex-direction:column; align-items:center;}
.lightBox{padding:4px;}
.menuTop {display: flow-root;justify-content: center;}
.userName{display: none}
.altMenuBolum{position: absolute;}
}

@media screen and (max-width: 480px){
#alertMain{width:80%;height:300px;}
.subMenu a{padding:.2rem .75rem !important;}
.imageContainer{height:200px;}
.ms-options-wrap > .ms-options > ul label {padding: 4px 14px 4px 0px !important;}
.pFotoList{width:110px; height:74px;}
.dovizTl{ display:none;}

}