﻿a{outline:none !important;}
button{outline:none !important;}
.table-cell{display:table-cell;vertical-align:middle;}
/*Fancybox*/
.fancybox-content{padding-top:65px;padding-left:15px;padding-right:15px;}
.fancybox-content .title{
position:absolute;
top:0;
left:0;
background-color:#78C2B5;
height:50px;
display:table;
width:100%;
padding-left:15px;
padding-right:50px;
}
.fancybox-content .title span{
font-size:18px;
font-family:'ralewaybold';
color:#ffffff;
display:table-cell;
vertical-align:middle;
}

.fancybox-search .col .searchbtn{
position:absolute;
right:0px;
top:0;
height:38px;
width:38px;
border-radius:0px 3px 3px 0px;
background-color:#78C2B5;
background-image:url(../images/searchbtn.png);
background-repeat:no-repeat;
background-position:center top;
-webkit-transition: background-position 0.35s, background-color 0.35s;
transition: background-position 0.35s, background-color 0.35s;
}
.fancybox-search .col .searchbtn:hover{
text-decoration:none;
background-color:#5fb5a6;
background-position:center bottom;
}
.fancybox-search .col .searchbtn:focus{text-decoration:none;}


.contentnp{padding-top:0px;}

.contentnp .insurance-tracking{background-image:url(../images/insurance-tracking.jpg);}
.contentnp .user-tracking{background-image:url(../images/user-tracking.jpg);}

.contentnp .block{
background-color: #e3dada;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
height:488px;
display:table;
color:#ffffff;
width:100%;
}

.contentnp .block .title{
font-size:30px;
font-family:'ralewaythin';
line-height:30px;
text-align:center;
margin-bottom:30px;
}

.contentnp .block .cont{
font-size:14px;
font-family:'ralewaythin';
line-height:18px;
text-align:center;
margin-bottom:20px;
}

.contentnp .block form{padding-left:150px;padding-right:150px;}

.contentnp .block form .icon{
position:absolute;
left:4px;
top:12px;
width:50px;
height:28px;
background-repeat:no-repeat;
background-position:center center;
border-right:1px solid #a6a1a3;
}

.contentnp .insurance-tracking  form .mail .icon{
background-image:url('../images/mail-icon-red.png');
}
.contentnp .insurance-tracking  form .password .icon{
background-image:url('../images/password-icon-red.png');
}

.contentnp .user-tracking  form .mail .icon{
background-image:url('../images/mail-icon-orange.png');
}
.contentnp .user-tracking  form .password .icon{
background-image:url('../images/password-icon-orange.png');
}

.contentnp .block form .form-control{
height:50px;
padding-left:60px;
}
.contentnp .insurance-tracking form .form-control:focus{

box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(204, 0, 0, 0.6)
}
.contentnp .user-tracking form .form-control:focus{

box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 126, 0, 0.6)
}

.contentnp .block .login{width:100%;height:auto;overflow:hidden;}
.contentnp .block .login .btn{
height:52px;
width:175px;
padding-right:52px;
text-align:left;
position:relative;
color:#ffffff;
font-size:14px;
font-family:'ralewaymedium';
float:none;
display:table;
margin:0 auto;
}
.contentnp .block .login .btn::after{
height:52px;
width:52px;
position:absolute;
right:-1px;
top:-1px;
background-repeat:no-repeat;
background-position:center center;
content:"";
border-radius:0px 3px 3px 0px;
background-image:url('../images/login-icon.png');
}


