/* ----------------------- Tag Selector ---------------------------- */


html
{
	background: #fff;
	height:100%;
	padding:0;
	margin:0;
}

body
{
	
	height: 100%;
	font-family: Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	height:100%;
	padding:0;
	margin:0;
}

img
{
	border: 0;
}

form
{
	padding:0;
	margin:0;
}


a, a:link, a:visited
{
	
	text-decoration: none;
}

a:hover, a:active
{
	
	text-decoration: none;
}

/* ----------------------- Id Selector ----------------------------- */


/* ----------------------- Class Selector -------------------------- */

.Clear
{
	clear: both;
	position: relative;
	display: block;
}

.TopArea
{
	height:55px;
	padding:0px 10px 0 10px;
	margin:-1px 0 0 0;
}

.LogoArea
{
	float:left;
	margin-right:50px;
	font-family:Verdana;
    font-size:20px;
    color:#333;
    font-weight:normal;
    padding:0;
    margin:0;
    
}

.LogoArea a
{
    color:#333;
}

.Logout
{
	float:right;
	margin:4px 10px 20px 0;
	font-weight:bold;
}

.Logout a
{
	color:#000;
}

.SideArea
{
	width:12%;
	margin-right:10px;
	float:left;
	margin-left:2px;
}

.ContentArea
{
	width:85%;
	float:left;
	margin-right:5px;
}

.ContentAreaFull
{
	width:99%;
	float:left;
	margin-right:5px;
}

.ContentSingle
{
    padding:0 10px 0 10px;
}

.PageHeader
{
	font-size:18px;
	font-weight:normal;
	color:#333;
	padding: 10px;
	background-color: #eee;
	border-bottom: solid 1px #ccc;
	margin-bottom:10px;
	text-align:center;
}

.ExpArea
{
	width:100%;
	background-color:#f5f5f5;
	border:solid 1px #ccc;
	color:#333;
	margin-bottom:10px;
	padding:10px;
}

.HighlightArea
{
	width:100%;
	background-color:#ffe45c;
	border:solid 1px #fed22f;
	color:#555;
	margin-bottom:10px;
	padding:10px;
}

.ErrorArea
{
	width:100%;
	background-color:#b81900;
	border:solid 1px #900;
	color:#fff;
	margin-bottom:10px;
	padding:10px;
}


.CommentArea
{
	color:#555;
	display:block;
	padding:10px;
	margin:10px;
	border-left:solid 5px #ccc;
	font-style:italic;
}

.ButtonArea
{
	margin-bottom:10px;
}

.ButtonArea td
{
	padding:2px;
}

.DescriptionArea
{
	color:#333;
	display:block;
	margin-bottom:10px;
}

.CenterArea
{
	margin:10px 0 10px 0;
}

.CenterLeftArea
{
	margin:10px 10px 10px 0;
	float:left;
}

.CenterRightArea
{
	margin:10px 0 10px 0;
	float:right;
}

.AttributeArea
{
	width:100%;
	background-color:#eaf0f8;
	border:solid 1px #aecaf0;
	color:#333;
	margin-bottom:10px;
	padding:10px;
	clear:both;
}

.AttributeArea li
{
	width:360px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
	display:inline;
}

.AttributeArea li strong
{	
	margin-right:2px;
	display:inline;
}

.AttributeArea li span
{
	margin-left:5px;
	display:inline;
}

.HiddenArea
{
	display:none;
}

.HiddenAreaControl
{
	float:right;
	font-size:12px;
	font-weight:bold;
	margin:10px 10px -20px 10px;
}

.HiddenAreaControl a
{
	padding:5px;
	background-color:#e0edff;
	color:#333;
}

.FormArea
{
	margin:10px 0 10px 0;
}

.VSperator5
{
	display:block;
	height:5px;
}

.VSperator10
{
	display:block;
	height:10px;
}

.VSperator15
{
	display:block;
	height:15px;
}

.VSperator20
{
	display:block;
	height:20px;
}

.VSperator25
{
	display:block;
	height:25px;
}

.VSperator30
{
	display:block;
	height:30px;
}

.dxgvFocusedRow_Aqua td
{
	background-color:#ff9c3c;
}

