::selection {background: #1a73ad; color: #fff; text-shadow: none;}
::-moz-selection {background: #1a73ad; color: #fff; text-shadow: none;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box;}
*:before, *:after{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box;}
body{background:#FFF; margin:0px; padding:0px; font-size:14px; color:#3d3d3d; line-height:normal; background-size:100% auto; font-weight:400; font-family: 'Roboto', sans-serif; letter-spacing:0px; overflow-x: hidden; }
a{ color:#3d3d3d; outline:none; border:0px; text-decoration:none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: none; }
a:active, a:hover, a:focus{ outline:none; border:0px; text-decoration:none; color:#2479b1; box-shadow: none;}
input, button, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus{ font-family: 'Roboto', sans-serif;    outline:none;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px; line-height: normal; text-transform: initial; letter-spacing:0px; font-family: 'Roboto', sans-serif; }
ul, li{margin:0px; padding:0px; list-style:none; }
h1{font-size: 3.0625em; font-family: 'Roboto', sans-serif;}
h2{font-size: 3.125em; font-family: 'Roboto', sans-serif;}
h3{font-size: 2.1875em; font-family: 'Roboto', sans-serif;}
h4{font-size: 1.875em; font-family: 'Roboto', sans-serif;}
h5{font-size: 1.500em; font-family: 'Roboto', sans-serif;}
h6{font-size: 1.250em; font-family: 'Roboto', sans-serif;}
p{ line-height:30px; margin-bottom: 20px;}
p:last-child{ margin-bottom:0px;}
img{ max-width: 100%;}

.aleft {text-align: left;}
.acenter {text-align: center;}
.aright {text-align: right;}
.fleft {float: left;}
.fright {float: right;}
.rowdisplay{ display: flex; flex-wrap: wrap; flex: 1; flex-direction: row; justify-content: space-between;}
.btn{ font-size: 1em;}
.dropdown .dropdown-menu{ border-radius: 0px; right: 0px; }
.container{max-width: 1430px;}

header{ border-top: 0.929em solid #113cc7; margin-bottom: 15px;}
.headerrow1{ padding: 1.714em 0px;}
.headerrow1 .headerrow1left{ display:flex; align-items: center;}
.headerrow1 .headerrow1left .logotag{ border-left:1px solid #dadada; padding-left: 2em; }
.userloginright{ flex: 0 0 40%; text-align: right;}
.logindropdown{ display: inline-block;}
.logindropdown select{ border: 1px solid #dedede; min-width: 180px; text-align: left; line-height: 35px; height: 35px; padding: .375rem .75rem;}
.logindropdown select option{ line-height: 30px;}
.logindropdown .btn{ border: 1px solid #dedede; min-width: 180px; text-align: left; position: relative; border-radius:0px; }
.logindropdown .btn:after{ position: absolute; right:15px; top: 50%; transform: translateY(-50%);}
.logindropdown .dropdown-menu{ left: inherit; font-size: 1em; margin: 0px; padding: 0px;}
.logindropdown .dropdown-menu a{padding-top:0.5em; padding-bottom:0.5em;}
.logindropdown .dropdown-menu a:hover{ background: #1b1d6a; color: #fff;}
.loginblock{ display: flex; flex-direction: row; background: #ececec; border: 1px solid #dedede; padding:8px 5px; margin-top: 15px;}
.loginblock .form-group{ margin-bottom: 0px; padding: 0px 2px;}
.loginblock .form-group .form-control{ border:1px solid #8e8e8e; border-radius: 0px; font-size: 1em;}
.loginblock .form-control-captcha{max-width:105px}
.loginblock .form-control-captcha .form-control{min-height:35px;padding:.25rem}
.loginblock .captcha-image img{min-height:35px;width:auto !important;height:auto !important;max-width:inherit;}
.loginblock button[type="submit"]{ background: #cf760d; border:1px solid #cf760d; border-radius: 0px;}
.loginblock button.btn-primary.focus, .loginblock button.btn-primary:focus{box-shadow:0 0 0 0.2rem rgba(207,118,13,.5);}

.mainlinks{ background: #1b1d6a; color: #fff;}
.mainlinks .navbar-nav{ flex: 1;}
.mainlinks li{ border-right:1px solid #595a92; flex: 1;}
.mainlinks li:last-child{ border-right:0px; }
.mainlinks li a{ color: #fff; text-align: center; padding: .7rem 1rem;}
.mainlinks li a:hover{ background: rgba(0,0,0,0.3);}
.mainlinks li a i{ width: 36px; height: 27px; display: inline-block; background: url(../images/toplinks-icon.png) no-repeat;}
.mainlinks li a i.toplinksicon1{background-position: 0px 0px;}
.mainlinks li a i.toplinksicon2{background-position: -36px 0px;}
.mainlinks li a i.toplinksicon3{background-position: -72px 0px;}
.mainlinks li a i.toplinksicon4{background-position: -108px 0px;}
.mainlinks li a i.toplinksicon5{background-position: -144px 0px;}
.mainlinks li a i.toplinksicon6{background-position: -180px 0px;}
.mainlinks li a span{ display: block; margin-top:5px;}

.mainlinks li .dropdown-menu{ background: #113cc7; text-align: left; border:0px; padding: 0px; margin-top: 0px;}
.mainlinks li .dropdown-menu li{ padding: 0.8em 0.8em; border-bottom: 1px solid #395dd0;}
.mainlinks li .dropdown-menu li a{ text-align: left; padding: 0em 0em;}
/*background: url(../images/menuarrow.png) no-repeat right center;*/
.mainlinks li .dropdown-menu li:hover{ background: rgba(0,0,0,0.3);}
.mainlinks li .dropdown-menu li:hover a{color: #fff; }
.mainlinks li.dropdown:hover > .dropdown-menu {display: block;}
.mainlinks li .dropdown-menu li a:hover {background:none;}

footer{ background: #292a4c; font-size: 0.929em; color: #fff; padding: 0.8em 0px; line-height: normal;}
.footerlinks a{ color: #fff; padding: 0px 0.8em;}


.mainbanner{ flex: 1 0 auto; margin-right: 1em;}
.mainbanner .carousel-control-prev{ justify-content: flex-start;}
.mainbanner .carousel-control-next{ justify-content: flex-end;}
.mainbanner .carousel-control-next-icon{ width:48px; height: 48px; text-align: center; background:#cf760d url(../images/banner-arrow.png) no-repeat center center; }
.mainbanner .carousel-control-prev-icon{width:48px; height: 48px; text-align: center; background:#cf760d url(../images/banner-arrow.png) no-repeat center center; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg);}
.usefullinks{flex:0 1 390px; background: #292a4c; padding: 1.5em 0.9em;}
.usefullinks h5{ color: #fff; text-align: center; margin-bottom:1em ;}
.usefullinks li{ padding: 5px 5px; flex: 0 0 50%;}
.usefullinks li a{ background: #ffffff; display: block; text-align: center; padding: 8px;}

.serviceicon{ margin:2.143em 0px;}
.serviceicon li{ flex:1; min-height: 80px; display: flex; align-items: center; justify-content: center; border-right:1px solid #d7d7d7;}
.serviceicon li a{ color:#3d3d3d;}
.serviceicon li a{ display: inline-block;}
.serviceicon i{ width:54px; height: 46px; display:inline-block; content: ""; background: url(../images/footericon.png) no-repeat; vertical-align: middle; margin-right: 2.143em;}
.serviceicon i.serviceicon1{ background-position:0px 0px;}
.serviceicon i.serviceicon2{ background-position:-54px 0px;}
.serviceicon i.serviceicon3{ background-position:-108px 0px;}
.serviceicon i.serviceicon4{ background-position:-162px 0px;}

.sociallinks{ position: fixed; left: 0px; top: 50%; transform: translateY(-50%); z-index: 1;}
.sociallinks li{ margin-bottom: 1px;}
.sociallinks li a{ width: 62px; height: 62px; display:block; background: url(../images/sociallinks.png) no-repeat; content: "";}
.sociallinks li:hover a{ background: url(../images/sociallinks-hover.png) no-repeat;}
.sociallinks li.facebook a{background-position:0px 0px}
.sociallinks li.twitter a{background-position:0px -62px}
.sociallinks li.googleplus a{background-position:0px -124px}
.sociallinks li.pinterest a{background-position:0px -186px}
.sociallinks li.instagram a{background-position:0px -248px}
.sociallinks li.youtube a{background-position:0px -310px}


.subbanner{ margin-top: -15px; color: #fff; margin-bottom: 50px;}
.subbanner .container{ height: 175px; align-items: center;}
.subbanner .breadcrumbs a{ color: #fff;}

.staticpage h2{ font-size: 2.1875em; border-bottom: 1px solid #cececf; display: flex; flex-direction: row; flex: 1; padding-bottom: 0.5em; margin-bottom: 1em;}
.staticpage p:last-child{ margin-bottom: 60px; }
.staticpage ul{margin-bottom: 60px; }
.staticpage ul li{ background: url(../images/list-icon.png) no-repeat left 3px; margin-bottom: 0.8em; padding-left: 2em; line-height: 1.5em;}

.forgotpassword-align { flex: 0 0 425px; text-align: center;}
.front-footer {position: fixed; bottom: 0; width: 100%;}

.m-form .m-form__group label.error {color: #f4516c;font-style:italic;font-size:13px;}

.m-input-icon {
    position: relative;
    padding: 0;
    width: 100%;
}
.m-portlet .m-portlet__body {
    color: #575962;
}
.m-input-icon > .m-input-icon__icon > span > span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 0;
    font-size: 1rem;
}
.m-input-icon.m-input-icon--left .form-control {
    padding-left: 3.1rem;
}
.m-input-icon > .m-input-icon__icon > span {
    display: table;
    height: 100%;
    width: 100%;
    color: #575962;
    border-color: #ebedf2;
    background-color: #f4f5f8;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0.25rem;
}
.m-input-icon > .m-input-icon__icon.m-input-icon__icon--left {
    left: 0;
}
.m-input-icon > .m-input-icon__icon {
    position: absolute;
    height: 100%;
    display: inline-block;
    text-align: center;
    top: 0;
    width: 2.9rem;
}
.dataappend { margin-top: 20px; }
.m-form .m-form__group label.error {color: #f4516c;font-style:italic;font-size:13px;}

.staticpage ul {width:100%;}

.title2 {text-align:center; width:100%;  font-size: 16px; font-weight:normal; margin-bottom: 25px;}
.title2 strong{display: block; font-size:18px; font-weight:600;}

.addressbox {width:100%; display: flex; flex-wrap:wrap; margin-bottom:60px; border-top:solid 1px #dfdfdf; border-left:solid 1px #dfdfdf;}
.addressbox .box {width:33.33%; position:relative; padding:40px 35px; font-size: 16px; line-height:24px; border-right:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf;}
.addressbox .box:before {content:""; position:absolute; right:20px; bottom:0px; width:215px; height: 166px;}
.addressbox .box.telephone strong{display:block;}
.addressbox .box.headoffice:before {background:url(../images/contacticon.png) 47px 0px no-repeat; }
.addressbox .box.telephone:before {background:url(../images/contacticon.png) -419px 0px no-repeat; }
.addressbox .box.email:before {background:url(../images/contacticon.png) -865px 0px no-repeat; }


.address-table {margin-bottom:60px; width:100%;}
h1.title-big {font-size:24px; color:#2a2a2a; width:100%; text-align:center; margin-bottom:20px;}
.address-table table{border-top:solid 1px #dfdfdf; border-left:solid 1px #dfdfdf;}
.address-table table tr th {background:#292a4c; padding:17px; font-size:16px; color:#FFF; font-weight:bold;border-right:solid 1px #dfdfdf;}
.address-table table tr th:last-child {border-right:0px;}
.address-table table tr td{border-right:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf; font-size:14px; line-height:24px; padding:15px;}
.address-table table tr td:nth-child(2) {font-weight:bold;}
.address-table table tr td:last-child{word-break:break-all;}
.address-table table tr td br {display:none;}
.address-table.website table tr td:nth-child(7){word-break:break-all;}

.contact-div {width:100%; margin-bottom:40px;}
.contactbg {background:url(../images/contactbg.jpg) center center no-repeat; background-size: cover; padding: 50px 40px 60px 40px; margin-bottom:25px;}
.contactbg h2 {font-size:35px; font-weight:bold; color:#FFF; max-width:225px;}
.contactbg p {font-size:20px; line-height:24px; font-weight:300; color:#FFF; margin-bottom:40px;}
.contactbg p:last-child {margin-bottom:0px;}
.contactbg p strong{font-size:16px; font-weight:600; color:#FFF; display:block;}

.contactform h3 {margin-bottom:30px; font-size:1.714em; color:#202020; padding-bottom:20px; border-bottom:solid 1px #c1c1cb;}
.contactform .row {margin-bottom:28px; margin-left:-10px; margin-right:-10px;}
.contactform .col-lg-3, .contactform .col-lg-6, .contactform .col-lg-4, .contactform .col-lg-12 {padding:0px 10px;}
.contactform select {padding:11px 12px; border:solid 1px #dadada; width:100%;}
.contactform input[type='text'] {padding:11px 12px; border:solid 1px #dadada; width:100%;}
.contactform textarea {padding:11px 12px; border:solid 1px #dadada; width:100%; height: 96px;}
.browse {position:relative; padding:4px 0px;}
.browse input[type="file"]{position:absolute; top:0px; left:0px; width:100%; height: 100%; opacity:0;}
.browse span {display:inline-block; font-style: italic; font-weight:bold; line-height:34px;}
.browse span.browsebtn {float:right; line-height:34px; padding:0px 13px; background:#696969; color:#FFF;}
.contactform button.submit {background:#db7906; color:#FFF; border:0px; padding:7px 15px; cursor: pointer;}
.contactform a.submit {background:grey; color:#FFF; border:0px; padding:7px 15px; cursor: pointer;}

.radio {display:inline-block; margin-top:8px; margin-right:40px; outline:0px; border:0px; }
.radio-custom {opacity: 0; position: absolute;}
.radio-custom, .radio-custom-label {display: inline-block; vertical-align: middle; margin:0px; cursor: pointer; border:0px; outline:0px;}
.radio-custom-label {position: relative;}
.radio-custom + .radio-custom-label:before {content: ''; background:#fff; border:1px solid #2f2f2f; display: inline-block; vertical-align: middle; width:18px; height:18px; padding: 2px; margin-right:5px; margin-top:-3px; text-align: center;}
.radio-custom + .radio-custom-label:before {border-radius: 50%;}
	.radio-custom:checked + .radio-custom-label:before {color: #bbb; background:url(../images/checked-img.jpg) center center no-repeat ;}
    
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loader {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('../images/ajax-loader.gif') 
        50% 50% 
        no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loader {
    display: block;
}
.maincontent {margin-bottom:60px;}
.vessel-label { font-size: 1rem; font-weight:bold;margin-bottom: 5px;line-height: 16px; }
.vessel-note { font-size: 11px;font-style: italic;margin-top: 5px; }
.error_placement {padding:0px 10px;}
.error_placement label{color:#E5191C;}
.custompadding .col-lg-8 {padding-left:10px; padding-right:10px;}
#eu_cer select.form-control,#non_eu_cer select.form-control,#iccat_cer select.form-control{height: calc(2.850rem + 2px);}
a.btn.cus, button.btn.cus {background: #db7906; color: #FFF; border: 0px; padding: 7px 15px; border-radius:0px; cursor: pointer;}
a:hover.btn.cus, button:hover.btn.cus, button:focus.btn.cus, button:active:focus.btn.cus {background:#1b1d6a;}

label.error {margin:5px 0px 0px; color:red;}
.dataTables_length select { width: auto !important; }
.filter-export-button { margin-left: 10px !important; float: right !important; margin-top: 4px !important; }