@charset "utf-8";



html {

    font-family: 'Roboto', sans-serif; /* 1 */

    -ms-text-size-adjust: 100%; /* 2 */

    -webkit-text-size-adjust: 100%; /* 2 */

}



body {

    margin: 0;

    font-family: 'Roboto', sans-serif; /* 1 */

}

.cursor_pointer{ cursor: pointer; }

.main{

    display: block;

    width: 100%;

    margin-bottom: 30px;

    padding: 10px 15px;

    padding-bottom: 45px;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

    display: block;

}



audio, canvas, progress, video {

    display: inline-block; /* 1 */

    vertical-align: baseline; /* 2 */

}



audio:not([controls]) {

    display: none;

    height: 0;

}

  .first_boat{ width: 100%; float: left; padding:5px; border: 1px solid #ccc;box-shadow: 0 0 3px #aaa;margin:4px 0px}

  .cbt_img{ height: 100px;

    margin: 0 auto 5px;

    position: relative;

    text-align: center;

    width: 140px;}

.cbt_img img{ /*width: 100% */ border: 1px solid #aaa;

    height: 100px;

    width: 140px;

}} 

.bt_nm{ padding: 10px 0px 2px 5px }

.edit_tab{ overflow: hidden; padding: 10px 0px}

.boat_menu { border-bottom: 1px solid #006633; width: 100%; float: left; margin:2px 0px 8px 0px;}

.boat_menu ul{ width: 100%; float:left;margin:0; padding:0;}

.boat_menu ul li { float: left; list-style: none;background: #ccc none repeat scroll 0 0;

    border-radius: 8px 8px 0 0;}

.boat_menu ul li a { float: left; padding:9px 20px; color: #000 }

.boat_menu ul li.active { background: #006633;  border-radius: 8px 8px 0 0;}

.boat_menu ul li.active a {color: #fff}

[hidden], template {

    display: none;

}



a {

    background-color: transparent;

}



a:active, a:hover {

    outline: 0;

}



abbr[title] {

    border-bottom: 1px dotted;

}



b, strong {

    font-weight: bold;

}

/*.panel-title a i {

    position: relative;

    top: -7px;

}*/



dfn {

    font-style: italic;

}



h1 {

    font-size: 2em;

    margin: 0.67em 0;

}



mark {

    background: #ff0;

    color: #000;

}



small {

    font-size: 80%;

}



sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}

sup {

    top: -0.5em;

}

sub {

    bottom: -0.25em;

}



img {

    border: 0;

}



svg:not(:root) {

    overflow: hidden;

}





figure {

    margin: 1em 40px;

}



hr {

    box-sizing: content-box;

    height: 0;

}



pre {

    overflow: auto;

}



code, kbd, pre, samp {

    font-family: monospace, monospace;

    font-size: 1em;

}





button, input, optgroup, select, textarea {

    color: inherit; /* 1 */

    font: inherit; /* 2 */

    margin: 0; /* 3 */

}





button {

    overflow: visible;

}



button, select {

    text-transform: none;

}



button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {

    -webkit-appearance: button; /* 2 */

    cursor: pointer; /* 3 */

}





button[disabled], html input[disabled] {

    cursor: default;

}





button::-moz-focus-inner, input::-moz-focus-inner {

 border: 0;

 padding: 0;

}



input {

    line-height: normal;

}



/*input[type="checkbox"], input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}

*/



input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

 height: auto;

}



input[type="search"] {

    -webkit-appearance: textfield; /* 1 */

    box-sizing: content-box; /* 2 */

}



input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

 -webkit-appearance: none;

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}





legend {

    border: 0; /* 1 */

    padding: 0; /* 2 */

}



textarea {

    overflow: auto;

}



optgroup {

    font-weight: bold;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}

td, th {

    padding: 0;

}

/* ========================================================================== */



.hr1 {

    border: 1.5px solid #204885;

    margin: 0px 0px 1px 0px;

}

.hr2 {

    border: 1.5px solid #226b35;

    margin: 0px;

}

.top-heading {

    background: #e8e8e8 none repeat scroll 0 0;

    margin: 0;

    padding: 8px;

    text-align: center;

    color: #484848;

}

.new_txtarea1.kirbytext{
    width: 100%; margin: 0;padding: 5px; position: relative;left: 0;
}

.top-heading1 {

    background: #e8e8e8 none repeat scroll 0 0;

    margin: 0;

    padding: 10px;

    text-align: center;

    color: #484848;

}

/*.newtextarea{
    padding: 75px 100px;
}*/
.menu-bg {

    background: #006633;

    height: 40px;

    overflow: hidden;

}

.signup {

    color: #006633;

    font-size: 15px;

    letter-spacing: 1px;

}

.logo-img {

    text-align: center;

    margin-top: 25px;

    margin-bottom: 5px;

}

label {

    /*letter-spacing: 1px;*/

    color:#063;

}

.forgot {

    color: #006633;

    text-decoration: underline;

    float: left;

    margin: 5px 0px;

}

.mar-btm5 {

    margin-bottom: 5px;

}

.boat {

    width: 100%;

    margin-top: 10px;

}

footer {

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index:10001;

    height: 28px;

    width: 100%;

    border-top: 1px solid #bbb;

    background: #eeeeee;

    background: -moz-linear-gradient(top, #eeeeee 0%, #afafaf 100%);

    background: -webkit-linear-gradient(top, #eeeeee 0%, #afafaf 100%);

    background: linear-gradient(to bottom, #eeeeee 0%, #afafaf 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#afafaf', GradientType=0 );

}

.copy {

    font-size: 10px;

    padding: 6px;

}

.footer-img {

    padding: 1.5px 10px;

}

.footer-img img{

    width: 48px;

}

.p-10{

    padding:10px;

}

.btn-center {

/*    width: 165px;*/

    margin: 0px auto;

}

.btn-center .btn {

    margin: 12px 8px;

}

* {

    margin: 0;

}

html, body {

    height: 100%;

}

.page-wrap {

    min-height: 100%;

    /* equal to footer height */

    margin-bottom: -28px;

}

.page-wrap:after {

    content: "";

    display: block;

}

.site-footer, .page-wrap:after {

    /* .push must be the same height as footer */

    height: 28px;

}

.cover {

    display: table;

    vertical-align: middle;

}

.cover form {

    display: table-cell;

    vertical-align: middle;

}

.blue-txt {

    color: #014ab9;

}

.box-center {

    margin-bottom: 10%;

    margin-top: 10%;

}

.mar-top10 {

    margin-top: 10px;

}

.required:after {

    content: " * ";

    color: #f00;

}

.menu-bg li {

    border-left: 1px solid #fff;

    color: #fff;

    display: inline-block;

    line-height: 20px;

    padding: 10px 5px;

    float:left;

}

.menu-bg li:last-child {

    border-right: 1px solid #fff;

    font-size: 20px;

}

.menu-bg ul {

    text-align: center;

    margin: 0px auto;

    padding: 0px;

    width: auto;

    display: table;

}



/* .active {

    background: #171616;

    background: -moz-linear-gradient(top, #171616 0%, #444344 39%, #4f4f50 100%);

    background: -webkit-linear-gradient(top, #171616 0%, #444344 39%, #4f4f50 100%);

    background: linear-gradient(to bottom, #171616 0%, #444344 39%, #4f4f50 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171616', endColorstr='#4f4f50', GradientType=0 );

} */

.logo img {

    height: auto;

    left: 5px;

    position: absolute;

    top: 10px;

    width: 56px;

    z-index: 999;

}

.logout img {

    height: auto;

    position: absolute;

    right: 5px;

    top: 9px;

    width: 28px;

}

.icon-cover {

    float: right;

}

.plus {

    padding: 8px;

    color: #004a29;

    font-size: 24px !important;

}

.delete {

    padding: 8px !important;

    color: #f00;

    font-size: 24px !important;

}

.box, .woi-box {

    height: 100px;

    margin: 0 auto 5px;

    position: relative;

    text-align: center;

    width: 140px;

}

.box1 { border: 1px solid #aaa;

    display: table;

    float: none;

    height: 140px;

    margin: 0 auto;

    position: relative;

    width: auto;

}

.box1 img { box-shadow: 0 0 3px #555;

 -webkit-box-shadow: 0 0 3px #555;

       -moz-box-shadow: 0 0 3px #555;}

.dam_box{ width:100%; margin:0; padding:0px 5px; float:left}

.browse-center .btn.btn-primary {

    margin: 3px 0;

    width: 100%;

}







.box2 {

    border: 1px solid #ccc;

    box-shadow: 0 0 3px #aaa;

     -webkit-box-shadow: 0 0 3px #aaa;

       -moz-box-shadow: 0 0 3px #aaa;

    float: left;

    margin: 5px;

    width: 140px;

    text-align: center;

    height: 140px;

}

.box2 img {

    height: 130px;

    margin: 4px;

    width: 130px;

}

.box1 img {

height: 130px;

margin: 4px;

width: 210px;

}

.box img {

    height: 100px;

    width: 140px;

    border:1px solid #aaa;

}

.clear {

    clear: both;

}

.img-cover {

    width: 100%;

    margin: 0px auto;

}

.img-cover1 {

/*    width: 300px;*/

    margin: 0px auto;  

	 padding:0px 2px;

}

.del {

    color: #f00;

    float: right;

    font-size: 22px !important;

    padding: 3px 5px;

}

.img-title {

    color: #1e5072 ;

    padding: 0px 5px;

    /* width: 80%; */

    width:60%;

    font-size: 12px;

    float:left;

}

.img-title1 {

    color: #1e5072 ;

    padding: 0px 5px;

    width: 100%;

    font-size: 15px;

    float:left;

}

.td-top td {

    padding: 5px;

    vertical-align: top;

}

.td-top1{

table-layout:fixed;

}

.td-top1 td {

     border: 1px solid #ccc;

    box-shadow: 0 0 3px #aaa;

     -webkit-box-shadow: 0 0 3px #aaa;

       -moz-box-shadow: 0 0 3px #aaa;

    width:50%;

}

.es-list {

    display: block;

    position: absolute;

    padding: 0;

    margin: 0;

    border: 1px solid #d1d1d1;

    display: none;

    background: #fff;

    max-height: 160px;

    overflow-y: auto;

    -moz-box-shadow: 0 2px 3px #ccc;

    -webkit-box-shadow: 0 2px 3px #ccc;

    box-shadow: 0 2px 3px #ccc

}

.es-list li {

    display: block;

    padding: 5px 10px;

    margin: 0

}

.info {

    color: #1f5274;

    float: left;

    padding: 8px 12px;

}

.info1 {

    color: #1f5274;

    float: left;

    margin: 5px 0;

}

.btn-center1 {

    margin: 0 auto;

    /*width: 74px;*/

    text-align:center;

    clear:both;

}

.btn-center1 button {

    margin: 12px 8px;

}

.btn-mrg {

    margin: 1px 4px;

}

.fa-phone {

    color: #0ba4fe;

}

.accordion01 {

    background: #03314d !important;

    color: #fff !important;

}

.panel-heading {

    border-radius: 0px !important;

}

.accordion02 {

    background: #98b5ff !important;

    color: #000;

}

.panel-heading {

    padding: 0px !important;

}

.panel-heading a {

    padding: 10px 15px !important;

    display: block;

}

.panel-body {

    padding: 0px !important;

}

.panel-body .panel-group {

    margin: 0px !important;

}

.panel-heading a:hover {

    text-decoration: none !important;

}

.panel-heading a:focus {

    text-decoration: none !important;

}

.fa-angle-double-right {

    padding-right: 3px;

    font-size: 16px !important;

}

.fa-arrow-circle-right {

    color: #02ab0a;

    font-size: 20px !important;

}

.panel-body h5 {

    padding: 10px 15px;

    background: #e0dfdf;

    margin: 0px;

    border-bottom: 1px solid #aaa;

}

.icon4 i{

    display:block;

    padding:5px 3px;

}

.icon4 .fa-envelope-o{

    font-size:20px;

    color:#b66b01;

}

.icon4 .fa-phone{

    font-size:20px;

}

.icon4 .fa-pencil-square-o{

    font-size:21px;

    color:#01b652;

}

.icon4 .fa-trash-o{

    font-size:23px;

    color:#f00;

}

.v-mid td{

    vertical-align:middle !important;

}

.v-mid td:last-child{

    width:28px;

}

.td-mid{

    width:100%;

}

.td-mid input[type="checkbox"] {

    left: 5px;

    padding: 0;

    position: absolute;

    top: 55px;

}

.td-mid td{

    position:relative;

}

.td-mid .box{

    float:none !important;

    margin:5px auto !important;

}

td{

    word-wrap:break-word;

}

.td-mid label{

    padding:3px 5px;

    margin:0px;

}



/******************02-03-2015***************/



.success_mail{

        width: 100%;

        font-weight: bolder;

        font-size: 12px;

        color: green;

  }

  .succ{

        padding: 10px;

        width: 300px;

        height: 40px;

        margin: 0 auto;

  }

  .fmail{

    color:red;

    display:none;

    width:65%;

    font-weight: bolder;

    font-size: 12px;

    margin: 0 auto;

  }

  #loader{

    width: 64px;

    height: 64px;

    background: url(../../images/722.gif)no-repeat;

    display: none;

    position: fixed;

    bottom: 50%;

    left: 40%;

  }

#signup_form label.error,#boat_view label.error{width:auto;display:inline;color:red;    font-style: italic;font-size: 12px;}

.invalid{

    color:red;margin-top:-8px;margin-bottom:8px;

}

.notifi{

    display:block;

    padding:5px 0px;

    font-size:13px;color:#063

}

.menu-bg ul li:hover{

    background:#000;

}

.menu-bg ul li.active{

    background:#333;

}

.menu-bg ul li.active a{

    color:#fff !important;

}

.menu-bg ul li a:hover{

    text-decoration:none;

}

.menu-bg ul li a{

    color:#fff;

}

.menu-head{

    color: #fff;

    font-weight: 600;

    padding: 10px;

    text-align: center;

}

.blue{

    color:#1e5072 ;

    font-size:15px;

}

    .btn-file {

        position: relative;

        overflow: hidden;

    }

    .btn-file input[type=file] {

        position: absolute;

        top: 0;

        right: 0;

        min-width: 100%;

        min-height: 100%;

        font-size: 100px;

        text-align: right;

        filter: alpha(opacity=0);

        opacity: 0;

        outline: none;

        background: white;

        cursor: inherit;

        display: block;

    }

    /*.browse-center{

        width:220px;

        margin:0px auto;

        text-align:right;

    }*/

    .form-control{

        height:46px;

    }

    .alert-danger {

    background-color: #f00;

    border-color: #ebccd1;

    color: #fff;

    position:absolute;

    right:2px;

    top:-6px;

    font-size:10px;

}

input[type="checkbox"]{

  width: 30px;

  /*height: 30px; */

  /*cursor: pointer;*/

}

/*input[type=checkbox]

{

   -ms-transform: scale(1);

  -moz-transform: scale(1);

  -webkit-transform: scale(1);

  -o-transform: scale(1);

  padding: 0px;

}*/

.td-top{

    border-spacing:5px;

    border-collapse:separate;

    width:100%;

}

.box-new{

    width:200px !important;

}

.box-new img{

    width:200px !important;

}

.border-btm{

   box-shadow: 0px 2px 3px -2px #aaa;

    -webkit-box-shadow: 0px 2px 3px -2px #aaa;

       -moz-box-shadow: 0px 2px 3px -2px #aaa;

text-align:center;

}

.close{

    border-radius: 50%;

    font-size:30px;

    opacity: 1;

}

button.close {

    background: #fff none repeat scroll 0 0;

    position: absolute;

    right:-10px;

    top:-11px;

    z-index: 99999;

    padding: 0px 6px;box-shadow:0px 0px 2px #ccc;

}

.caret{

    position:absolute;

    top:50px;

    right:15px;

}

.pop-cover{

    width:90%;

    margin:15px auto;

    padding:10px;

    border:1px solid #ccc;

    border-radius:5px;

}

.pop-cover img{

    width:100%;

    box-shadow:0px 0px #aaa;

}





.round input[type="checkbox"]:checked + label::after {

    opacity: 1;

}

.round label::after {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    -webkit-border-bottom-colors: none;

    -webkit-border-left-colors: none;

    -webkit-border-right-colors: none;

    -webkit-border-top-colors: none;

    background: transparent none repeat scroll 0 0;

    border-color: -moz-use-text-color -moz-use-text-color #1e5072  #1e5072 ;

    border-color: -webkit-use-text-color -webkit-use-text-color #1e5072  #1e5072 ;

    border-image: none;

    border-style: none none solid solid;

    border-width: medium medium 3px 3px;

    border-style: none none solid solid;

    border-width: medium medium 3px 3px;

    content: "";

    height: 7px;

    left: 4px;

    opacity: 0;

    position: absolute;

    top: 5px;

    transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    width: 13px;

}

.round label {

    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1e5072  0%, #1e5072  100%) repeat scroll 0 0;*/

    border-radius: 50px;

    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 1px 0 white;*/

    cursor: pointer;

    height: 20px;

    left: 4px;

    position: absolute;

    top: 4px;

    width: 20px;

}

.round input[type="checkbox"] {

    visibility: hidden;

}





.round {

  width: 28px;

  height: 28px;

  position: absolute;

  bottom:10px;

  right:10px;

  background: #fcfff4;

  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

  border-radius: 50px;

  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

  }

.discopy{

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

.tap-boat{

    display:block;

    text-align:center;

}



.new_add{ margin:0; padding:0; float:left; width:100%;}

.browse-center {

    float: left; margin: 0;padding: 25px 0px;width: 25%;

}







.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ padding:5px !important;}





input.es-input {

    padding-right: 20px!important;

}

.es-list li.selected {

    background: #f3f3f3

}

.mar-top15{

    margin-top:15px;

}

.porl{

    position:relative;

}

.porl label{ width: 100% !important}

#boatname-search, #po-search { float: left; width: 80%;}

#rm-boat, #rm-po , #search-boat, #search-po {

    border: 1px solid #ccc;

    background: #1e5799; /* Old browsers */

    background: -moz-linear-gradient(top, #1e5799 0%, #1e5799 0%, #1e5799 0%, #1e5799 0%, #efefef 0%, #f2f2f2 8%, #ffffff 51%, #ffffff 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #1e5799 0%,#1e5799 0%,#1e5799 0%,#1e5799 0%,#efefef 0%,#f2f2f2 8%,#ffffff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #1e5799 0%,#1e5799 0%,#1e5799 0%,#1e5799 0%,#efefef 0%,#f2f2f2 8%,#ffffff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}

.checkbox input {

    height: 30px;

    position: relative;

    top: -10px;

    width: 30px;

}



#boatname-search, #po-search {

box-shadow: 0 0 1px rgb(204, 204, 204); border-right:0;border-radius: 5px 0px 0px 5px !important;

}

.btn-primary {

    color: #fff !important;

    background-color: #063 !important;

    border-color: #063 !important;

}



.btn-primary:hover {

    color: #fff !important;

    background-color: #139554  !important;

    border-color: #139554  !important; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background-color: #063 !important; color:#fff !important}

.modal-body input{ box-shadow:0}



#result label{ color:#337ab7}

.min_hit{ min-height:500px;}

a:focus, .btn:focus, .btn:active {

    outline: 0 none !important;

}

a:focus, a:hover{

    text-decoration:none !important;

}

.img-cover1 .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ padding: 12px 5px !important;}



.boat-modal-dialog{position:relative;width:auto;margin:10px}



   /* 06.10.2016  */

.view_color{ padding:0px 100px; color: #5aca3a; font-size: 19px;

    font-weight: bold; }



  /* 13.10.2016 */



  .newsearch_btname{ text-align: left; }

  .position_dot img{ max-width: 100% }

  .adl_add{ float: right;margin: -3px 30px 0 0; padding: 0; position: relative; width: 80px;}





.sday-bl{

    top: 89px;

    background-color: #14AEF9;

}


textarea {
    border: 1px solid #eee;
    border-radius: 2px;
    width: 100%;
    resize: none;
    padding: 5px;
}


.modal-footer1 {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.remove_btn{
    background: none;
    border: 0;padding:0;
}
.remove_btn i{color:#139554;font-weight: bold}




@media (min-width:768px){.boat-modal-dialog{width:400px;margin:30px auto}}



.woi-box{height: 0px;float: right;width: 20%;}

.woi-badge{top: 0px;}

.one_page .ye{  right: 21px !important;}

.one_page .alert-danger{ right:-3px; top:-14px;}

/*  05.10.2016  */

.search_btname { padding: 70px 440px;}

@media  screen and (max-width:1199px) {

    .search_btname {   padding: 70px 200px;}

   }

   @media  screen and (max-width:980px) {

    .search_btname {   padding: 70px 150px;}

   }

   @media  screen and (max-width:768px) {

    .search_btname {   padding: 70px 60px}
    .search_btname {   padding: 70px 10px; padding-top:10px}
    .new_txtarea{width:100%}

   }

   @media  screen and (max-width:640px) {

   .new_txtarea{width:103%}
  

   }

   @media  screen and (max-width:368px) {

      .menu-bg ul li a{font-size:13px;}

   }

   @media  screen and (max-width:360px) {

      .adl_add {margin: -20px 30px 0 0;}

   }



.new_text_box{float: left;width: 100%}
 .new_txtarea1{width: 97%;margin: 0;padding:5px;position:relative;left:-10px}