.dxgvFocusedGroupRow_Aqua td
{
	background-color:#ffbd69;
}

.AppStat, .AppSummery
{
	display:none;
}

.BrowserAlert
{
	background-color:#ffe45c;
	border-bottom:solid 1px #555;
	font-size:14px;
	color:#363636;
	line-height:20px;
	text-align:center;
	position:absolute;
	z-index:1000;
	width:100%;
	display:none;
}

.BrowserAlert div
{
	padding:10px;
}

.BrowserAlert a
{
	margin:0 20px 0 20px;
	color:#555;
	font-weight:bold;
	font-size:12px;
}

.BrowserAlert .CloseButton
{
	float:right;
}

.LoginAlert
{
	padding:10px;
	color:#333;
	font-size:13px;
	text-align:center;
	display:block;
	clear:right;
	margin-bottom:10px;
	background-color:#ffe45c;
	border:solid 1px #fed22f;
}

.dxgvTable_Aqua a, .dxgvTable_Aqua a:link, .dxgvTable_Aqua a:visited
{
	color: #000 !important;
	text-decoration: none;
}

.dxgvTable_Aqua a:hover, .dxgvTable_Aqua a:active
{
	color: #900 !important;
	text-decoration: none;
}

.dxtlNode_Aqua td a, .dxtlNode_Aqua td a:link, .dxtlNode_Aqua td a:visited
{
	color: #c00 !important;
	text-decoration: none;
}

.dxtlNode_Aqua td a:hover, .dxtlNode_Aqua td a:active
{
	color: #f00 !important;
	text-decoration: none;
}

.SpacerTd
{
    height:5px;
}

.ContentUser
{
   vertical-align:middle;
}

.ContentUser td
{
   vertical-align:middle;
}

.AlignTop
{
   vertical-align:top !important;
}

.AgentText
{
    font-family:Arial;
    font-size:12px;
    color:#333;
    border:solid 1px #fed22f;
    padding:5px;
    margin-bottom:10px;
    background-color:#FFF8B2;
    font-weight:bold;
}




.CMScriptTwoLine
{
    font-size:x-small;
    width:100%;
    color:Maroon;
    height : 27px;
}

.CMScriptOneLine
{
    font-size:x-small;
    width:100%;
    color:Maroon;
    height : 13px;
}
.CMScriptThreeLine
{
    font-size:x-small;
    width:100%;
    color:Maroon;
    height : 42px;
}
.CMScriptFourLine
{
    font-size:x-small;
    width:100%;
    color:Maroon;
    height : 56px;
}

.SmallPopup *
{
    font-size:10px !important;
}

.ReportDataTable
{
    width:100%;
    margin:10px 0px 0px 0px 0px;
}

.logo
{
    background:url(../Image/Logo_Mobilexpress.png?v=201) no-repeat; float:left; margin-top:10px;
}

#LoginArea
{
    -webkit-box-shadow:  0px 0px 30px 1px #ccc;
    box-shadow:  0px 0px 30px 1px #ccc;
    border:solid 1px #ccc;
    width:300px;
    text-align:right;
    margin:100px auto;
    padding:25px;
    -webkit-border-radius: 9px;
    border-radius: 9px; 
}

.LoginForm {
    width:280px;
    margin:0 auto;
}
#LoginBox
{
	margin:100px auto;
}

.FormLabel
{
	padding-right:10px;
    text-align:right; 
    width:80px;
    
}

#TopOne
{
    margin:0;
    padding:0;
    display:block;
    position:relative;
}

#TopBox
{
    border-collapse:separate !important;
    margin:0;
    padding-left:10px;
    padding-right:10px;
    width:100%;
    height:50px;
    font-size:12px;
}

#TopBoxLeft
{
    width:200px;
}

#TopBoxCenter
{
    text-align:center;
    font-size:18px;
}

#TopBoxRight
{
    width:230px;
    text-align:right;
    line-height:17px;

}

#TopBoxRight span
{
    display:inline-block;
}

#TopBox a
{
    color:#333;
    text-decoration:none;
    font-size:12px;
    display:inline-block;
}

#TopTwo
{
    background: url(../Image/header-top-bg.png) repeat-x left top;
    margin:0;
    padding:0;
    height:60px;
    text-align:center;
    border-bottom:solid 8px #333;
}