.contentnp .insurance-tracking .login .btn{background-color:#cc0000;}
.contentnp .insurance-tracking .login .btn:hover{background-color:#b70000;}
.contentnp .insurance-tracking .login .btn::after{background-color:#990000;}

.contentnp .user-tracking .login .btn{background-color:#ff7e00;}
.contentnp .user-tracking .login .btn:hover{background-color:#ff6b19;}
.contentnp .user-tracking .login .btn::after{background-color:#ff5b00;}


.contentnp .block .forgotpassword{display:block;text-align:center;margin-top:50px;}
.contentnp .block .forgotpassword a{
color:#ffffff;
font-size:14px;
font-family:'ralewaythin';
text-decoration:underline;
}
.contentnp .block .forgotpassword a:hover{color:#a09b9e;}


.contentnp .block .passwordlogin{display:none;margin:20px auto 20px;}
.contentnp .block .passwordlogin .btn{
height:52px;
width:175px;
text-align:center;
position:relative;
color:#ffffff;
font-size:14px;
font-family:'ralewaymedium';
float:none;
display:table;
margin:0 auto;
}
.contentnp .insurance-tracking .passwordlogin .btn{background-color:#cc0000;}
.contentnp .insurance-tracking .passwordlogin .btn:hover{background-color:#b70000;}

.contentnp .user-tracking .passwordlogin .btn{background-color:#ff6b19;}
.contentnp .user-tracking .passwordlogin .btn:hover{background-color:#ff5b00;}

.contentnp .block .passwordloginscreen{margin:20px auto 20px;}

.contentnp .block .passwordloginscreen form .mail .icon{
background-image:url('../images/mail-icon-red.png');
}
.contentnp .block .passwordloginscreen .btn{
height:52px;
width:175px;
text-align:center;
position:relative;
color:#ffffff;
font-size:14px;
font-family:'ralewaymedium';
float:none;
display:table;
margin:0 auto;
background-color:#cc0000;
}
.contentnp .block .passwordloginscreen .btn:hover{background-color:#b70000;}

/* Forms */
form{position:relative;}
form .row{
margin-left:-5px !important;
margin-right:-5px !important;
}

form .row .col{
padding-left:5px;
padding-right:5px;
margin-bottom:5px;
}

form .row .button{
padding-left:5px;
padding-right:5px;
}

form .form-control{
background-color:#ffffff;
height:38px;
border:none;
box-shadow:none;
border:1px solid #f1f1f1;
color:#48443f;
font-family: 'ralewaylight';
border-radius:3px;
font-size:13px;
margin-bottom:8px;
-webkit-transition: border 0.65s, background-color 0.65s;
transition: border 0.65s, background-color 0.65s;
}

.form-control::-moz-placeholder{color: #48443f;}

form .form-control::-moz-placeholder{color:#48443f;}

form .form-control:focus{border:1px solid #b2b2b2;box-shadow:none;}

form textarea.form-control{height:auto;}
form .row .col .select-box .select{
background-color: #ffffff;
background-image: url("../images/select-arrow.png");
background-position: right center;
background-repeat: no-repeat;
color: #48443f;
font-size: 13px;
font-family: 'ralewaylight';
border:1px solid #f1f1f1;
height:38px;
line-height: 38px;
padding-left:12px;
position: absolute;
right: 0px;
top: 0px;
width: 100%;
text-align:left;
border-radius:3px;
}

form .row .col .select-box{
position:relative;
}

form .row .col .select-box select{
height:38px;
opacity: 0;
width: 100% !important;
margin-bottom:0px;
}

form .datetitle{
padding-left:5px;
padding-right:5px;
display:block;
font-size:13px;
font-family:'ralewaylight';
color:#48443f;
margin-bottom:7px;
}

form .datepickericon{
background-image:url(../images/hasDatepicker.png);
background-repeat:no-repeat;
background-position:right center;
position:absolute;
height:40px;
width:23px;
right:15px;
top:0px;
}

form .row .col .resecurity{
position:relative;
background-color:#ffffff;
border:1px solid #ececec;
height:38px;
border-radius:3px 3px 3px 3px;
padding-right:38px;
/*background-image:url(../images/captcha.png);*/
background-repeat:no-repeat;
background-position:center center;
font-size:20px;
font-weight:bold;
text-align:center;
vertical-align: middle;
padding-top:5px;
}

form .row .col .resecurity a{
position:absolute;
right:0;
top:0;
width:38px;
height:38px;
top:-1px;
right:-1px;
background-color:#CC0000;
border-radius:0px 3px 3px 0px;
}

form .row .col .resecurity a span{
width:38px;
height:38px;
display:block;
background-image:url(../images/resecurity.png);
background-repeat:no-repeat;
background-position:center center;
-webkit-transition: rotate 0.35s, -webkit-transform 0.35s;
transition: rotate 0.35s, transform 0.35s;

}

form .row .col .resecurity a:hover span{
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}


form .row .col .file-upload{position:relative;}
form .row .col .file-upload .input-group{
color:#48443f;
font-family: 'ralewaylight';
font-size: 13px;
height:38px;
left: 0;
padding-left: 12px;
position: absolute;
top: 0;
background-color:#ffffff;
border:1px solid #f1f1f1;
background-image:url(../images/fileupload.png);
background-repeat:no-repeat;
background-position:right center;
line-height:38px;
width:100%;
overflow:hidden;
padding-right:50px;
text-align:left;
border-radius:3px;
}

form .row .col .file-upload input{opacity:0;cursor:pointer;}


form .send-btn{
float:right;
padding-left:20px;
padding-right:20px;
padding-top:8px;
padding-bottom:8px;
background-color:#40DDBE; 
background-image:url(../images/send.png);
background-repeat:no-repeat;
background-position:right center;
border-radius:0px;
color:#ffffff;
font-size:16px;
font-family: 'ralewaymedium';
width:100%;
-webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
transition: background-color 0.35s, transform 0.35s;
margin-top:10px;
}

form .send-btn:hover{background-color:#36c9ac;color:#ffffff;}
/* Forms Son */


/** Küçük Tablet **/
@media (max-width: 767px) {
.contentnp .block form {padding-left: 100px;padding-right: 100px;}
}

/** Telefon **/
@media (max-width: 480px){
.contentnp .block form {padding-left:15px;padding-right:15px;}
}