html{   width: 100%;

        height: 100%;

}

body{   

   width: 100%;

   height: 100%;

   min-width:100%;

   min-height:100%;  

   padding: 0px;

   margin:0px;background:#d7ecee;font-family: arial !important;
}


button{transition: all 0.5s ease 0s;}

button:hover{transition: all 0.5s ease 0s;}

header{ background:#2e9da2; color: #fff; margin-bottom:15px}
table{width: 100%}
.table thead th{ background: #1f446b; color:#fff }
.adj_padding .control-label{padding-left:5px; padding-right:5px}
.adj_padding .col-sm-8{padding-left:5px; padding-right:5px}


footer{
position: fixed;
  bottom: 0px;

  left: 0px;

  width: 100%;

  padding:3px 10px;

  background: #eee;

  opacity: 0.9;

  z-index: 999999;

  text-align:left;box-shadow:0px 0px 3px #999;

}
.tab{ background:#09585c;}
.copyright{font-size:12px}
.full_wrapper{ float: left;width: 100%;padding:5px 10px;}


/*org css End*/

.view table th{ vertical-align:middle !important; }



.margin_top35{margin-top:35px}

.cus_tab{background:#09585c;padding:0px;}
.cus_tab li a{background:#5b7ea2;color:#fff;border-right:2px solid #164d4d}
.cus_tab li a:hover{background:#2e9da2;color:#fff;border-right:2px solid #164d4d}
/*.cus_tab li:active a{background:#2e9da2 !important;color:#fff}*/
.cus_tab li a{ border-radius: 0 }
.nav-tabs > li > a{ border-radius: 0 }
.nav-tabs > li > a:focus{border:0;}
/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border:0;background:#2e9da2;color: #fff;}*/
.cus_tab li a:last-child{border:0;}
.logo_onepage {position: relative;}
.padding_0{padding:0 !important;}
.skltbs-panel{padding:0.5em 1.2em;}
.skltbs-tab{background:#09585c;color: #fff;font-weight: bold }
.skltbs-tab:hover{color: #fff}

.logo_onepage img { height: 62px; left: -15px; padding:5px; position: absolute; top: 0;}
.is-active > .skltbs-tab{background:#2e9da2 !important;color: #fff}
.cus_tab a{ font-weight:bold;}
.cus_tab a:hover{text-decoration: none;}
.skltbs-tab:focus, .skltbs-panel:focus{ box-shadow:inherit; }
.is-active > .skltbs-tab{text-shadow:inherit;}
a{text-decoration: none !important;}
.skltbs-tab-item{margin:0px 1px 0px 0px;}
.miss_padding { padding:8px 0;}
.width_85{width: 85% !important; float: left;}
.feet{padding-top:8px; float: left;padding-left:3px}
.vess_txt{margin-bottom:15px; font-weight: bold;}
.box-cover label{font-weight:bold;}
.log_out{position: absolute;right:20px;top:22px;}
.log_out a{color: #fff}
 li{list-style: none;}
.log_out a i{font-size:20px}
.log_out #fat-menu ul.dropdown-menu{border: 0 none;left:auto;right: 0;top: 37px;
  box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);border-radius: 0 0 5px 5px}
  .cus_not_ic{ text-align: center; color:#09585c; font-size:20px; }
  .cus_not_ic i{ padding-right:5px; cursor:pointer;}
   .panel-default > .panel-heading{background:#09585c; color: #fff}
.dark_color{color: #09585c}
.cus_tab li{background:#5b7ea2}
.nav-tabs > li > a:focus {background: unset;}
.cus_tab  li > a {padding: 13px 15px;cursor: pointer;}
.btn{background:#09585c;font-weight:bold;color: #fff;border:0;padding: 8px 15px;}
.cus_plusic{color:#09585c;font-weight:bold;font-size:25px; text-align:right;cursor:pointer;}
img{max-width: 100%}
.cus_popftr{display: inline-block;width: 100%;text-align: center;}
.modal-dialog{ margin-bottom:30px}
.login.btn{background:#09585c;border:0;padding:8px 5px;border-radius:3px;color: #fff}
.form-btn2.btn{background:#f00; padding:8px 5px; }
.margin_topm5{ margin-top:-5px }
.tt-menu{background: #fff;width: 100%;overflow: auto;height:200px;border:1px solid #ddd;}
.tt-menu .tt-suggestion{cursor: pointer;padding:5px;}
.tt-menu .tt-suggestion:hover{background: #eee;}
.error{color:#f00;font-size:12px;font-weight:normal;}

.panel-body {
    padding: 5px;
}
.margin_btm80{ margin-bottom:80px }
.panel-title a{font-weight: bold;}
.notes_ic{width: 23px; margin-top:-5px; cursor: pointer;}
.modal .close{  border:0;border-radius: 50%;color:#f00;font-size:25px;height:30px; width: 30px;}
.modal .close:hover{color: #f00}
.text_area{width: 100%; border:1px solid #ddd; }
#myModal .modal-dialog{width:80%; margin:0 auto}
#myModal img{width: 100%}
.padding_top0imp{ padding-top:0 !important }




/*common*/

.position_relative{position: relative;}
.open_def_ic{position: absolute;top:0px;right:-5px;cursor: pointer;}


/**/

/*margins*/

.margin_btm10{margin-bottom:10px}
.margin_top10{margin-top:10px;}
.margin_top20{margin-top:10px;}
.margin_10{margin:10px 0px;}
.margin_0imp{ margin:0 !important; }
.margin_0{ margin:0; }
.margin_btm50{ margin-bottom:50px }
.margin_btm20{margin-bottom:20px}
.mar_top0imp{ margin-top:0 !important }

/**/

/*paddings*/
.padding_5{padding:5px 0px;}
.padding_lftrit5{padding-left:5px; padding-right:5px}
.padding_right20{padding-right:20px;}
.padding_btm20{ padding-bottom:20px }
.padding_left10{ padding-left:10px }
.padding_btm5{ padding-bottom:5px }


/**/

.pad_radbtn{padding-right: 44px;text-align: right}

#survey-details tr td:nth-child(1){width:250px;}
#survey-details tr td:nth-child(2){width:900px;font-size:15px;/*word-break: break-all;*/}
/*#survey-details tr td:nth-child(8){width:120px;}*/
.cal_border_rad{border-radius: 3px 1px 1px 3px !important;}


.set_linhit{ line-height:30px }
select {
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 4px;
}

.pad_radbtn input[type=radio] {height: 20px;width: 20px;vertical-align: middle;margin: 0;}

input[type=text] { height:35px; border: 1px solid #ddd;padding: 8px;border-radius: 4px;width: 100%}

.img_height_set {height:160px;margin-bottom:15px}
.img_height_set img{height: 100%;width:100%;}


.swipenavigation ul li { border-right:1px solid #fff; }

.margin_right5{margin-right:5px;}







/*loginpage_start*/




.width_100{width:100%}
.font_20{font-size:20px}
.inner_det{ margin-top:120px;padding:10px 50px;width: 100%;}
.padding_set_subm{padding:50px 10px;width:230px;height:230px;transition: all 0.5s ease 0s;border-radius:15px;
  background:rgba(40,96,144, 0.8);}
.padding_set_subm:hover{background:#286090;color: #fff;transition: all 0.5s ease 0s;}
.padding_set_subm span{ padding-top:25px;float: left;width: 100%;font-weight: normal;}
.padding_set_subm span a{color: #fff}
.view td{ background: #eee }
.active{color:#fff; background:#1f446b !important}

.log_out .dropdown-menu .divider {margin:0;}
.log_out .dropdown-menu > li > a {padding:10px 15px;font-weight: bold;transition: background-color 0.5s ease-out;}
.log_out .dropdown-menu > li > a:hover {background:#09585c;color: #fff;transition: background-color 0s;}



/*loginpage_End*/






/*check box Strt*/
/*label.ck_bx { font-size: 24px; }


input[type=checkbox] { display:none; }
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f096"; }
input[type=checkbox] + label:before { letter-spacing: 10px; } 

input[type=checkbox]:checked + label:before { content: "\f046"; } 
input[type=checkbox]:checked + label:before { letter-spacing: 5px; }*/
/*check box End*/














textarea{width:100%; border:1px solid #ddd;}
.margin_btm50{ margin-bottom:50px }
.non_btn{background: transparent;border:0;}
#selecttab:hover{background:#5b7ea2;}
#selecttab{font-weight: bold;color: #fff;font-size:14px}
.general_width{width:120px}
td{ vertical-align: middle !important; }
.margin_btm50{ margin-bottom:50px}
.center_page{/* float:none; width:40%; margin: 0 auto */}
.center_page input{width:100%;border:1px solid #ddd; padding:6px;}

.width_50{width:50% !important; float: left;}
.cmn_row label{padding-top:8px;}
.cmn_row.cmn_row_generalinfo{ padding-top:10px;width:46%;margin: 0 auto;float: none;}
.cmn_row.cmn_surver_form{ padding-top:50px;padding-top: 90px;width: 50%;margin: 0 auto;float: none;}
.cmn_row_generalinfo{ padding-top:30px;}

select{height:35px;}
.width_30{width:25%; text-align:left;float: left;}
.width_70{width:75%; float: left;}
#demo select{padding:0;height:auto;}


.delete_ic{ position: absolute;width: 25px !important; height: 25px !important;top:-10px;right:5px; }
.notes_delete_ic{position: absolute;width: 25px !important;height: 25px !important;right: 15px;margin-top: -18px;}
#myModalImage .modal-dialog {width:80%}
#imagePreview .modal-dialog {width:90%}
#myModalnotes .modal-dialog {width:90%}
#myModalnotes textarea{width:96%;padding:5px;}
.imagepreview{width: auto !important;display: table;margin:0 auto;float: none;}
#myModalImage .modal-header, #myModalnotes .modal-header {padding-bottom: 10px;}
#myModalImage .modal-header h4, #myModalnotes .modal-header h4 {font-weight:bold;}
.creat_datetime{text-align: right;padding-right: 51px;padding-bottom: 12px;color: #969696;font-size: 12px;}
.cus_close_ic{ padding:5px; font-size:25px }
.modal-body{ display: inline-block; }
.modal-header h4{color: #09585c;}
.modal-header, .modal-footer{background: #fdfdfd}






/*loader start*/
.page-loader {
    position:fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 200px 0 0 0;
    background-color: rgba(0, 0, 0, 0.80);
}

.throbber {
    position:relative;
}
.throbber:before {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
}
.throbber:after {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    content:'';
    border: 2px solid transparent;
    border-top-color: #3bb9bb;
    border-bottom-color: #3bb9bb;
    border-radius: 50px;
    -webkit-animation: throbber 1s infinite;
    animation: throbber 1s infinite;
}
@-webkit-keyframes throbber {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes throbber {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/*loader End*/


.cus_disable{
  background: #ddd;
}

.twitter-typeahead{width:100%;}

#myModalImage .modal-body{display:block;}

#myModal_email{}
.width_70adj90 input{width:90%;float: left;}
.width_70adj90 i{font-size:22px;padding-top:5px}
.disable_bx{background: #727272;opacity: 0.6;}
.disable_bx:hover{background: #727272;opacity: 0.6;}
.width_80 select{width:80%;float: left;margin-right: 5px}
#projectshow{padding-top:10px; font-weight:bold;color:#09585c;}
.count_value {position:absolute;top:-13px;right:-7px;background:#dd202d;font-size:12px;font-weight:700;
  padding:3px;border-radius:50%;width:23px;height:23px;line-height:19px; text-align: center;color: #fff}

.margin_top5{margin-top:5px}
.cursor_pointer{cursor: pointer;}
.mar-top-120{
    margin-top: 120px;
  }

/*.cus_not_ic img{width:30px !important}*/

.topbar {  height: 50px;  position: fixed;  z-index: 9;margin-top:-4px}
.view{margin-top:50px}

.height_set_textarea{height:110px;overflow-y: scroll; border:0; padding-right: 0px;}
.height_set_textarea button{padding:3px}
.height_set_textarea textarea, .surveyattendeedisp textarea{height:50px }
.asign_bor_bg{border:1px solid #eee !important; background: #fff;}
.tdcolor{background: #eee !important} 
.submitstatus{display: none;}
.btn-success{background-color: #5cb85c;border-color: #4cae4c;}
.btn-primary1{background-color:#337ab7;border-color: #2e6da4}
.btn-primary1:hover, .btn-primary1:active, .btn-primary1:focus{color:#fff;}
.fa-plus-square, .notes_delete_ic, .delete_ic, .homehand{cursor: pointer;}
#myModalImagevesselpage .modal-dialog {
    width: 80%;
}
#myModalImagevesselpage .modal-body {
    display: block;
}
#reportmodal .modal-body{display: block;text-align: center;}
.count_valuevessel {
    position: absolute;
    top: -11px;
    right: -12px;
    background: #dd202d;
    font-size: 12px;
    font-weight: 700;
    padding: 3px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 15px;
    text-align: center;
    color: #fff;
}
.width_full{width:100%}
.width_full i{color:#fff}
.width_full:hover, .width_full:focus{color:#fff}


.width_80n{width:80%;float:left}
.width_20{width:20%;float:right;}
.width_20 button{width:50px;float:right}
#myModalImagecodexpirdate .modal-body, #myModalImagecoiissudate .modal-body, #myModalImagecoiexpirdate .modal-body, #myModalImagefcclicexpdate .modal-body, #myModalImagefiredetesysexpdte .modal-body{width:100%;}


@media (max-width:1199px) {



.width_85{width:82%; float: left;}
.cmn_row.cmn_row_generalinfo, .cmn_row.cmn_surver_form{ width:60%;}
.img_height_set{height: 130px;}



}

@media (max-width:991px) {



  .width_85{ width:77% }
  #page-content-wrapper .width_85{ width:77% !important }

  .panel-title a{display:block;width: 100%}
  .inner_det {
    margin-top: 130px;
    padding: 10px;}
    #selecttab:hover {
    background:unset;}

  .width_30{width:30%; text-align:left;}
  .width_70{width:70%}
   .img_height_set{height:120px;}
   .cmn_row.cmn_row_generalinfo{width:50%;}
  #documentModal{padding-right:0}
  #documentModal .modal-dialog{max-width:96%;}
  .mar_top_120m{margin-top: 160px;}
  .wrapperfix {
    height: 650px !important;
  }

}
@media (min-width:1100px) {
  .wrapperfix {
    height: 450px !important;
  }
}
@media (max-width:800px) {



.media_100 {
    width: 100%;
}
.inner_det .media_100 {
    margin-bottom:150px;
}



}



@media (max-width:768px) {


.cus_not_ic.cus_not_ic1{padding:0; text-align:center;}
.cmn_surver_form{ padding-top:30px}
.cmn_row_generalinfo{ padding-top:30px;}
.width_30{width:35%; text-align:left;}
.width_70{width:65%}
.cmn_row.cmn_row_generalinfo{padding-top: 30px;}
#myModalImage .modal-dialog {margin:0 auto;width:98%;}
.img_height_set{height:130px;}
#imagePreview .modal-dialog {width:98%}
.cmn_row.cmn_row_generalinfo{width:70%;}
.notes_ic{width:35px !important;}
.inner_det .media_100{margin-bottom:60px}
.inner_det {margin-top:100px;}
.media_100{width:100%;}
.cus_not_ic .non_btn{padding:0;}
.cus_not_ic img{width:23px !important}
.cmn_row.cmn_row_generalinfo, .cmn_row.cmn_surver_form {
    width: 80%;
}

}



@media (max-width:767px) {



  .form-group{ margin-bottom:0 }

  .width_85{ width:90% }

  .page_tit{width:100%; margin-top:-65px}


  .view .table-responsive > .table > tbody > tr > td, 
  .view .table-responsive > .table > tbody > tr > th, 
  .view .table-responsive > .table > tfoot > tr > td, 
  .view .table-responsive > .table > tfoot > tr > th, 
  .view .table-responsive > .table > thead > tr > td, 
  .view .table-responsive > .table > thead > tr > th{white-space:unset;}


/*
.table-responsive > .table > tbody > tr > td, 
.table-responsive > .table > tbody > tr > th, 
.table-responsive > .table > tfoot > tr > td, 
.table-responsive > .table > tfoot > tr > th, 
.table-responsive > .table > thead > tr > td, 
.table-responsive > .table > thead > tr > th{white-space: normal;}
*/


  .topbar {
    top: 175px !important;
    width: 96% !important;
  }
  .wrapperfix {
    margin-top: 190px !important;
  }



.non_btn{padding:0}
.cmn_row .miss_padding{ text-align: left }
.cmn_row label{ padding-top:0; }
.width_30{width:100%; text-align:left;}
.width_70{width:100%}
.cmn_row.cmn_row_generalinfo, .cmn_row.cmn_surver_form{width:100%;}
.cmn_row.cmn_surver_form {padding-top: 50px;}
#imagePreview .modal-dialog, #myModalImage .modal-dialog {margin:0 auto;}
.img_height_set {height:110px;}
#myModalnotes .modal-dialog{ margin:0 auto;}
#page-content-wrapper .width_85{ width:83% !important}
.mar_top_120m { margin-top: 150px;}

}

@media (max-width:680px) {


  .inner_det {margin-top: 20px;}
  .padding_set_subm {
    padding:50px 10px;}
 .media_100{width: 100%; margin-bottom:30px}
 .vessel_per_width{width:300px}
 .set_linhit{ line-height:normal; }

}
@media (max-width:640px) {



  .form-group{ margin-bottom:0 }

  .width_85{ width:80% }
  .width_150{width: 150px}
  .scroll_tabs_theme_dark div.scroll_tab_inner span, .scroll_tabs_theme_dark div.scroll_tab_inner li {
  padding-left:32px;}
  #selecttab{ width:100%;text-align: center;}
  .scroll_tab_inner{ position:unset !important }
  .img_height_set {height:90px;}
  #myModalImage .modal-dialog {width:96%}
  .cmn_row.cmn_surver_form{ padding-top:0px }
  .width_80 select {
    width: 75%;}


}



@media (max-width:420px) {

   .page_tit{ margin-top: -40px}
   .margin_topm {margin-top: -16px;}
   .padding_set_subm {padding:34px 10px;width:175px;height:175px;}
   .inner_det .padding_set_subm img{width:65px !important}
   .padding_set_subm span {padding-top: 22px;}
   .font_20 { font-size: 17px;}
   .inner_det {margin-top: 0;}
   .img_height_set {height:50px;}
   .img_height_set {height:70px;}
   #preview_img{width:100% !important;}


 

}
@media (max-width:412px) {
.mar_top_120m {
    margin-top: 170px;
}
}
@media (max-width:380px) {



  .form-group{ margin-bottom:0 }

  .width_85{ width:77% }
  .vess_txt { font-size: 18px; margin: 12px 0;}
  .log_out{ top:13px; }
  .logo_onepage img {height: 45px;left: -15px; top:0;width: 57px;}
  .img_height_set{padding-right:8px; padding-left:8px}
  .mar_top_120m {
    margin-top: 150px;}
}


@media (max-width:320px) {

  .scroll_tabs_theme_dark div.scroll_tab_inner span, .scroll_tabs_theme_dark div.scroll_tab_inner li {
  padding-left:40px;}

}

#load1{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif") no-repeat center center rgba(0,0,0,0.25)
}


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
#load {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/Preloader_1.gif) center no-repeat #fff ;
}
.new_selecet td{
background-color:#bcbcbc
}










.bootstrap-datetimepicker-widget table td span{line-height:auto !important;}
.bootstrap-datetimepicker-widget table td span.glyphicon{ background:#09585c !important; color: #fff !important}
.bootstrap-datetimepicker-widget table td{ width:auto !important;}


.separator {

    width: 0px !important;
    margin: 0;
    padding: 0 !important;

}

.bootstrap-datetimepicker-widget table td span{
    display: inline-block;
    width:20px !important;
    height:10px !important;
    line-height:10px !important;}


#dt_starttime .bootstrap-datetimepicker-widget, #dt_endtime .bootstrap-datetimepicker-widget{ width:120px !important; }
.bootstrap-datetimepicker-widget table td {
    width:20px !important;
    height:10px !important;
    line-height:10px !important;}

/*#survey-details tr td:nth-child(8) {
    width: 150px;
}*/
.colorchange{
color:#006df0;  
}

.badge{
  color: #fff !important;
  background: transparent !important;
  padding: 0px !important;
}


.container1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 24px;
    height: 20px;
    left: 15px;
    z-index: 999999999;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 15px;
    height: 25px;
    width: 26px;
    background-color: #fff;
    border: 2px solid #ccc;
}

/* On mouse-over, add a grey background color */
.container1:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container1 input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container1 input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container1 .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);
}