#TopTwo a
{
    margin:0;
    padding:14px 25px 14px 25px;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    display:inline-block;
    line-height:16px;
    border-right:solid 1px #c2242a;
    
}

#TopTwo .Selected
{
    color:#fff;
    background-color:#333;
}

#TopTwo a:hover
{
    color:#fff;
    background-color:#222;
}

#TopTwo span
{
    display:block;
}

.dxgvFilterBarExpressionCell_Aqua a
{
    color:#333;
    white-space:nowrap;
    margin-left:5px;
}

.Hola1
{
    height:2px;
}
.Hola2
{
    height:8px;
}

.WrapBreakWord
{
    word-wrap:break-word;
}

.iletisim .title{background: url("../Image/contact-icon.png") no-repeat; background-position: left center; height: 100px; display: inline-block; width: 100%; font-family: 'pf_handbook_proextra_thin'; color: #e74c3c; font-size: 30px; line-height: 100px; padding-left: 107px; border-bottom: 1px solid #ececec; }
.iletisim .customer-service{overflow: hidden; padding-left: 10px; padding-right:10px; float:right;  }
.iletisim .customer-service .title{background: url("../Image/customer-service.png") no-repeat; background-position: left center;  }
.iletisim .customer-service .items{padding-top: 24px}
.iletisim .customer-service .items .item{ padding-left: 93px; height: 73px; width: 350px; display: block; line-height: 73px; color: #000000; font-size: 20px; font-family: 'pf_handbook_proregular'; margin-bottom: 24px;-webkit-box-shadow: 0px 1px 5px 0px rgba(188, 188, 188, 0.75);-moz-box-shadow: 0px 1px 5px 0px rgba(188, 188, 188, 0.75); box-shadow: 0px 1px 5px 0px rgba(188, 188, 188, 0.75); }
.iletisim .customer-service .items .item a{ color: #000000; font-size: 20px; font-family: 'pf_handbook_proregular'; }
.iletisim .customer-service .items .item.big{ height: auto; font-size: 20px; color: #000000;  font-family: 'pf_handbook_proextra_thin'; padding: 15px; line-height: 22px;}
.working-hours{background: url(../Image/workinghours.png) no-repeat; background-position: 20px center}
.phone{background: url(../Image/phone.png) no-repeat; background-position: 20px center}
.mail{background: url(../Image/mail.png) no-repeat; background-position: 20px center}
.building{background: url(../Image/building.png) no-repeat!important; background-position: left center!important}
.pdf{background: url(../Image/pdf.png) no-repeat; background-position: 20px center}
.archieve{background: url(../Image/rar.png) no-repeat; background-position: 20px center}


.iletisim .documents{float: left ; width: 643px; padding-left:5px;}
.iletisim .documents .title{background: url(../Image/doc_icon.png) no-repeat!important; background-position: left center!important  }

.iletisim .limits{float: left ; width: 430px; padding-left:5px;}
.iletisim .limits .title{background: none; padding-left:0!important; height:50px; border-bottom:none; }

.nowrap textarea 
{
    white-space: pre-wrap;
}

#TopTwo .dropdown {
    position: relative;
    display: inline-block;
}

#TopTwo .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;

}

#TopTwo .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-right: none;
    font-size: 12px;
}
#TopTwo .dropdown-content a:hover {
    color:#FFF;
}


#TopTwo .dropdown:hover .dropdown-content {
    display: block;
}

#TopTwo .dropdown:hover .dropbtn {
    background-color: #222;
}

#TopTwo .dropdown-content a.Selected {
    color: #fff;
}

#TopTwo .hassubmenu .dropdown-content{
    display:none !important;
}

#TopTwo .hassubmenu:hover .dropdown-content{
    display:block !important;
}
#TopTwo .hassubmenu:hover .dropdown-content .a {
    
}
.EditTable{
    border-collapse:separate !important;
    border-spacing:5px !important;
}

.Link{
    color:#e03939;
    font:11px Verdana, Geneva, sans-serif;
    cursor:pointer;
}

#captcha_TB_CC .dxeTextBoxSys {
    width:200px !important;
}

.btn-change-password{
    margin-right:28px;
}