/* * TEST
Author: Start Bootstrap - http://startbootstrap.com
'SB Admin' HTML Template by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */

/* Global Styles */



/* satish  */
body .basicMenusconatiner .f12{
  font-size: 12px;
  font-weight: bold;
}
.basicMenusconatiner .modal-title {
  font-weight: 700;
  font-size: 14px;
}
.alert-success {
font-size: 13px!important;
font-weight: bold;
  background-color: #7ffd0033 !important;
border-color: #abd89800 !important;
color: #4262338c !important;
 /* background-color: #abd898!important;
  border-color: #abd898!important;
  color: #345a23!important;*/
}
/* date : 18-07-2022  padding for table header and body tr's*/
.gustlist_st .table thead th {
    padding: 5px 18px;

}
.gustlist_st .table tbody > tr > td, .gustlist_st .table tfoot > tr > td {
    padding: 8px 2px !important;
}

input[type=text] , textarea , .form-control[disabled]{
        -webkit-text-fill-color: #000;
-webkit-opacity: 1;
}
.basic_menu_tail p{
margin-bottom: 0px;  
/* line-height: 70%; */
overflow-wrap: break-word;
}
.basic_menu_tail p b span
{
  font-size: 40%!important;
}
.basic_menu_tail span
{
  font-size: 40%!important;
  /* zoom: 0.40;
  -ms-zoom: 0.40;
  -webkit-zoom: 0.40;
  -moz-transform:  scale(0.40);
  -moz-transform-origin: left center; */
}
.basic_menu_tail span
{
  font-size: 40%!important;
}

/* arun  */
.fa-anchor,
.fa-triangle-exclamation{
  font-size: 20px!important;
}
.expiry_box{
  margin:0 auto;
}

.fa-light.fa-user{
color: #000;  
}
.savesumbbtn2:active,
.savesumbbtn2:focus,
.savesumbbtn2:hover{
  color: #ffffff!important;
    background-color: #3276b1!important;
    border-color: #285e8e!important;
    border: none!important;
}
.savesumbbtn:active,
.savesumbbtn:focus,
.savesumbbtn:hover{
  color: #ffffff!important;
    background-color: #3276b1!important;
    border-color: #285e8e!important;
    border: none!important;
}
.p-flextime{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.savsucbtn{
  margin-left: 73px;
    width: 70px;
    height: 30px; 
    line-height: normal;
    margin-top: 10px;
}
.pset-head{
  font-weight: 600;
  padding: 6px 0px;
}
.po-02 {
  padding-left: 15px !important;
  text-align: right;
  width: 74px;
  position: relative;
  left: -18px
}
.col-sm-01.col-label-rt{
  position: relative;
  left: -35px;
}
.col-sm-02{
  width: 114px;
  margin-right: 15px;
}
#equipmentlistpage .fa-regular.fa-anchor,
#equipmentlistpage .fa-light.fa-triangle-exclamation{
  font-size: 2rem;
}

.programmodalrow .ui-dialog-titlebar{
  position: absolute !important;
  width: 99%;
}
.sendmailcheckbox{
  width: 48%;
  text-align: right;
}
.uploadrowimg{
  width: 100%;
  display: inline-block;
  margin-top: 30px;
}
.uploadrowimg .uload03row {
  right: 20px;
}
.savesumbbtn{
  width: 85px;
  position: relative;
  left: -34px;
  background: #428bca!important;
  color: #fff!important;
  margin-top: -60px;
}
.navbar-user .fa-light.fa-user{
  color: #fff!important;
}

#charterProgramEditModalAppOnly.programmodalrowmodal {
  height: 470px !important; 
}

#charterProgramEditModalAppOnly.programmodalrowmodal  .savesumbbtn {
  width: 81px;
  left: -125px;
  margin-top: -60px;
}


.panel-accordion{
  width: 100%;
  display: inline-block;
}
.programmodalrow .ui-widget {
  font-size: 1em;
  z-index: 9;
}
.programmodalrow .add-tabsnav  {
  top: 60px;
  position: relative;
}
.programmodalrow li.active a{
  background: #5e5d5d !important;
  border: solid 1px #5e5d5d!important;
  color: #fff!important;
}
.programmodalrowmodal{
  height: 370px!important;
}
.form-flex .col-lg-12 {
  width: 100%;
}
.fastlistmenutab-60 .desctitle,
.menlistcontainaddnew .desctitle{
  padding-top: 20px;
}
.side-nav.nav li label {
  cursor: pointer !important;
}
.basicmsg {
  padding-bottom: 15px !important;
  border-bottom: solid 1px #000;
}
#show_message_heading_text,
#show_menu_date,
#basic_show_message_heading_text,
#basic_show_menu_date{
  padding-bottom: 25px;

}
#show_menu_date,
#basic_show_menu_date{
  padding-top: 20px;
}

.note-color-select,
.note-color-reset{
  margin: 3px 0px!important;
}

.editcoursesmodal .menlisthd{
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 15px;
}

.files_block_inline .selected_file{
	overflow: hidden;
}
.menlisth4.mrg4{
  margin-top: 20px;
}

.edit_existing_mitem{
  cursor: pointer;
}
.owlmenuslider .owl-prev{
  position: absolute;
  left: -31px;
  top: 40%;
  font-size: 62px!important;
}
.owlmenuslider .owl-next{
  position: absolute;
  right: -31px;
  top: 40%;
  font-size: 62px!important;
}

.menu_title_style input[type="radio"]{
  cursor: pointer;
}
.addhidetag{
text-align: center;
}
.basicMenusconatiner .menlistcontainaddnew{
  width: 500px;
}
#BasicMenusconatiner .modal-header{
  padding: 15px 15px 0px 15px;
  border-bottom: none;
}
.basicMenusconatiner .breackfastlistmenu-60  .panel-default > .panel-heading{
  background: none;
  border: none;
}
.menurightbg .note-statusbar{
  display: none;
}
.note-editable{
  padding: 0px!important;
}
.menlistcontainaddnew .note-editor .note-editing-area .note-editable{
  height: 669px!important;
}
.addpremop input{
  border: solid 1px #fff0;
  outline: none;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.addpremop input:focus{
  border: none;
  outline: none;
}
.addpremop input
.edit_existing_mitem{
  cursor: pointer;
}
.menlistcontain{
  padding: 0px 60px;
  margin: 0px 5px;
  overflow: auto;
  height: 650px;
  top: 80px;
  position: relative;
}
.menlisthd{
  text-align: center;
  margin-bottom: 0px;
  background: #f9f8f800;
  border-top: solid 1px rgb(221 221 221 / 0%);
  border-bottom: solid 1px rgb(221 221 221 / 0%);
  padding: 13px 0px;
  font-size: 26px;
  /*text-transform: uppercase;*/
  font-weight: 600;
  font-family: Times;
}
.menlisth4,
.menlisth3{
  min-height: 30px;
  border-top: solid 1px rgb(221 221 221 / 0%);
  border-bottom: solid 1px rgb(221 221 221 / 0%);
  text-align: center;
  margin-bottom: 0px;
  margin-top: 0;
  /*display: flex;*/
  background: #f9f8f800;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 700;
  font-family: Times;
  padding: 7px 0px;
}
.menlisth3{
  font-size: 16px;
  margin-top: 20px;
}
.menlisth4{
  font-size: 14px;
}
.p-relative{
  position:relative;
}
.p-relative input{
  padding-right: 40px!important;
}
.p-relative .fa-arrows{
  position: absolute;
  right: 5px;
  top: 37px;
  font-size: 20px;
  color: #b1acac;
}
.uload03row img{
  border-radius: 5px;
}
.menlisth5{
  min-height: 20px;
  border-top: solid 1px rgb(221 221 221 / 0%);
  border-bottom: solid 1px rgb(221 221 221 / 0%);
  text-align: center;
  margin-bottom: 5px;
  background: #f9f8f800;
  margin-top: 0;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  padding: 5px 5px;
  font-size: 12px;
  font-family:Times;
}
.panel-heading{
  cursor: pointer;
}
.addhidetag{
  border: 1px solid #d2d2d2!important;
  cursor: pointer;
  border-radius: 4px;
}
#basic_step_two p{
  overflow-wrap: break-word;
}
.menlisth6{
  min-height: 24px;
  border-top: solid 1px rgb(221 221 221 / 0%);
  border-bottom: solid 1px rgb(221 221 221 / 0%);
  text-align: center;
  margin-bottom: 5px;
  background: #f9f8f800;
  margin-top: 0;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  padding: 5px 5px;
  font-size: 12px;
  font-family:Times;
}
.basicMenusconatiner input[type="file"] {
  max-width: 100%;
  width: 100%;
}
.publiclaymenumsg{
  background: #eee;
  padding: 20px;
  position: absolute;
  top:10%;
  right: 0;
  left: 0;
  min-height: 200px;
  width: 400px;
  margin: 0 auto;
  /* display: flex; */
  border: solid 2px #786868;
  border-radius: 8px;
  z-index: 9999;
}
.publiclaymenumsg p{
  padding-bottom: 10px;
}
.publicsecondcontainer{
  padding-right: 60px;
  padding-left: 60px;
  overflow: auto;
  height: 668px;
}
.brackoverlaymenu{
  background: #eee;
  padding: 20px;
  position: absolute;
  top:10%;
  right: 0;
  left: 35%;
  min-height: 200px;
  width: 500px;
  margin: 0 auto;
  /* display: flex; */
  border: solid 2px #786868;
  border-radius: 8px;
  z-index: 9999;
}
.addpremop{
  position: relative;
}
.addpremop .add_remove_ext{
display: inline;
position: absolute;
right: -20px;
top: 0;
}
.brackoverlaymenu p{
  padding-bottom: 10px;
}
.brackoverlaymenu  .desctitle{
  padding-bottom: 0px;
}
.tabelrowfull .panel-body{
padding: 0px;
}
.li-w10{
  width: 20%;
}
.li-w30{
  width: 30%;
  text-align: left;
  margin-left: 15px;
}
.liw-35{
  width: 39%;
}
.li-w50{
  width:30%;
  text-align: left;
  margin-left: 60px;
}
.tabelrowfull .panel-title li{
  list-style: none;
  float: left;
  font-size: 14px;
  font-weight: 600;
}
.tabelrowfull .panel-title {
  width: 100%;
}

.step-3row .form-group{
  margin-bottom: 0px;
}
.step-3row .mrtstep3{
  margin-top: 15px;
}
.align-icon {
  font-size: 22px;
  font-family: "serif", Verdana;
  display: inline-block;
  line-height: 0.4em;
  white-space: pre-wrap;
  position: relative;
  margin: 6px 6px;
}
.align-icon:after {
  content: "\2013\A\2013";
  display: block;
  width: 20px;
}
.align-icon:before {
  content: "\2014\A\2014";
  position: absolute;
  top: 0.3em;
}
.align-icon.ac:before {
  text-align: center;
  content: "\2013\A\2013";
  left: 7px;
}
.align-icon.ac:after {
  text-align: center;
  content: "\2014\A\2014";
}
.align-icon.ar:after {
  text-align: right;
}

.align-icon.ar:before {
  text-align: center;
  content: "\2013\A\2013";
  left: 11px;
}
.align-icon.ar:after {
  text-align: center;
  content: "\2014\A\2014";
}


.align-icon.aj:after {
  content: "\2014\A\2014";
}
.x2 .align-icon {
  font-size: 52px;
}
.x3 .align-icon {
  font-size: 78px;
}
.align-justi{
  display: flex;
  margin-top: 7px;
}
.align-justibg{
  display: flex;
  margin-top: 7px;
  align-items: center;
}
body .align-justibg label{
  border: solid 1px #eee;
  border-radius: 0px!important;
  width: 30px;
  height: 30px;
}
.align-justibg input[type="radio"]{
  width: auto!important;
}
.addhimg{
  font-size: 5rem;
}
.editcoursesmodal table.dataTable thead .sorting_desc,
.editcoursesmodal table.dataTable thead .sorting,
.editcoursesmodal table.dataTable thead .sorting_asc{
  background-image:none;
}
.editcoursesmodal .modal-dialog{
  width: 600px;
}
.editcoursesmodal .table thead:first-child tr:first-child th{
  border-width: 1px!important;
}
/* .editcourse{
  height: 400px;
} */
.ml-rtc-0{
  margin-left: 0px!important;
}
.addnewdiv{
  margin-left: 10px;
}
.editcoursesmodal .modal-title{
font-weight: 700;
}
.editcoursesmodal  .modal-content{
  border-radius: 0px;
}
#BasicMenusconatiner .modal-dialog, 
.publishcoursesmodal .modal-dialog{
  width:900px;
}
.publishcoursesmodal .modal-header {
  border: none;
  padding-bottom: 0;
}
.breakfast-tabmenu   .dt_buttons {
    float: left !important;
    width: 85px;
    margin-left: 0px;
    margin-right: 5px;
}
.breakfast-tabmenu{
  width: 100%;
  display: inline-block;
  padding-top: 10px;
}
.p-left0{
  padding-left: 0px;
}
.menu-hd{
  font-size: 20px;
  font-weight: bold;
  padding: 0px 15px;
}
.left-menu{
  display: flex;
  float: left;
  align-items: center;
}
.right-menu{
  display: flex;
  float: right;
  align-items: center;
}
.submenu-items{
  width: 100%;
  display: inline-block;
}
.search-row{
  margin-left: 20px;
}
.mw-5{
  width:2%;
}
.mw-6{
  width:1%;
}
.b-left div{
  float: left;
}
.mw-50{
width: 60%;
}
.mw-10{
  width:1%;
}
.mw-20{
  width: 5%;
}
#BasicMenusconatiner .modal-body, 
.publishcoursesmodal .modal-body {
  min-height: 500px;
  display: inline-block;
  width: 100%;
}
.editotr-fld .note-editor{
  margin-top: -158px;
}
.editotr-fld  .note-editor .note-editing-area{
  padding-top: 80px;
  height: 748px;
  padding-left:60px;
  padding-right:60px;
}

.editotr-fld .note-editor.note-frame, .editotr-fld .note-editor.note-airframe{
  border:none!important;
  background: none;
}


.breackfastlistmenu-60{
  width: 530px;
  float: left;
  padding-left: 30px;
}
.breackfastlistmenu-40{
  width: 290px;
  float: left;
}
.breackfastlistmenu ul {
  margin: 0px;
  display: flex;
  padding: 0px;
  border: solid 1px #eee;
  overflow: hidden;
  border-bottom: none ;
}
.breackfastlistmenu ul:last-child{
  border-bottom: solid 1px #eee;
}
.breackfastlistmenu{
  padding-top: 12px;
}
.breackfastlistmenu ul li:first-child{
  width: 90%;
}
.breackfastlistmenu ul li{
    list-style: none;
    float: left;
    padding: 6px;
    border-right: solid 1px #eee;
}
.trlist td {
  width:80px;
  border: none!important;
}
 table.table tbody .b-left  tr{
  background: none!important;
}
.mw-30{
  width: 8%;
}
.mw-40{
  width: 10%;
}
.action-iconset a{
  margin: 0px 5px;
}
.b-center{
  text-align: center;
}
.editcoursesmodal .b-left{
  text-align: left;
}
.editcoursesmodal .b-left span{
  padding-right: 10px;;
}
.useradd{ 
  width: 65px;
  border-radius: 5px;
  height: 65px;
  overflow: hidden;
  /* margin: 0 auto; */
}
.w-100 .useradd img{ 
  width: 115px;
  height: 115px;
}
.w-100 .useradd{ 
  width: 115px;
  height: 115px;
}
.tabelrowfull .panel-heading{ 
  padding:0px;
}
#step3-background-data .hhideblink{
display: none;
}
.addtempform{
  margin-top: 10px;
  overflow: hidden;
}
.menlistcontainaddnew{
  padding: 0px 0px;
    margin: 0px 15px;
    height: 650px;
    /* top: 100px;  */
    position: relative;
    /* border: solid 1px #eee; */
    width: 360px;
    margin: 0 auto;
}
#basic_step_two {
  position: relative;
  height:650px;
  padding-top: 0px;
  scrollbar-width: none;
  top: 80px;
}
.subButtonsrows{
  width: 490px;
  float: left;
}


.mt25{
  margin-top: 15px;
}
.addnewtempnew,
.addnewtemp{
  padding-top: 19px;
}
.uplaod-modal .form-group{
      font-size: 14px;
}
.table tbody > tr > td{
  vertical-align: middle!important;
  text-align: center;
}
.table tbody > tr > td.left-algin{
  text-align: left;
}
.editcourse-hd{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.mt-12{
  padding-top: 20px;
}
.publishbtnstep{
  width: 100px;
}
.upload-btn{
  width: 150px;
  margin: 0 auto;
}
.addrowfld .form-control{
max-width: 100%;
}
.bgimagesrow{
  background: #eee;
  width: auto;
  height: 600px;
  margin-left: 50px;
}
.mw-200{
  width: 300px!important;
  max-width: 300px!important;
}
.mw-50{
  width:345px!important;
  max-width:345px!important;
}
.menurightbg{
  background: #eee;
  width: 100%;
  height: 750px;
  margin-top: 0px;
  border: solid 1px #d2d2d2; 
}
.addrowfld{
  border: solid 1px #e3e3e3;
  padding: 20px;
  margin-top: 10px;
  overflow: hidden;
}
.updateBtn{
  margin-top: 10px;
  width: 100px;
}
.editcourse-hd p{
font-weight: 900;
margin: 0;
}
.sp-card-container{
  width: 100%;
  display: inline-block;
}
.sp-card-containe .sp-card-hd ul{
  padding: 0px;
  margin: 0px;
  border-bottom: solid 1px #000;
}
.sp-card-body{
  text-align: center;
}
.sp-card h3{
    font-weight: 600;
    font-size: 17px;
    margin-top: 0px;

}
.card-img{
    overflow: hidden;
    height: 190px;
}
.sp-card .fa-globe{
color: #428bca;
    top: 3px;
    font-size: 21px;
}
.sp-card .fa-usd{
color: #428bca;
    position: relative;
    font-size: 20px;
    top: 2px;
}

.card-img img{
  width: 100%;
}
.sp-card-body{
  padding: 10px 0px;
}
.sp-card-body p{
font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
}
.sp-card ul li{
float: left;
    list-style: none;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
}
.sp-card .sp-card-fd ul li{
   width: 60px;
}
.sp-card input[type="radio"], input[type="checkbox"]{
  margin: 0px;
}
.sp-card .fa.fa-info-circle {
    font-size: 19px;
    position: relative;
    top: 2px;
}

.sp-card ul li.count-p{
  font-weight: 800;
      width: 100px;
}

.sp-card ul{
    display: flex;
    width: 100%;
    border-bottom: solid 1px #000;
    padding: 8px 15px;

}
.sp-card .sp-card-fd ul{
    border-top: solid 1px #000;
    border-bottom: none;
    margin-bottom: 0px;

}
.sp-uploadfiles viewer-toolbar {
    display: none!important;
}
.sp-card-container .sp-card{
    width: 320px;
    min-height: 200px;
    position: relative;
    background: #fff;
    border: solid 1px #8b8b8b;
    border-radius: 10px;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    box-shadow: 3px 5px 10px #888888;
}
.p-icon{
  padding-top: 1px;
    font-size: 19px;
    font-weight: bold;
    color: red;
}
.p-icon img{
  width: 18px;
}
.cardbell-icon{
  position: absolute;
    top: -19px;
    font-size: 30px;
    left: -11px;
}
.avacard-cunt{
position: absolute;
    background: #f00;
    width: 16px;
    height: 16px;
    font-size: 11px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    left: 15px;
    top: 8px;
}
/* arun  */
/* Tooltip container */
input,
input[type="file"], 
.customInputFile {
  overflow: hidden!important;
}



.sp-tooltip .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
opacity: 9;
}
.no-hidden{
overflow: inherit!important;
}
/* Tooltip text */
.sp-tooltip .tooltip .tooltiptext {
  visibility: hidden;
  color: #000;
  text-align: left;
  padding: 5px 10px;
  white-space: pre-line;
 background: #fff!important;
    max-width: 380px !important;
    width: 380px!important;
    font-size: 13px!important;
    line-height: 20px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
      box-shadow: 0 0 5px #aaa;
          border: 1px solid #dddddd;
  z-index: 1;
    left: 20px;
}
.tooltip .fleetAdminIcon-note{
      top: 1px !important;
      cursor: pointer;
}
#schedule-pop .modal-body{
      overflow: inherit!important;
}


/* Show the tooltip text when you mouse over the tooltip container */
.sp-tooltip  .tooltip:hover .tooltiptext {
  visibility: visible;
}

    /* Customize the label (the container) */
.customize-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  height: 24px;
  padding-left: 35px;
  cursor: pointer;
      margin-right: 19px;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customize-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

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

/* On mouse-over, add a grey background color */

/* When the checkbox is checked, add a blue background */
.customize-checkbox input:checked ~ .checkmark {
  background-color: #fff;
  color: #000
}

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

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

/* Style the checkmark/indicator */
.customize-checkbox .checkmark:after {
    left: 8px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid #5c5c5c;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sp-mp-detailsrow h1{
color: #000;
    font-size: 20px;
    font-weight: 600;
}
.check-center{
  width: 23px;
    margin: 0 auto;
}
.check-center .checkmark{
  height: 18px;
  border: solid 2px #5cb85c;
    width: 18px;
}
.check-center .customize-checkbox .checkmark:after {
    left: 5px;
    top: 1px;
    /* background: #000; */
    width: 6px;
    height: 10px;
    border: solid #5cb85c;
    border-width: 0 3px 3px 0;
}
.check-center .customize-checkbox{
  margin: 0px;
    height: 19px;
}

.locationimgmodal .owl-carousel .owl-item img{
  height: 150px;
  width:150px;
}
.sp-upload-row .form-control {
  max-width: 90%;
}
.sp-information-modal  .modal-title{
  float: left;
}
.sp-information-modal  .info-icon-top{
float: left;
    padding-left: 10px;
    font-size: 17px;
}
.sp-information-modal .modal-header{
      padding-bottom: 0px;
  width: 100%;
  display: inline-block;

}
.rutemodal-container .modal-header .modal-title,
.locationimgmodal .modal-title{
font-size: 17px;
    font-weight: 700;
    position: relative;
    top: 7px;
    float: left;
}
.locationimgmodal .modal-body{
padding: 5px 20px;
    padding: 5px 20px 39px 20px;
}
.rutemodal-container .modal-header{
  border-bottom: none;
}
.rutemodal-container .modal-content{
border-radius: 0px;
    border: solid 3px #000;
}
.rutemodal-container .modal-header,
.locationimgmodal .modal-header{
  display: inline-block;
    width: 100%;
    padding: 10px 20px 5px 20px;
}
.locationimgmodal .owl-dots {
  display: none;
}
.locationimgmodal .sp-slider {
    padding: 12px 30px;
    border-bottom: solid 1px #eee;
    margin-bottom: 30px;
}
.sp-uload-area .sp-upload-row{
margin-top: -34px;
}
.sp-uload-area .sp-img-use{
  position: relative;
  top:10px;
}
.sp-selected-img{
  width: 150px;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
  border: solid 6px #000;
    padding: 2px;
}
.sp-selected-img img{
  width:100%;
  height: 100%;
}
.sp-uload-area .pr-0{
  padding-right: 0px;
  text-align: right;
}
.locationimgmodal .owl-carousel .owl-item .radio{
    position: absolute;
    top: 4px;
    margin: 0px;
    left: 10px;
}
.locationimgmodal .owl-carousel .owl-item{
      border: solid 1px #eee;
    height: 150px;
        overflow: hidden;
        position: relative;
}
.locationimgmodal .owl-nav button.owl-next:hover,
.locationimgmodal .owl-nav button.owl-prev:hover{
  background: none;
  color: #000;
}
.locationimgmodal .owl-nav button.owl-prev{
position: absolute;
    left: -40px;
    top: 10%;
    font-size: 63px!important;
}
/*.sp-row-login .user-password{
-webkit-text-security: disc;
    font-size: 16px!important;
}
*/
.sp-slide-checkbox .flot-yes-btn input[switch] {
  display: none;
}
.sp-slide-checkbox .flot-yes-btn input[switch] + label {
  font-size: 1em;
  line-height: 1;
      width: 49px;
    height: 25px;
  background-color: #ddd;
  background-image: none;
  border-radius: 2rem;
  padding: 0.1666666667rem;
  cursor: pointer;
  display:flex;
  align-items: center;
  text-align: center;
  position: relative;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
  font-family: inherit;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.sp-slide-checkbox .flot-yes-btn .no-selected input[switch] + label{
      background-color: #f0ad4e!important;
}
 .sp-slide-checkbox .flot-yes-btn .no-selected  input[switch] + label:after{
      left: 16px!important;
}



.sp-slide-checkbox .flot-yes-btn .no-selected input[switch]:checked + label:before{
  display: none;
}

.sp-slide-checkbox .flot-yes-btn input[switch] + label:before {
     text-transform: uppercase;
    color: #b7b7b7;
    content: attr(data-off-label);
    display: block;
    font-family: inherit;
    font-family: FontAwesome, inherit;
    font-weight: 700;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    right: 4px;
    margin: 0.2166666667rem;
    top: 4px;
    text-align: center;
    min-width: 1.6666666667rem;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.sp-slide-checkbox .flot-yes-btn input[switch] + label:after {
  /* Slider */
  content: '';
  position: absolute;
  left: 0.1666666667rem;
  background-color: #f7f7f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 1.6666666667rem;
  width: 1.6666666667rem;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.sp-slide-checkbox .flot-yes-btn input[switch]:checked + label {
  background-color: lightblue;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.2)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.2));
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) inset;
}
.sp-slide-checkbox .flot-yes-btn input[switch]:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 4px;
}
.sp-slide-checkbox .flot-yes-btn input[switch]:checked + label:after {
  left: 3.1666666667rem;
  background-color: #f7f7f7;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
}

.sp-slide-checkbox .flot-yes-btn input[switch="bool"] + label {
  background-color: #ee6562;
}
.sp-slide-checkbox .flot-yes-btn input[switch="bool"] + label:before {
  color: #fff !important;
}
.sp-slide-checkbox .flot-yes-btn input[switch="bool"]:checked + label {
  background-color: #58c51b;
}
.sp-slide-checkbox .flot-yes-btn input[switch="bool"]:checked + label:before {
  color: #fff !important;
}

.sp-slide-checkbox .flot-yes-btn input[switch="default"]:checked + label {
  background-color: #a2a2a2;
}
.sp-slide-checkbox .flot-yes-btn input[switch="default"]:checked + label:before {
  color: #fff !important;
}

.sp-slide-checkbox .flot-yes-btn input[switch="success"]:checked + label {
  background-color: #BCE954;
}
.sp-slide-checkbox .flot-yes-btn input[switch="success"]:checked + label:before {
  color: #fff !important;
}

.sp-slide-checkbox .flot-yes-btn input[switch="warning"]:checked + label {
  background-color: gold;
}
.sp-slide-checkbox .flot-yes-btn input[switch="warning"]:checked + label:before {
  color: #fff !important;
}
.sp-align-centercheckbox{
    width: 100%!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sp-uploadfiles p a span{
display: none;
}
.sp-uploadfiles p,
.sp-uploadfiles embed{
  height: 108%!important;
}
.sp-uploadfiles p a{
  position: relative;
      top: -41px;
}

.greymenu-list ul li a{
background-color: #f0ad4e;
    font-size: 12px !important;
    min-height: 36px;
    border-radius: 4px!important;
    display: flex;
    line-height: normal;
    padding: 0px 7px 1px;
    align-items: center;
    justify-content: center;
}
.greymenu-list ul.nav.nav-pills.nav-justified.ipadport li a:hover{
  background-color: #f0ad4e;
}
.radio150 .radio input[type="radio"]:checked + label::after,
.radio100 .radio input[type="radio"]:checked + label::after,
.col-md-xs-radiobox .radio input[type="radio"]:checked + label::after{
      background: #2196f3!important;
}

.greymenu-list ul li.active a.nav-anch{
      border: solid 2px #000 !important;
      background-color: #f0ad4e;
      color: #fff;
}
.sp-align-centercheckbox .flot-yes-btn{
  margin-left: 0px;
}

.sp-align-centercheckbox .flot-yes-btn label{
  padding-top: 0px!important;
  float: left;
}
.sp-blockbtn{
  width: 100%;
  display: inline-block;
}
.crew-bios-container .sp-slide-checkbox .flot-yes-btn input[switch] + label{
  width: 65px;
}
.crew-bios-container .sp-slide-checkbox .flot-yes-btn input[switch] + label:before{
    top: 3px;
}
.crew-bios-container .sp-slide-checkbox .flot-yes-btn input[switch]:checked + label:after{
      left: 4.4666666667rem;
}
.copy-prebtn{
color: #fff;
background: #b00de3;
margin-top: 10px;
margin-right: 6px;
}
.on-board-label{
  float: left;
  padding-right: 10px;
  font-weight: bold;
}
.rutemodal-container table{
  width: 100%;
}
.rutemodal-container table th{
background: #333;
    color: #fff;
    font-weight: 500;
    text-align: center;
}
.rutemodal-container .modal-dialog{
  width: 750px;
}
.rutemodal-container .modal-body {
  padding: 0px;
}
.rutemodal-container  td, .rutemodal-container th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
}

.rutemodal-container tr:nth-child(even) {
  background-color: #f5f5f5;
}



.locationimgmodal .owl-nav button.owl-next{
position: absolute;
    right: -40px;
    top: 10%;
    font-size: 63px!important;
}
.sp-mrg-let{
  position: relative;
  left:240px;
}
.bt-darck{
  background: #6a5d5d!important;
  color: #fff!important;
}
.sp-mp-detailsrow h2{
color: #000;
    font-size: 18px;
    font-weight: 600;
}
.sp-modal-footer{
width: 100%;
    display: inline-block;
    margin: 10px 0px 0px 0px;
    border-top: solid 1px #d1d1d1;
    padding: 10px 0px;
}
.sp-modal-footer .btn{
  margin-right: 30px;
}
.sp-modal-600{
  width: 620px;
}
.sp-mp-detailsrow .sp-modal-hd {
width: 100%;
    border-bottom: solid 1px #cdcdcd;
    margin-bottom: 15px;
}
.sphdseracrh-row{
  padding-top: 10px;
  display: inline-block;
    width: 100%;
    margin-bottom: 9px;
}

.sp-divrow>div{
float: left;
}
.sp-60-w{
  width: 430px!important;
}
.sp-40-w{
    width:176px!important;
        margin-left: 10px;
}
.sp-upload-img img{
  width: 100%;
  height: 100%;
}
.sp-upload-img{
    float: left;
    border: solid 1px #ccc;
    width: 150px;
    overflow: hidden;
    height: 150px;
}
.sp-40-w .action-icon{
display: block;
    width: 26px;
    left: 1px;
    height: auto;
}
.sp-40-w .action-icon li{
  padding: 5px 0px;
}
.sp-40-w .sp-gallary img{
  width: 19px;
    margin: 0 auto;
}
 .sp-60-w h3{   color: #000;
    font-size: 15px;
   border: solid 1px #ccc;
    margin: 0px;
    padding: 8px 5px;
    font-weight: 600;}
.sp-60-w h1{
  border:solid 1px #ccc;
  margin: 0px;
    padding: 5px;
}
.sp-divrow{
  overflow: hidden;
  width: 100%;
  display: block;
  margin-top: 5px;
}
.sp-divrow .sp-60-w textarea.form-control{
  margin-top: 5px;
      height: 112px;
}
.sp-60-w input{
    padding: 5px 5px!important;
}
.inputContainerdiv{
      width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.p-mt-3{
  margin-top: 3rem;
  padding-right: 0px;
}

.collapse-arrow:after {
    font-family: 'Glyphicons Halflings';
    content: "\e072";
    position: absolute;
    color: #b0c5d8;
    font-size: 18px;
    line-height: 22px;
    right: 20px;
    top: calc(50% - 10px);
    -webkit-transform: rotate(
-90deg
);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(
-90deg
);
}
.collapsed:after {
    -webkit-transform: rotate(
90deg
);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(
90deg
);
}
.accordion-icon{
  margin: 0px;
  padding: 0px;
  float: right;
  margin-right: 3rem;
  margin-top: -21px;
}
.accordion-icon li{
  list-style: none;
  float: left;
  font-size: 2rem;
  margin: 0rem 0.600rem;
  cursor: pointer;
}
.assign-btn{
  margin-bottom: 15px;
}
.fa.fa-info-circle{
  color: #428bca;
  cursor: pointer;
}
.task-recordmodal-row .modal-content{    background-color: #F7F7F7;}
.task-recordmodal-row label{text-align: right;font-size: 12px;width:100%;font-weight: 500;}
.task-recordmodal-row .modal-header{
 margin: 14px 0px 10px 0px;
 border-bottom: solid 1px #deee;
 display: inline-block;width:100%;
    padding: 0px 0px 20px 15px;}
.task-recordmodal-row .modal-header .close {
    margin-top: -2px;
    font-size: 30px;
    position: absolute;
    right: 15px;
    color: #000;
    opacity: 9;
}
.task-recordmodal-row h1{
    font-size: 16px;margin: 0px;
    font-weight: bold;
        float: left;
     padding-top: 5px;

}
.w-700Modal .modal-dialog{
  width: 700px!important;
}
.w-500 .modal-dialog{
  width: 500px;
}
.w-500 .flex-div .close{
 position: absolute;
     right: 15px;
     z-index: 1;
}
.w-500 .flex-div .checkbox{
      margin:0px;
}
.w-500 .checkbox-mb0 .checkbox{
margin-bottom: 0px;
}
.workingarrangements-accordion{
  width: 100%;
  display: inline-block;
}
#EmploymentForms,
#video-questionnaire{
  display: none;
}
.w-700Modal .modal-body{
    background: #f9f9f9;
}
.w-700Modal .modal-footer{
  margin-top: 0px;
}
.modal-header  .close.close-btnall{
  margin-top: -27px;
    font-size: 3rem;
}
.btn-cancel{
  background: #5a5757!important;
    color: #fff;
    padding: 0px 16px;
}
.btn-cancel:hover{
  background: #f00!important;
  color: #fff;
}
.w-700Modal i.fa-info-circle {
    color: #6393f9 !important;
    cursor: pointer;
    font-size: 14px;
}
.w-700Modal .action-row-column ul li i {
    font-size: 20px!important;
}
.w-700Modal .modal-title{
  left:20px!important;
      text-align: left!important;
}
.w-700Modal .modal-header{
  padding: 10px;
}
.md-rwotd>div{
    display: flex;
}
.w-700Modal .close{
    position: absolute;
    right: 13px;
    top: 11px;
}
.yes-novalue{
background: #a9a6a6;
    width: 65px;
    height: 29px;
    /* text-align: center; */
    display: flex;
    line-height: 27px;
    border-radius: 17px;
    font-size: 15px;
    align-items: center;
    font-weight: 700;
    /* color: #fff; */
    justify-content: center;

}
.yes-novalue.bg-green{
color: #ffffff;
    background-color: #5cb85c;
}

 .yes-novalue.bg-red{
color: #ffffff;
    background-color: #ee6562;
}


.md-rwotd img{
      left: -13px;
    position: relative;
}
.md-rwotd .alnmid{
      position: relative;
    left: -7px;
}
.table.admin_account tbody > tr  .md-rwotd{
padding-right: 0px!important;
    padding-top: 7px!important;
}
.toolleft-icon i.fa-info-circle, 
.emp-hd i.fa-info-circle{
  font-size: 20px!important;
}
.info-icon-top.toolleft-icon{
margin-left: 5px;
    /* left: -22px; */
    top: 5px;
}
.portemergenciescontacts-container{
  width: 1000px;
  margin: 0 auto;
}
.portemergenciescontacts-container .panel-body{
  padding: 30px 15px;
  background: #f2f2f3;
}
.accordion-panel .collapse-arrow:after {
    font-family: 'Glyphicons Halflings';
    content: "\e072";
    position: absolute;
    color: #b0c5d8;
    font-size: 18px;
    line-height: 22px;
    right: 20px;
    top: calc(50% - 10px);
    -webkit-transform: rotate(
-90deg
);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(
-90deg
);
}
.accordion-panel .collapsed:after {
    -webkit-transform: rotate(
90deg
);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(
90deg
);
}
.panel-default > .panel-heading{
  position: relative;
}
.accordion-panel .panel-title a {
    font-weight: bold;
    font-size: 17px;
    color: #000;
}



.show-units-btn {
    margin: 5px 0px 15px 0px;
}
.gallery-img-modal .modal-body{
  background: none!important;
}
.gallery-img-modal{
  background-color: rgba(0, 0, 0, 0.79)!important;
}
.sm-row-12{padding-left:15px;}

.sm-row-12 #TextBoxesGroup{
  background: none!important;
  border:none!important;
  padding: 0px!important;
      overflow: inherit;
          width: 355px;
}

.task-recordmodal-row .btn-success{
      width: 100px;
    text-align: center;
    border-radius: 0px;
    height: 50px;
    margin: 0 auto;
    display: block;font-size: 14px;font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;


}
.template-checklist-pagerow td{
border:1px solid #ddd;
border-bottom:none;
border-right:none;
height:40px;
padding-left:5px;
}





#referencenav label img{position: relative;top:2px;}

.archived-certificates-modal .work_action a{
    width: 22px;
    display: inline-flex!important;
}
.nrc-img-gallery .modal-content {
    width: auto!important;
}

.nrc-img-gallery .modal-dialog {
padding-left: 0px!important;
}

.modal-lg-full{width:685px;}
.md-label-padd{padding: 0px;}
.mg-top-form{margin-top: 5px;}
.pad-lt-0px{padding-left: 15px;padding-right: 0px;}
.pad-rt-0px{padding-right: 15px;padding-left: 0px;}
.pad-0px{padding:0px;}
.md-container-row{display: inline-block;width:100%;padding: 0px 5px;}

.adddateclass{ border: 1px solid #ccc;
    border-radius: 4px;background: #fff;width:100%;height: 115px;
}

.adddateclass #date{border:none!important;}
.form-control-comment{height: 125px!important;}

@media (max-width:768px) {
.task-recordmodal-row label {
    text-align: left;
}
.modal-lg-full{width:auto;}
.md-label-padd {
    padding: 0px 15px;
}
.pad-rt-0px {
    padding:0px 15px;
}
.pad-lt-0px {
    padding:0px 15px;
}

.adddateclass {
    margin-bottom: 15px;
}
.md-mrg-mob{
    margin-top: 15px;
}
.none-label{position: absolute;display: none;}


}



.dataTables_length{
  display:none !important;
}
.hideClass{display:none !important;}
.showClass{display:block !important;}
.msgDate{
  font-weight: bold;
}
.msg{
  color:#3276B1;
  font-style:italic;
}
body {
  padding-top: 50px;
  margin-left:0 !important;
  margin-right:0 !important;
  background: #f2f2f3;
  
}
.green-font{
   color:green !important;
}
#wrapper {
  padding-left: 0;
}
#page-wrapper {
  width: 100%;
  padding: 5px 15px;
}
.tdText{
  /*position:relative;z-index:1;*/
}.tdTextNew{
  position:relative;z-index:1;
}
/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
  display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
  float: left;
  margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
  font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
  font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
  font-size: 12px;
}


/* Nav Announcements */

.announcement-heading {
  font-size: 50px;
  margin: 0;
}

.announcement-text {
  margin: 0;
}

/* Table Headers */

table.tablesorter thead {
  cursor: pointer;
}

/*--Css changed on 20/1/2015_H
table.tablesorter thead tr th:hover {
  background-color: #f5f5f5;
}
*/

table.tablesorter thead tr th:hover {
  background-color: #222;
    color: #fff !important;
  text-decoration:underline;
}

/* Flot Chart Containers */

.flot-chart {
  display: block;
  height: 400px;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
}

.no_pad{padding:0px!important}
.rd_control{width:105px; margin:0 auto;}
.th_rd_conlrol{padding-left:2px!important; padding-right:2px!important;}
/*FIXED HEADER STYLE*/

/* ----------->>> GridView <<<----------*/
.gridView
{
width: 100%;
clear: both;
margin: 0;
border: medium none !important;
border-collapse: collapse;
}
.gridView tr td
{
vertical-align: top;
}
.gridView thead tr, .footer
{
font: bold 11px Arial;
vertical-align: middle;
text-decoration: none;
text-align: center;
}

/* --->>> HeaderStyle (cabeçalho) <<<---*/
.gridView thead tr
{
color: #333;
background: #fff url(../images/bg-header-grid.png) bottom repeat-x;
vertical-align: middle;
height: 25px;
}
.gridView thead tr th
{
border-top: 1px solid #E2E6E6;
border-bottom: 3px solid #E5E5E5;
vertical-align: middle;
}
.gridView thead tr a
{
font: bold 11px Arial, Verdana;
color: #333;
padding: 0 0 0 10px;
text-decoration: underline;
background: url(../images/Icones/ico-ordem.gif) left no-repeat;
vertical-align: middle;
}
.gridView thead tr a:hover
{
color: #06c;
background: url(../images/Icones/ico-ordem-hover.gif) left no-repeat;
}

/* ---->>> FooterStyle (rodapé) <<<------*/
.footer
{
height: 20px;
width: auto;
margin: 0 auto;
text-align: center;
padding: 5px;
}
/*PagerStyle*/
.footer a, .footer span
{
color: #555;
padding: 2px 6px 2px 6px;
border: 1px solid #bcbcbc;
background: #F1F1F1 url(../images/bg-pg.png) bottom repeat-x;
text-decoration: none;
}
.footer a:hover
{
color: #C40B17;
background-color: #fff;
background-image: none;
border: 1px solid #890812;
}
.footer span
{
color: #fff;
background: #D7403F url(../images/bg-pg-focus.png) bottom repeat-x;
border: 1px solid #890812;
}


/* ------------>>> Grid <<<--------------*/
.grid, .gridAlternada, .gridDestacada
{
font: 11px Arial,Verdana;
text-align: left;
text-align: center;
vertical-align: middle;
}
.grid:hover, .gridAlternada:hover, .gridDestacada:hover
{
color: #000;
background: #D4E5F6 url(../images/bg-dia.png) 0 0 repeat-x;
}

.grid
{
background-color: #fff;
}
/*RowStyle*/
.gridAlternada
{
background-color: #eee;
}
/*AlternatingRowStyle*/
.gridDestacada
{
background-color: #FFE082;
color: #333;
}
/*SelectedRowStyle / EditRowStyle*/


/* -------->>> Link Grid's <<<-----------*/
.grid a, .gridAlternada a, .gridDestacada a
{
color: #384249;
text-decoration: none;
}
.grid a:hover, .gridAlternada a:hover, .gridDestacada a:hover
{
color: #000;
text-decoration: underline;
}


/*21-1-15*/
/*.gridView thead tr th { font-weight:bold; color:#333;}
.gridView thead tr th,
.gridView tr td
{ border:1px solid #aaa; padding:10px 12px; ;}

.gridView tr td,
.gridView thead tr th { background:#fff; text-align:left;}

.gridView tr:hover td
{
background:#eee;
}
.scrolldiv { overflow:visible !important; height:auto !important;}
.no-scroll { overflow:auto !important; height:350px !important;}
*/











.custom-fixed-tbl table {border-collapse: collapse;}
.custom-fixed-tbl .k-grid-header-wrap th.k-header{ padding:9px; background: #222; white-space: normal; text-align:center}
.custom-fixed-tbl .k-grid-header-wrap th.k-header:hover { background:#eee;}
.custom-fixed-tbl .k-grid-header-wrap th.k-header:hover .k-link,
.custom-fixed-tbl .k-grid-header-wrap th.k-header:hover .k-link a
{color:#222;}
.custom-fixed-tbl .k-grid-header-wrap .k-header .k-link,
.custom-fixed-tbl .k-grid-header-wrap .k-header .k-link a
{ font-size:11px; color:#fff;}

.custom-fixed-tbl .k-grid .table td:last-child {padding-right:5px; padding-left:5px;}
.custom-fixed-tbl .k-grid .table td:last-child {}
.custom-fixed-tbl .gridcell span{width:20px !important;color:#000;}
.custom-fixed-tbl .gridcell span,
.custom-fixed-tbl .table td a
{ padding: 0;}
.custom-fixed-tbl .gridcell span img{ width:80%;}
/*21-1-15*/

/*22-1-15*/
.custom-fixed-tbl .k-grid-content .table tr td{
position: relative;
padding-right: 0;
padding-left: 0;
}
.click-event { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
/*22-1-15*/


/*26-2-15 start_raj*/
.form-group-row { padding:0 0 6px 0;}
.form-group-row:after { 
content:'';
display:table;
clear:both;
}
.input-box-col .form-control{ width:100% !important; margin:0 !important;}
.info-icon-algn{
    float: right;
    margin-top: -26px;
    left: 240px;
    position: absolute;
}
.info-icon-algn-one{
      float: right;
    margin-top: -26px;
    left: 240px;
    position: absolute;
}
.info-icon-algn-100{
    float: right;
    margin-top: -26px;
    left: 100%;
    position: absolute;
}

.form-group-row > div { padding: 0 10px 0 0;}
.custom-form-block { padding:15px 0 0 0;}
.ism-form-row { padding:15px 0px;}

.form-box-custom .form-box > label,
.form-group-row label
{ font-size:12px; font-weight:bold;}
.form-box-custom .col-sm-12 { min-height:165px;}
.custom-tbl-inner { overflow:auto;}
.custom-tbl-list .th_checkbox {
transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
} 
/*.custom-tbl-list .k-grid
{ width:1800px;}*/
.custom-tbl-list .oprdiv { padding:0; margin-right:0;}
.custom-profile-block { padding-right:150px; position:relative;}
.clockplugin-box {
position:absolute; top:10px; right:100px;
}
.clockplugin-ttl { font-weight:bold; text-align:center;}
.custom-form-box .btn{ margin:0 0 10px 0;}
/*26-2-15 end_raj*/
.tzofBack
{
  color: #9b9b9b;
    margin: -30px auto 0px;
    position: relative;
    width: 80px;
    float:right;
}
/*FIXED HEADER STYLE*/

.icon-div{width: 135px; display:block; margin:0 auto;}
.icon-div.act-icon{
  text-align:right;
        width: 120px;
  }

.table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td{border-width:0px!important;}


.left_pad_10{padding-right:10px!important;}

.ism_check{width:32%; float:left;}
.ism_check input{padding:6px 6px!important;}

/*14-8-15 start _Rajvir*/
.table.data-tbl-custom{ width: 1000px;}
/*14-8-15 end _Rajvir*/
.actiondivinr{min-height:42px;}


/*29-2-16 start*/
.required-cell-assessment {
    padding: 0 7px 0 0;
}
.required-cell-assessment > label {
    display: inline-block;
    vertical-align: top;
}
.required-cell-assessment > input {
    display: inline-block;
    margin: 3px 0 0;
}
.form-control.textarea-assessment {
    height: 50px;
  padding: 6px !important; 
}
.risk-assessment-cell-1 {width:41%;}
/*29-2-16 end*/


@media (min-width:1368px) {
.form-box.inner_two_drop{padding:0 0 0 0px!important;}
.inner_three_drop .btn{width:100%;}
.inner_three_drop{width:40%;  margin-top:10px; float:right}

/*14-8-15*/
.inner_two_drop.inner_two_drop2 {
  margin-top:10px;
}
.inner_two_drop.inner_two_drop_mrgn {
 margin-top:10px; 
}
/*14-8-15*/
  }
@media (max-width:1368px) {
.add_my_drop .inner_my_drop{ width:100%;}
.inner_two_drop{width:60%; margin-top:10px}
.inner_three_drop{width:35%;  margin-top:10px; float:right}
.inner_three_drop .btn{width:100%;}
  }

@media (max-width:1368px) {

.inner_three_drop{margin-right:0px;}

}

@media (max-width:1200px) {
  .clockplugin-box {right:5%;}
  #RiskassessmentId h2{text-align:center;}  
}


/* Edit Below to Customize Widths > 768px */
@media (min-width:768px) {

  /* Wrappers */

  #wrapper {
  padding-left:250px;
  }

  #page-wrapper {
  padding: 15px 25px;
  }

  /* Side Nav */

  .side-nav {
  margin-left:-250px;
  left: 250px;
  padding-bottom: 35px;
  width: 250px;
  position: fixed;
  /*top: 50px;*/
  height: 90%;
  border-radius: 0;
  border: none;
  background-color: #222222;
  overflow-y: auto;
  }

  /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */

  .side-nav>li.dropdown>ul.dropdown-menu {
  position: relative;
  min-width: 225px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  }

  .side-nav>li.dropdown>ul.dropdown-menu>li>a {
  color: #999999;
  padding: 15px 15px 15px 25px;
  }

  .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {
  color: #fff;
  background-color: #080808;
  }

  .side-nav>li>a {
  width: 225px;
  }

  .navbar-inverse .navbar-nav>li>a:hover,
  .navbar-inverse .navbar-nav>li>a:focus {
  background-color: #080808;
  }

  /* Nav Messages */

  .messages-dropdown .dropdown-menu {
  min-width: 300px;
  }

  .messages-dropdown .dropdown-menu li a {
  white-space: normal;
  }

}
/* Footer Section Set the fixed height of the footer here */
#footer {
    background-color: #F5F5F5;
    bottom: 0;
    right: 0;
    width: 100%;
}
.footer-copy {
    padding: 0;
  margin:0;
    text-align: center;
}

html, body {
  height: 100%;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -5em;
}
.footer, .push {
/*  height: 6em; */
    float: left;
    height: 52px;
    line-height: 45px;
}
/*.navbar-fixed-top, .navbar-fixed-bottom{position: absolute;}*/
.logoimg { width:76px; margin:12px 14px}
.logoimg img { width:100%}
.navbar-nav > li:last-child { margin-bottom:50px;}
.user-dropdown { margin-bottom: 0 !important }
.user-dropdown .dropdown-toggle { margin:26px 15px 0;}
.inscroll{position:relative;}
.inscroll thead{/*position: absolute; */ top:0;}
.inscroll tbody{height:80px; overflow:scroll;}
.inscroll tbody{height:150px; overflow:scroll;}
.mbtm input, .mbtm select{margin-bottom:10px;}
.table-responsive{border:0;}
.form-box > label {font-size:14px; font-weight:normal;}

/**30/1/2015**/
.btn{padding:0px 7px 1px; line-height:32px; font-size:13px; ;}
.whitespace{white-space:initial;}
.btn.btn-default.whitespace{width:100%;}
.PagingCont .pagination{float:none;}
.ui-dialog{z-index:9999 !important;}
.autocomplete-suggestions{z-index: 99999 !important;}
.fts14{font-size:14px;}

/*-----20150304-------*/
.no-padd tr td{padding:0 8px!important;}
textarea.form-control.text-h{height: 160px;}


.form-group.form-spacing sub{bottom:0;}
.ipad_mrg_twenty{margin-top:20px;}

/*20/08/2015 Amit Gupta*/
.alignCentertd{vertical-align:middle !important;}

.fancybox_unit.fix_help{background:#000;
        position:fixed;
        right:-34px;
        top:150px;
        padding: 10px 16px;
        border-radius: 4px 4px 0px 0px;
        color:#fff;
        font-weight:bold;
        text-decoration: none;
          -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
        }

.fancybox_unit.fix_help:hover{background:#FF7F27;}
.new_pos_location{width:190px; text-align:center;}
.fancybox-rw a{
  overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/*MEDIA QUERIES START HERE*/
@media (max-width: 1200px){
  .k-grid-header{padding-right:0 !important;}
  #feedbackdiv{left:54% !important; position:absolute; text-align:left; top:34px !important; width:100% !important; z-index:9999 !important;}
}
@media (max-width: 935px){
  .responsivePopup{position:absolute; left:auto; right:30px;}
  #feedbackdiv {left: auto !important;}
}
@media (max-width: 445px) {
  .logotxt{line-height: normal !important; padding: 0 15px 15px; width: 100%;}
  #page-wrapper {padding: 110px 25px !important;}
  .yachtHeaderName{margin-top:-11px !important;}
}

/*26-2-15 start_raj*/
@media (max-width:540px){
.custom-profile-block { padding-right:0;}
.clockplugin-box { position:static;}

/*----------2/2/2016-----------*/
.yachtHeaderName{font-size:31px !important;}
.side-nav{margin-left:0px !important;}
}
/*26-2-15 end_raj*/


@media (max-width:767px){
  .navbar-toggle{
z-index: 9999;


  }
        #worklistId .lft_pad{padding-right:0px!important}
        
  .fixwidthinreponsive td
  {
    display: -moz-box;
    width: 250px !important;
  }
/*----------2/2/2016-----------*/
/* .yachtHeaderName {
    position: inherit !important; float:none !important;margin:0px !important;
  }*/
.side-nav{margin-left:-10px !important;}
  
}




/**Always at bottom**/
.space50{height:50px;}


.fc-toolbar button {
    position: relative;
    text-transform: uppercase !important;
}

.addbutton
{
  margin-top:6px;
}

.mlft
{
  margin:0 2px;
  float:left;
}
 .yachtHeaderName {
    color: #fff;
    font-size: 42px;
    margin:0 auto;
    left:0px;
    right: 0px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
}

/*@media only screen and (max-width:1024px)*/
@media only screen and (max-width:1344px){
     .yachtHeaderName{
      font-size:32px !important;
     }
   }
  
 /*.yachtHeaderName {
    color: #fff;
    font-size: 42px;
    position: relative; float:left;
    text-align: center;
    text-transform: uppercase;
    margin-top: 21px; margin-left:0; top:auto; left:auto;
    max-width: 411px;
  width:auto;
    z-index: 1111;
  }
  */


.navbar-inverse{/*background:url(images/grill.png) repeat, url(images/header-overlay.png) no-repeat center;*/background:url(images/header-overlay.png) no-repeat scroll center center, url(images/grill.png) repeat scroll bottom center;}
.side-nav{background:url(images/side.png) no-repeat scroll right center, url(images/grill.png) repeat scroll bottom center;}
.side-nav.nav li{padding:2px 0 0; display:block;}
#wrapper .navbar-collapse.sideNavCont .side-nav.nav > li {
  display:block;
}
#wrapper .navbar-collapse.sideNavCont.closed .side-nav.nav > li {
  display:none ;
}
#wrapper .navbar-collapse.sideNavCont.closed .side-nav.nav{
  left:-2% !important;
}
.menuss.closed{
  left:0% !important;
}

.sideNavCont.closed .side-nav {
    margin-left: -211px!important;
}




.side-nav.nav > li{padding:4px 8px 0; width:100%; display:block;}


.side-nav.nav > li a{width:100%; display:block; border-radius:20px; color:#000; font-weight:bold;height: 45px!important;}
.side-nav.nav > li a > img{display:none;}
.navbar-inverse .navbar-brand{color:#fff;}
.nav .caret{border-bottom-color: #000; border-top-color: #000;}

.side-nav.nav > li li a, .side-nav.nav > li > label, .side-nav.nav > li > a{background:url(images/side-menu-left.png) no-repeat scroll left center, url(images/side-menu-right.png) no-repeat scroll right center, url(images/side-menu-center.png) repeat-x scroll left center; color:#000; text-align:center; padding:0; border-radius:50px; display:table; height:44px; position:relative; width:100%; margin:0;}

.side-nav.nav > li.active > a, 
.side-nav.nav > li > ul > li.active > a, 
.side-nav.nav > li > ul > li > a:hover, 
.side-nav.nav > li > a:hover, .side-nav.nav > li a:focus, 
.side-nav.nav > li > label:hover, 
.side-nav.nav > li ul li > label:hover, 
.side-nav.nav > li li.active > label, 
.side-nav.nav > li.active > label,

.navbar .side-nav.nav > li.active > a, 
.navbar .side-nav.nav > li > ul > li.active > a, 
.navbar .side-nav.nav > li > ul > li > a:hover, 
.navbar .side-nav.nav > li > a:hover, .side-nav.nav > li a:focus, 
.navbar .side-nav.nav > li > label:hover, 
.navbar .side-nav.nav > li ul li > label:hover, 
.navbar .side-nav.nav > li li.active > label, 
.navbar .side-nav.nav > li.active > a:hover,
.navbar .side-nav.nav > li.active > a:focus
{
  background:url(images/side-menu-left-hover.png) no-repeat scroll left center, url(images/side-menu-right-hover.png) no-repeat scroll right center, url(images/side-menu-center-hover.png) repeat-x scroll left center; color:#000;
}

.side-nav.nav > #emergencynav a{
    background: url(../../img/admin/side-menu-leftd.png) no-repeat scroll left center, url(../../img/admin/side-menu-rightd.png) no-repeat scroll right center, url(../../img/admin/side-menu-centerd.png) repeat-x scroll left center;
    color: #000;
    text-align: center;
    padding: 0;
    border-radius: 50px;
    display: table;
    height: 44px;
    position: relative;
    width: 100%;
    margin: 0;
}
.side-nav.nav > #emergencynav a:hover{
    background: url(../../img/admin/side-menu-left.png) no-repeat scroll left center, url(../../img/admin/side-menu-right.png) no-repeat scroll right center, url(../../img/admin/side-menu-center.png) repeat-x scroll left center;
    color: #000;
    text-align: center;
    padding: 0;
    border-radius: 50px;
    display: table;
    height: 44px;
    position: relative;
    width: 100%;
    margin: 0;
}
/*.side-nav.nav > li.redactive > a {
    background: url(../../img/admin/side-menu-left.png) no-repeat scroll left center, url(../../img/admin/side-menu-right.png) no-repeat scroll right center, url(../../img/admin/side-menu-center.png) repeat-x scroll left center !important;
    color: #000 !important;
    text-align: center !important;
    padding: 0 !important;
    border-radius: 50px !important;
    display: table !important;
    height: 44px !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
}
*/
.side-nav.nav > #referencenav a{
    background: url(../../img/admin/grayed-blue/side-menu-left.png) no-repeat scroll left center, url(../../img/admin/grayed-blue/side-menu-right.png) no-repeat scroll right center, url(../../img/admin/grayed-blue/side-menu-center.png) repeat-x scroll left center;
    color: #000;
    text-align: center;
    padding: 0;
    border-radius: 50px;
    display: table;
    height: 44px;
    position: relative;
    width: 100%;
    margin: 0;
}
.side-nav.nav > #referencenav a:hover{
    background: url(../../img/admin/blue/side-menu-left.png) no-repeat scroll left center, url(../../img/admin/blue/side-menu-right.png) no-repeat scroll right center, url(../../img/admin/blue/side-menu-center.png) repeat-x scroll left center;
    color: #000;
    text-align: center;
    padding: 0;
    border-radius: 50px;
    display: table;
    height: 44px;
    position: relative;
    width: 100%;
    margin: 0;
}
.nav-blue-menus li.active a,
.nav-blue-menus li a:focus,
.nav-blue-menus li a:hover,
.side-nav.nav > li.blueactive > a {
    background: url(../../img/admin/blue/side-menu-left.png) no-repeat scroll left center, url(../../img/admin/blue/side-menu-right.png) no-repeat scroll right center, url(../../img/admin/blue/side-menu-center.png) repeat-x scroll left center;
    color: #000 !important;
    text-align: center !important;
    border-radius: 50px !important;
    display: table !important;
    cursor: pointer;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer;
}




.side-nav.nav > li li a:hover,
.side-nav.nav > li li.active a:hover,
.side-nav.nav > li li.active a:focus,
.side-nav.nav > li li.active > a{ background:url(images/side-menu-left-hover.png) no-repeat scroll left center, url(images/side-menu-right-hover.png) no-repeat scroll right center, url(images/side-menu-center-hover.png) repeat-x scroll left center; color:#000;text-decoration:none;}

.side-nav.nav > li > ul li > a, .side-nav.nav > li > a{text-align:center; padding-left:0px; display:table;}
.side-nav.nav > li > ul li > a > label, .side-nav.nav > li > a > label{display:table-cell; vertical-align:middle; line-height:13px;}
.side-nav.nav > li > ul li > a{text-align:center; padding-left:0;}

.side-nav.nav > li label .caret{width:30px; height:100%; right:0; position:absolute; border:0;}
.side-nav.nav > li label .caret:before{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #000 transparent transparent; border-image: none; border-style: solid; border-width: 4px; content: " "; height: 0; left:16%; margin-left: 0; margin-top: -2px; position: absolute; top: 50%; width: 0; margin:0;}

.side-nav.nav > li > label > a{display: table-cell; line-height:13px; height:45px!important; padding-left:30px; padding-right:30px; text-align:center; vertical-align: middle; width: 100%;}
.side-nav.nav > li > label > a label{margin:0;}

/*
commented bellow line due to wrong color displaying for persur only site navigation
.side-nav li label a:hover, .side-nav li label a:focus, .side-nav li.active label a{background:none transparent !important; text-decoration:none;}*/

.table.table-bordered.table-hover.table-striped.tablesorter.no-padd tr > td:last-child .posrel .tdtext > a, .table.table-bordered.table-hover.table-striped.tablesorter.no-padd tr > td:last-child .posrel > a{display:inline-block; padding:0 3px;}
.table.table-bordered.table-hover.table-striped.tablesorter.no-padd tr > td:last-child .posrel a img{height:14px; width:14px;}

.navbar-nav.navbar-user > li > .dropdown-menu > li a{background:url("images/top-menu-left.png") no-repeat scroll -2px 1px, url("images/top-menu-right.png") no-repeat scroll 78px 1px, url("images/top-menu-center.png") repeat-x scroll 0 1px rgba(0, 0, 0, 0); border-radius:40px; padding:6px 0; margin-bottom:19px; text-align:center; color:#000; font-weight:bold;}
.navbar-nav.navbar-user > li > .dropdown-menu > li a img{display:none;}
.navbar-nav.navbar-user > li > .dropdown-menu > li a:hover{/*background:url("images/top-menu-left-hover.png") no-repeat scroll left center, url("images/top-menu-right-hover.png") no-repeat scroll right center, url("images/top-menu-center-hover.png") repeat-x scroll left center rgba(0, 0, 0, 0);*/ background-position:-2px -31px, 78px -31px, 1px -31px; color:#000;}
.navbar-nav.navbar-user .user-dropdown .dropdown-toggle{margin:12px 108px 0 0;}
.navbar-nav.navbar-user > li > .dropdown-menu{
  background:none transparent; 
  right:15px;
   display:block;
   top:15px;
    border:0; 
    box-shadow:none; 
    padding:0; 
    min-width:100px;
    z-index:1112;

  }
.navbar-nav.navbar-user .caret{display:none;}
#calendar{width:100%; float:left;}
.menuss{left:250px; position:fixed; display:block; top:100px; height:49px; width:22px; cursor:pointer; z-index:999;}
#wrapper{padding-left:0 !important;}
.dropdown.user-dropdown a br{display: none;}
/*@media only screen and (max-width:1110px)
{
  .logoimg + a.navbar-brand.logotxt{display:none;}
}*/
@media only screen and (max-width:1024px)
{
  .logoimg + a.navbar-brand.logotxt{
    position: relative;
    display: block!important;
    top:-10px;

  }
/*.dropdown.user-dropdown a br{display: block;}*/
.dropdown.user-dropdown a i{display:none;}

/*.navbar-nav.navbar-user > li > .dropdown-menu{    top: 16px;}*/



}
.location{float:left;}
.location span{float:left; font-size:15px; line-height:32px; margin-left:0; margin-right:10px;}

@media only screen and (max-width:800px)
{
  .location{margin-top:8px;}
  
}
@media only screen and (max-width:890px)
{
  .location > input{margin-top:8px;}
  .location span{width:100%;}
} 

  
  
  

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

  }
@media only screen and (min-width:1401px)
  {
     .side-nav {
  margin-left:-220px;
  left:220px;
  width:220px;
    }
    #wrapper {
  padding-left:220px;
    }
  .menuss{left:220px;}
  } 
@media only screen and (min-width:1700px)
  {
     .side-nav {
  margin-left:-250px;
  left:250px;
  width:250px;
    }
    #wrapper {
  padding-left:250px;
    }
  .menuss{left:250px;}
  }

@media only screen and (max-width:1400px)
  {
     .side-nav {
  margin-left:-191px;
  left:191px;
  width:191px; font-size:12px;
    }
    #wrapper {
  padding-left:191px;
    }
  .menuss{left:191px;}
  } 

@media only screen and (min-width:1500px) and (max-width:1601px)
  {
     .side-nav {
  margin-left:-220px;
  left:220px;
  width:220px;
    }
    #wrapper {
  padding-left:220px;
    }
  .menuss{left:220px;}
  }
@media only screen and (max-width:999px)
  {
  .side-nav.nav > li li a, .side-nav.nav > li a{padding-left: 12px; padding-right: 12px;}
 
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{color:#000;}
  
  #page-wrapper, body{background: #f2f2f3;}
  

.my_cmd{margin-bottom:12px;}

  }
.custom-forms{max-width:1170px; margin:0 auto; width:100%;}
.custom-forms.full-width {max-width:none;}/*21-1-16*/ 
.custom-forms .form-label label{padding-right:10px; font-size:13px;}
.custom-forms .form-label{text-align:right;}
.custom-forms .form-control{max-width:225px;}
.custom-forms .form-control.full-width{max-width:none;}
.custom-forms .datefield{max-width:115px;}
.custom-forms textarea.form-control{width:100%; max-width:none; height:120px;}

@media only screen and (max-width:1600px)
{
/*29-2-16 start*/
.risk-assessment-cell-1 {
    width: 26.2%;
}
/*29-2-16 end*/
}

@media only screen and (max-width:1300px)
{
/*29-2-16 start*/
.risk-assessment-cell-1 {
    width: 32.5%;
}
.form-control.textarea-assessment {
    height: 48px;
}
/*29-2-16 end*/
}

@media only screen and (max-width:1200px)
{
  .form_space{width:150px; text-align: center;}
.posrel.icon_one a{margin-left:4px; margin-right: 3px;}
  #Userstatus{padding-left: 3px!important; padding-right: 3px!important;}
  #employment{padding-left: 3px!important; padding-right: 3px!important;}
  #end_date{padding-left: 3px!important; padding-right: 3px!important;}
  #example tr td:last-child a{display: inline-block !important; margin: 0 !important;padding: 0 !important; float:none!important;}
  .action_td{width:80px; display: block; margin: 0 auto;}
  .action-cols{width:120px;}
  
  .datetxt{width:100%; float:left;}
  .ac_space{width:140px; margin: 0 auto;}
  .posrel.icon_one{width:140px; margin: 0 auto;}
  .work_action{width:160px; margin: 0 auto;}
  .outer_complete{width:70px; margin:0 auto; text-align:center;}
  .posrel.ism_one{width:120px; margin: 0 auto;}
  .posrel.ism_one div{ text-align: center;}
  .posrel.ism_one span{float:none!important;}
  
  .custom-forms .form-label.alignleft{text-align:left;}
/*  #example tr td:nth-child(5) {
   padding:0 20px!important;
}  
#example tr td:nth-child(6) {
   padding:0 10px!important;
}  
#example tr td:nth-child(8) {
   padding:0 15px!important;
}  */
th#WorklistpercentageComplete{padding-left:3px!important; padding-right:3px!important;}
#example tr td:last-child{padding-left:2px!important; padding-right:0px!important;}

#example tr td:last-child a{
  display: inline-block;
  margin: 0 4px !important;
  }
.custom-form-box button:last-child{
  margin-right:100px;
  }
.custom-form-box button:nth-child(2) {
    margin-right:100px;
} 

.custom-form-box button:first-child{
  margin-top:5px;
  }
.custom-form-box button:nth-child(2){
  margin-top:5px;
  }
.add_space{margin:0 auto; word-wrap: break-word;}
.posrel.icon_one{padding-right:0px;}
.posrel.icon_one a{ padding: 0 2px!important;}
.new_pos_location{width:120px;}
}

@media only screen and (max-width:850px)
{
  .posrel.icon_one a{ padding: 0 2px!important;}
  .add_space{margin-right: 8px; padding-right:0px !important; width:144px;  padding-left:0px !important;}
        .email_outer{margin-right: 8px;}
  .posrel.icon_one{padding-left:0px; padding-right:0px;}
  
}
@media only screen and (max-width:1024px)
{ 
        .action-cols{padding:8px 0;}
        #UserFormId th#employment a{/*width:72px;*/ display: block; margin: 0 auto;}
        #example_wrapper .dataTables_scrollBody{margin-left: 0px;}
    
    
    /*29-2-16 start*/
    .risk-assessment-cell-1 {
    width: 28%;
    } 
    .form-control.textarea-assessment {
    height: 65px;
    }
    /*29-2-16 end*/
}

@media only screen and (max-width:767px)
{
  .menuss{display: none;}
}
.side-nav::-webkit-scrollbar {
      width: 17px;
} /* this targets the default scrollbar (compulsory) */
.side-nav::-webkit-scrollbar-track {
      background-color: #f1f1f1;
} /* the new scrollbar will have a flat appearance with the set background color */
 
.side-nav::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.2); 
} /* this will style the thumb, ignoring the track */
 
.side-nav::-webkit-scrollbar-button {
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
.side-nav::-webkit-scrollbar-corner {
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

.table.table-bordered.table-hover tr > td:last-child .posrel.icon-div > a{padding:0 !important; margin:0 8px !important;}
.posrel.icon-div{text-align:center !important;}

.table tbody > tr > td, .table tfoot > tr > td {
    padding: 3px 2px !important;
}
.posrel {
    position: relative;
  padding: 3px;
}
/*2-7-15*/
.checkboxcell {
display: inline-block;
vertical-align: top;
}
#WorklistImage + sub.blue{width:100%; float:left; text-align:left;}

input.blue[type="checkbox"] + label::before, input.red[type="checkbox"] + label::before {
    border: 1px solid #ddd;
    content: "";
    float: left;
    height: 15px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
input.red[type="checkbox"] + label, input.blue[type="checkbox"] + label  {
    padding-left:0; margin-bottom:0;
}
input.red[type="checkbox"], input.blue[type="checkbox"]{
    display: none;
}

input.blue[type="checkbox"]:checked + label::before{background: #00a2e8; border-color:#00a2e8;}
input.red[type="checkbox"]:checked + label::before{background: #ff7f27; border-color:#ff7f27;}
.nopadding{padding:0;}
textarea.form-control.regulation-texarea{height: 44px;}
.inputche{padding-top:7px;}

.monthheading{width:52px;}

/*23-7-15 start*/
.serialidcell {width:40px; padding:5px 0 0 0;}
.checkbox-common { width:75px!important;}
.serialidcell.hidden-element {visibility: hidden;}
.custom-cell-padd { display:block; padding-right:5px; text-align:right;}
/*23-7-15 end*/


.padding_lt_8{padding-left:8px;}
.padding_rt_8{padding-right:8px;}
.ismlist_width_4{width:13%;}
.ismlist_width_5{width:18%;}
.check_report_4{width:12%;}
.check_report_5{width:10%}
.small_keyword{width:22%;}
.btm_add_edit_btn{ margin-top:15px; margin-bottom:15px;}

.user_status{width:45px; margin:0 auto; text-align:center;}
.user_name{width:150px; margin:0 auto; text-align:center;}
.user_position{width:125px; margin:0 auto; text-align:center;}
.user_type{width:100px; margin:0 auto; text-align:center;}
.user_email{width:160px; margin:0 auto; text-align:center;}
.user_emp_date{width:110px; margin:0 auto; text-align:center;}
.user_end_date{width:80px; margin:0 auto; text-align:center;}
.user_action_td{width:100px; margin:0 auto; text-align:center;}

.add_space_five{margin-left:8px;}

.hor_list_01{width:350px; margin:0 auto; text-align:center;}
.hor_list_02{width:200px; margin:0 auto; text-align:center;}
.hor_list_03{width:75px; margin:0 auto; text-align:center;}
.hor_list_04{width:100px; margin:0 auto; text-align:center;}


/*.check_year{text-align:center;}*/
.yr_title{font-size:22px; font-weight:bold; margin:-3px 20px 0px;}
.check_year span{float:left;}
.add_ism_list_01{width:95px; margin:0 auto;}
.add_ism_list_02{width:130px; margin:0 auto;}
.add_ism_list_03{width:50px; margin:0 auto;}
.add_ism_list_04{width:50px; margin:0 auto;}
.add_ism_list_05{width:67px; margin:0 auto;}
.add_ism_list_06{width:80px; margin:0 auto;}
.add_ism_list_07{width:75px; margin:0 auto;}
.add_ism_list_08{width:75px; margin:0 auto;}
.add_ism_list_09{width:180px; margin:0 auto;}
.add_ism_list_10{width:120px; margin:0 auto;}

.midl_content{width:60%; margin:0 auto;}
.addbutton a.fts14, .addbutton a.icon-file-alt{font-size:12px!important;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:none!important;}
/*.row.oprdiv{padding-right:15px;}*/
#worklistId textarea.form-control{height:98px;}
.oprdiv.small_btm_tbl{ padding-right:15px;}

/*******************datatable_extra_space********************/
.dataTables_scrollHead{background:#222;}
.dataTables_scrollHead th:last-child{border:none;}
.dataTables_scrollHead table{border:0;}
.table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td{border-bottom:0;}
/*******************datatable_extra_space********************/
.table-striped > tbody > tr:nth-child(2n+1) > td, 
.table-striped > tbody > tr:nth-child(2n+1) > th{background-color: #f9f9f9;}






@media (max-width: 1169px) {  
.search-cols.search-cols-1{width:14.5%;}
.search-cols.search-cols-2{width:13%;}
.search-cols.search-cols-3{width:13%;}
.search-cols.bigdiv { width: 19.5%;}

.search-history-1{width:14%;}
.search-history-2{width:19%;}
.search-history-3{width:17%;}

.new_select_width{width:15%;}
.new_select_width_2{width:12%}
.new_select_width_3{width:10%}

.padding_rt_8.new_select_width{width:17%;}
.padding_rt_8.new_select_width_2{width:14%}
.padding_rt_8.new_select_width_3{width:11%}

.padding_rt_8.ismlist_width_1{width:16%;}
.padding_rt_8.ismlist_width_2{width:20%;}
.padding_rt_8.ismlist_width_3{width:16%;}
.padding_rt_8.month_001{width:12%;}
.padding_rt_8.work_sma_list_1{width:15%;}
.padding_rt_8.assessments_01{width:16.5%;}
.padding_rt_8.assessments_02{width:11%;}
  }




@media (max-width: 1919px) {
.assessments_02{width:11%;} 
.search-cols.search-cols-1{width:14%;}
.search-cols.search-cols-2{width:12%;}
.search-cols.search-cols-3{width:12%;}
.search-cols.bigdiv { width: 18.5%;}
.search-history-1{width:14%;}
.search-history-2{width:19%;}
.search-history-3{width:17%;}

.new_select_width{width:15%;}
.new_select_width_2{width:12%}
.new_select_width_3{width:10%}

.ismlist_width_1{width:14%;}
.ismlist_width_2{width:18%;}
.ismlist_width_3{width:14%;}

.check_report_0{width:11%}
.check_report_1{width:16.5%}
.check_report_2{width:14.5%}
.check_report_3{width:13%}
.month_001{width:11%;}
.work_sma_list_1{width:14%;}

.assessments_01{width:14.5%;}
.assessments_02{width:9.5%;}
  }



  




@media (min-width: 1920px) {
.custom-forms { max-width:none;}
#page-wrapper{
padding-right:280px!important;
padding-left:280px!important;
}

.search-checklist-row .lesspad.lesspad-1 {
    width: 12%!important;
}
.search-checklist-row .lesspad.lesspad-2 {
    width: 16%!important;
}
.search-checklist-row .lesspad.lesspad-4 {
    width: 12.2%!important;
}
.search-cols.bigdiv{width:12%;}
.search-checklist.common-form-row .draft-col-1{ width: 14%!important;}
.search-checklist.common-form-row .draft-col-2{ width: 16.2%!important;}
.search-checklist.common-form-row .draft-col-4{ width:14.5%!important;}
.search-history-1{width:12.5%;}
.search-history-2{width:18%;}
.search-history-3{width:14.5%;}

//.departs.cal_sm_width{width:}
/*.search-row .search-cols{width:13%!important;}*/

.new_select_width{width:12%;}
.new_select_width_2{width:10%}
.new_select_width_3{width:8%}
.check_report_1{width:15%;}
.ismlist_width_1{width:10.5%;}
.ismlist_width_2{width:11.3%;}
.ismlist_width_3{width:10%;}
.search-row .search-cols.cal-report{width:9%!important;}
.month_001{width:10.5%;}
.work_sma_list_1{width:12%;}
.search-cols.search-cols-1 {width: 9.5%!important;}
.search-cols.search-cols-2 {width: 9%!important;}
.search-cols.search-cols-3 {width: 7.5%;}
.search-cols.bigdiv { width: 11.5%;}
.assessments_01{width:12.5%;}
.assessments_02{width:8.5%;}

.check_report_0{width:11%}
.check_report_1{width:16.5%}
.check_report_2{width:14.5%}
.check_report_3{width:13%}
.month_001{width:10%;}
#yachtId .form-control{max-width:247px;}
.icon-div{width: 155px;}
.worklist_thcol_03{width:280px; margin:0 auto; text-align:center;}

/*29-2-16 start*/
.risk-assessment-cell-1 {
    width: 20.5%;
}
.form-control.textarea-assessment {
    height: 48px;
}
/*29-2-16 end*/
}

@media only screen and (max-width:1024px){
  .monthheading{width:48px;}
  .mob_not{display:none;}
}

/*3-9-15 start*/

.common-form-row .form-control,
.common-form-row .btn,
.common-form-row .addbutton a
{ font-size: 12px !important;}

.common-form-row {
    margin-left: -8px;
    margin-right: -8px;
 }
 
 .common-form-row .common-form-col{
    padding-left: 8px;
    padding-right: 8px;
 }
.common-right-col {float: right;}
.common-form-row .form-control {
    max-width: none;
    padding: 6px !important;
    width: 100%;
}
.common-form-row .btn {
    height: 34px;
}


/*9-9-15 start*/
.departments-col-1,
.categories-col-1, 
.positions-col-1,
.decks-col-1, 
.users-col-1,
.templates-col-1
{
    width: 24.7%;
}
.departments-col-2,
.categories-col-2,
.positions-col-2,
.decks-col-2,
.users-col-2,
.templates-col-2
{
    width: 12.9%;
}
.departments-col-3 { width: 14%;}
.categories-col-3 { width: 12.4%;}
.positions-col-3 {  width: 11.7%;}
.decks-col-3 {  width: 10%; }
.users-col-3 {  width: 11%; }

.draft-col-1{width: 14.3%;}
.draft-col-2{width: 17%;}
.draft-col-3{width: 20.3%;}
.draft-col-4{width: 15.3%;}
.draft-col-5{width: 11%;}
.draft-col-6{width: 19%;}
.row-container-marg{
      margin-top: 20px;
}
.work-action-ls a{width: 20px!important;
    margin: 0px 3px;}
.work-action-ls{display: flex;}
.alert-msg{width: 100%;}
.aler-msg-blck{
      position: absolute;
    right: 0px;
    top: -50px;
}

/*9-9-15 start*/

/*
@media (max-width:1900px)  
{
 
.departments-col-1,
.categories-col-1, 
.positions-col-1,
.decks-col-1, 
.users-col-1,
.templates-col-1
{
    width: 24.7%;
}
.departments-col-2,
.categories-col-2,
.positions-col-2,
.decks-col-2,
.users-col-2,
.templates-col-2
{
    width: 12.9%;
}
.departments-col-3 { width: 14%;}
.categories-col-3 { width: 12.4%;}
.positions-col-3 {  width: 11.7%;}
.decks-col-3 {  width: 10%; }
.users-col-3 {  width: 10%; }

.draft-col-1{width: 14.3%;}
.draft-col-2{width: 17%;}
.draft-col-3{width: 20.3%;}
.draft-col-4{width: 15.3%;}
.draft-col-5{width: 11%;}
.draft-col-6{width: 19%;}

}
*/



/*
@media (max-width:1600px)
{
 
.departments-col-1,
.categories-col-1,
.positions-col-1,
.decks-col-1,
.users-col-1,
.templates-col-1
{
    width: 24.8%;
}
.departments-col-2,
.categories-col-2,
.positions-col-2,
.decks-col-2,
.users-col-2,
.templates-col-2
{
    width: 13%;
}


.departments-col-3 { width: 14%;}
.categories-col-3{ width: 12.5%;}
.positions-col-3 {width:11.8%;}
.decks-col-3 {  width: 10%; }
.users-col-3 {  width: 10%; }

.draft-col-1{width: 14.3%;}
.draft-col-2{width: 17%;}
.draft-col-3{width: 20.3%;}
.draft-col-4{width: 15.3%;}
.draft-col-5{width: 11%;}
.draft-col-6{width: 19%;}
}
*/

/*
@media (max-width:1300px)
{
 
.departments-col-1,
.categories-col-1,
.positions-col-1,
.decks-col-1,
.users-col-1,
.templates-col-1
{
    width: 21.9%;
}
.departments-col-2,
.categories-col-2,
.positions-col-2,
.decks-col-2,
.users-col-2,
.templates-col-2
{
    width: 11.9%;
}


.departments-col-3{ width: 14%; }
.positions-col-3 {  width:11.7%;}
.categories-col-3{  width: 12.5%;}
.decks-col-3 { width: 10%;}
.users-col-3 { width: 10%;}


.draft-col-1{width: 14.3%;}
.draft-col-2{width: 17%;}
.draft-col-3{width: 20.3%;}
.draft-col-4{width: 15.3%;}
.draft-col-5{width: 11%;}
.draft-col-6{width: 19%;}

}
*/

/*
@media (max-width:1024px)
{
.departments-col-1,
.categories-col-1,
.positions-col-1,
.decks-col-1,
.users-col-1,
.templates-col-1
{
    width: 24.2%;
}
.departments-col-2,
.categories-col-2,
.positions-col-2,
.decks-col-2,
.users-col-2,
.templates-col-2
{
    width: 13%;
}
.departments-col-3{ width: 15.4%;}
.positions-col-3{ width: 13%;}
.categories-col-3{width: 13.8%;}
.decks-col-3 {  width: 11.3%; }
.users-col-3{  width: 11.3%; }
}
*/
/*3-9-15 end*/

/*28-12-15 start*/
table.table tbody > tr > td .posrel {
    min-height: 25px;
}
/*28-12-15 end*/

.dataTables_scrollBody{max-height:481px !important;height:auto !important;}
.tableHeightAuto .dataTables_scrollBody{height:auto !important;}


.fixedTableHead .dataTables_scrollBody{max-height:481px !important; height:400px !important;}
.fixedTableHead .dataTables_scrollBody table.table thead th{padding: 0 !important;}
/*.table-striped > tbody > tr:nth-child(2n+2) > td, .table-striped > tbody > tr:nth-child(2n+2) > th{background:#fff !important;}*/


/*.dataTables_scrollHeadInner {
    border-top: 1px solid #ddd;
}*/
table.table thead th {
    padding: 10px 18px;
}

.table-hover > tbody > tr:hover > td
{
    background-color: #FDC270 !important;;
}
.table-striped > tbody > tr:nth-child(2n+1):hover > td
{
    background-color: #FDC270;
}

/*.table-striped > tbody > tr:nth-child(2n):hover > td
{
    background-color: #FDC270;
}*/

.attachment-box-mn {
    max-width: 320px;
    width: 100%;
}
.attachment-box {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    max-height: 78px !important;
    min-height: 70px !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 6px 12px;
}

table.dataTable thead .worklist-label {
padding-left: 10px;
padding-right: 10px;
width: 120px !important;
}
.crew-btn-list-x6{float: right;padding-left: 0px;}
.crew-btn-list a{float: left;width: 70px;}
.crew-btn-xs-4{
  float: right;
  margin-right: 15px;
}
table.dataTable.table {
border-collapse:collapse;
border-top:none;
border-right:none;
}

.dataTables_scrollBody {
border-right: 1px solid #ddd;
/*overflow-x: hidden !important;*/ /* Commented to fix the scroll issue in certificate page */
}
.table.full-width-tbl{width:100% !important;}

/*.tdText{
 word-break:break-all;
 }*/
 table.table tbody tr{background:#ffffff !important;}
 html{min-height:100%; height:100%;}
 .ui-widget-overlay{bottom:0px !important; top:0px !important; height:auto !important; z-index:999 !important; position:fixed !important;
left:0px !important; right:0px !important; overflow:hidden;}
 body{margin-bottom:0; height:100%;}
 .table thead > tr > th{vertical-align:middle !important;}

.cusicon{
    width: 26px;
    height: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../images/pms_icons.png');
}
.icons-settings{
  background-position: -7px -12px;
  margin: 3px auto;
}
.icons-refresh{
  background-position: -54px -11px;
  margin: 3px auto;
}
.side-nav{
    width:210px!important;
    margin-left: -191px!important;
}
.mainbutton>a:hover{color: #fff!important;  -webkit-transition: color 0.5s; /* For Safari 3.0 to 6.0 */
  transition: color 0.5s;}
.mainbutton:hover{
  background-position: 0px 46px!important;
  color: #fff!important;

}
#emergencynav .mainbutton{
  background-position: 0px 46px!important; color: #fff!important;
}
.active>.mainbutton{
  background-position: 0px 46px!important; color: #fff!important;
}
.active>.mainbutton a{color: #fff!important}

.side-nav.nav label.sub-menu-cont-lvl-2 > a{
  line-height: 16px!important;
}
.mainbutton>li>label>a:hover{
  -webkit-transition: color 0.5s; /* For Safari 3.0 to 6.0 */
  transition: color 0.5s;
  color: #fff!important;
}


.mainbutton label:hover{
-webkit-transition: color 0.5s; /* For Safari 3.0 to 6.0 */
  transition: color 0.5s;
  color: #fff!important;
}
.mainbutton  > li > label > a:hover{
-webkit-transition: color 0.5s; /* For Safari 3.0 to 6.0 */
  transition: color 0.5s;
  color: #fff!important;
}
body .navbar-nav.navbar-user .drop-otheruser-btn li a {
    background: url(images/logout-btn-side-menu-left.png) no-repeat scroll left center, url(images/logout-btn-side-menu-right.png) no-repeat scroll right center, url(images/logout-btn-side-menu-center.png) repeat-x scroll left center;
    color: #000;
    text-align: center;
    padding: 0;
        line-height: 30px;
    border-radius: 50px;
    display: table;
    height:30px;
    position: relative;
    width: 100%;
    margin: 0;
}
body .navbar-nav.navbar-user .drop-otheruser-btn li a:hover{
   background: url(images/logout-btn-side-menu-left1.png) no-repeat scroll left center, url(images/logout-btn-side-menu-right1.png) no-repeat scroll right center, url(images/logout-btn-side-menu-center1.png) repeat-x scroll left center!important;
}
body .navbar-nav.navbar-user .drop-otheruser-btn li a:focus{
   background: url(images/logout-btn-side-menu-left1.png) no-repeat scroll left center, url(images/logout-btn-side-menu-right1.png) no-repeat scroll right center, url(images/logout-btn-side-menu-center1.png) repeat-x scroll left center!important;
}




.mainbutton{width: 175px!important;background: no-repeat;}
.mainbutton label{padding-top:1px!important;}
.com-btn{
    background: url(images/top-menu-left.png) no-repeat scroll 1px 1px, url(images/top-menu-right.png) no-repeat scroll 130px 1px, url(images/top-menu-center.png) repeat-x scroll 0 1px rgba(0, 0, 0, 0);
    border-radius: 40px;
    padding: 8px 0px;
    margin-bottom: -2px;
    text-align: center;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    width: 152px;
    height: 33px;
    font-size: 12.5px!important;
}

.com-btn:hover{
background: url(images/top-menu-left.png) no-repeat scroll 0px -31px, url(images/top-menu-right.png) no-repeat scroll 130px -31px, url(images/top-menu-center.png) repeat-x scroll 0 -31px rgba(0, 0, 0, 0);
    border-radius: 40px;
    padding: 8px 0px;
    margin-bottom: -2px;
    text-align: center;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    width: 152px;
    height: 33px;
        font-size: 12.5px!important;
}
.hd-btn-nav .active{
background: url(images/top-menu-left.png) no-repeat scroll 0px -31px, url(images/top-menu-right.png) no-repeat scroll 130px -31px, url(images/top-menu-center.png) repeat-x scroll 0 -31px rgba(0, 0, 0, 0);
    border-radius: 40px;
    padding: 8px 0px;
    margin-bottom: -2px;
    text-align: center;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    width: 152px;
    height: 32px;
        font-size: 12.5px!important;
}
.calcmdel-row .modal-content,
.calcmdel-row .form-control
{
    border-radius: 0px;
}
.calcmdel-row .total_in_period_days{
      width: 60px;
    text-align: center;
}
.calcmdel-row .days-p{
  margin-left: 10px;
}
.calcmdel-row .modal-rt-50
{
    width: 58%;
    float: left;
    border: solid 1px #000;
    padding: 10px;
    margin-left: 2%;
}
.flex-divicon{
  align-items: center;
}
.flex-divicon label{
  top: 3px;
  position: relative;
}
.employement-policymodal .modal-title{
    text-align: center;
    font-weight: 600;
    left: -47px;
    position: relative;
        padding: 5px;
}
.employement-policymodal .emp-hd{
display: flex;
    width: 100%;
    align-items: center;
}
.employement-policymodal .w-30{
  width: 200px!important;
}
.employement-policymodal .emp-hd>div:first-child{
  width: 30px!important;
  text-align: left!important;
}
.employement-policymodal .emp-container .em-row>div:first-child{
  width: 30px!important;
  justify-content: left;
}
.emp-container{
  display: inline-block;
  width: 100%;
}
.employement-policymodal .emp-container .em-row>div{
width: 100px;
    float: left;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.employement-policymodal .action-row-column ul{
padding: 0px;
margin: 0px;
}
.employement-policymodal .action-row-column ul li{
  list-style: none;
  display: inline;
}
.employement-policymodal .em-row  .form-control{
  font-weight: 700;
    font-size: 14px!important;
}
.employement-policymodal .emp-container .em-row{
  display: flex;
  align-items: center;
  margin: 1rem 0rem;
}

.employement-policymodal .emp-hd>div{
float: left;
    font-weight: 600;
    color: #000;
    width: 100px;
    padding: 0px 0px;
    line-height: 14px;
    text-align: center;
}
.employement-policymodal .emp-hd>div span{
  display: block;
}
.employement-policymodal .modal-dialog{
  width: 700px!important;
}

.employement-policymodal .modal-header .close{
      margin-top: 3px;
    font-size: 3rem;
color: #000;
}
.calcmdel-row .modal-footer{
      display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.calcmdel-row .modal-lt-50
{
  width: 40%;
  float: left;
  border: solid 1px #000;
  padding: 10px;
}
.calcmdel-row .padd-0{
    padding: 0px 8px;
}
.calcmdel-row .padd-00{
    padding: 0px;
}

.calcmdel-row .mg-byn-si{
  margin-bottom: 30px;
}
.calcmdel-row .info-icon-rit{
  cursor: pointer;
}
.calcmdel-row .info-icon {position: absolute;
    right: 40px; cursor: pointer;}
.calcmdel-row .modal-rt-50 input
{
   width: 60px;
    text-align: center;
}
 .calcmdel-row .wid-60 {
   width: 60px;
    text-align: center;
    padding: 0px!important;
        float: left;
}
.calcmdel-row label{
  font-size: 13px;
}
.calcmdel-row h5{ margin: 0px;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 0px 24px 0px;
    text-align: center;
}
.calcmdel-row .formula-row{
  position: relative;
}
 .calcmdel-row .formula-row span,
 .calcmdel-row .formula-row .control-label
  {top: 6px;
    position: relative;
}
.calcmdel-row .formula-relative{
  position: relative;
}
.calcmdel-row .modal-rt-50 span{
    padding-left: 6px;
    font-size: 13px;
    font-weight: 600;
}
.md-contactfilterpanel{
  display: inline-block;
width: 100%;
}
.checkbox-md-row-list{margin-top: 30px;}
.checkbox-md-row-list .check_big{
  float: left;width: 30px;
}

.md-contactfilterpanel .form-control{
      padding: 6px 0px !important;
}
.md-contactfilterpanel .form-w-75{
  width: 75px;
}

.checkbox-md-row-list .iphone-style-pos{
  display:inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.md-contactfilterpanel .col-md-padd{
  padding: 0px;
      padding-right: 5px;

}
.holder-images-cover ul li span{
    float: left;
    width: 118px;
    cursor: pointer;
    height: 120px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;}
/*.holder-images-cover ul li .deleteThumb:hover{background: #f00;}*/
.type-edit-list-modal td{text-align: center;}
.type-edit-list-modal .action-icons{
  margin-left: 15px;
}

.saf-addbtn{
     bottom: 0px;
    position: absolute!important;
    /*right: 315px;*/
        right: 156px;
}
.commentlog-btn{
      bottom: 0px;
    position: absolute!important;
    right: 315px;
}
.famquetion-btn{
    bottom: 0px;
    position: absolute!important;
    right: 315px;
}
.hd-btn-nav{
    position: absolute;
    right: 120px;
    bottom: 2px;
}
.questionaire_btn {
    bottom: 2px!important;
}
.com-btnadd{
        padding: 9px 0px 8px 0px;
    margin-bottom: -2px;
    text-align: center;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    width: 152px;
        height: 35px;
    float: left;
    position: relative;
    font-size: 12px!important;

}
.btn-warning {
    border: none;
    margin-right: 5px;
}
 .head-row-td td,
      .head-row-div td
    {
       font-size: 14px;
    color: #000;font-weight: bold;
    }
    .head-row-div td div{    width: 50px;
    font-weight: bold;
    font-size: 13px;
    color: #000;
    text-align: center;}



.com-btnadd:hover{
        padding: 9px 0px 8px 0px;
    margin-bottom: -2px;
    text-align: center;
    color: #fff;
/*   transition: all 1.1s ease;*/
    font-weight: bold;
    cursor: pointer;
    width: 152px;
    position: relative;
    font-size: 12px!important;
    background-position: 0px 37px!important;
    -webkit-transition: color 0.5s; /* For Safari 3.0 to 6.0 */
  transition: color 0.5s;

}
.log-btnadd{ padding: 7px 0!important; font-size: 12px!important;}
.log-btnadd:hover{
 background-position: 0px 31px!important; font-size: 12px!important;
 color: #fff!important;
 -webkit-transition: color 0.5s; /* For Safari 3.0 to 6.0 */
  transition: color 0.5s;
}


.col-sm-2-10{width:15%!important;float: left;
padding-right: 0px!important;
max-width: inherit!important;}
.col-sm-2-15{width:18%!important;
  float: left;
}
.col-pad-md-list{padding-right: 8px;}
.col-sm-2-12{
  width:12%;float: left; 
}
.col-sm-2-15 .btn{width:48%!important;float: left;margin-right: 1%;}
.custom-forms-container{
    margin: 0 auto;
    width:100%;
}
.colo-padd{padding: 0px;}
.col-sm-2-8{
  width:10%;float: left; 
}
.col-sm-2-date{
 width:12%;float: left;
padding-right: 0px!important;
max-width: inherit!important;
}
.search-row-container{float:left;}
.superyacht-add-btn{ 
float: left!important;
padding: 0px;
width: 8%;
text-align: right;

}

.form-control.f-small {
    height: 29px !important;
    color: #000!important;
    font-weight: bold!important;
      -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
   color: rgba(0, 0, 0, 1); 
   font-size: 15px!important;
}  

.search-row-container .search-cols .btn{
width:40%;
}
.search-row-container{
width: 92%;
}
.search-row-container-full{width:100%;}
.search-row-container .form-control{
max-width: inherit!important;
}
.certificat-modal-container .modal-content{width:600px;}
.certificat-modal-container .modal-body{
margin: 0px;padding: 0px;
}
.certificat-modal-container .modal-dialog{
  padding-left: 0px;
}
.certificat-modal-container .inbox-widget .inbox-item {
    border-bottom: 1px solid #d6d4d4;
}
.date-action-rwo .col-md-row-50{
    width:48%;
    float: left;
    margin-right: 1%;

}
.date-action-rwo{width: 230px!important}

.equipment-list-icon ul.list-inline.l-np{
    display: flex;
    align-items: center;
    justify-content: center;

}
.manual-icon-row{
    display: flex;
    align-items: center;
    justify-content: center;

}
.manual-icon-row a,
.manual-icon-row span
{
width:20px;
cursor: pointer;
margin: 0px!important;
}
.equipment-list-icon .fleetAdminIcon-note{top:0px;}
.equipment-list-icon ul.list-inline.l-np li{width:22px;}

.rotate90 {
       -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
       -o-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
      }
      .rotate180 {
       -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
       -o-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
       transform: rotate(180deg);
      }
      .rotate270 {
       -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
       -o-transform: rotate(270deg);
       -ms-transform: rotate(270deg);
       transform: rotate(270deg);
      }
@media (max-width: 1280px){
.scroll-table-row{
      width: 100%;
      overflow-x: scroll;
      position: relative;
    display: flex;

}
}
@media only screen and (max-width:1400px){
.sp-card-aligncenter {width: 990px;
    margin: 0 auto;
}
.sp-card-container .sp-card{
  margin-right: 8px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1900px)  {
.sp-card-aligncenter {width: 1340px;
    margin: 0 auto;
}
}

@media only screen and (min-width: 1900px) and (max-width: 3000px)  {
.sp-card-aligncenter {
  width: 1725px;
    margin: 0 auto;
}
}
@media only screen and (min-width: 600px) and (max-width:1020px)  {
.sp-card-aligncenter {
    width: 660px!important;
    margin: 0 auto;
}
.users-detailsModal .modal-dialog {
 width: 85%!important;
}

.scrollguest {
    max-height: 430px;
    overflow-y: scroll;
}
}

@media only screen and (min-width: 900px) and (max-width:1100px)  {
.sp-card-aligncenter {
    width:1000px;
    margin: 0 auto;
}
.Search-leftf{
  width: 260px!important;
}


.modal.users-detailsModal .modal-dialog {
    width: 745px;
}
.scrollguest {
    max-height: 550px!important;
    overflow-y: scroll;
}


.admin_account{
  width: 93%!important;
  display: block!important;
    position: relative;
    margin: 0 auto;
}

}
@media only screen and (min-width: 767px) and (max-width:1024px)  {
  .md-rwotd img {
    left: -22px;
    position: relative;
}
body .md-text-alignright{
width: 100%;
text-align: left;
display: inline-block;
}
}

@media only screen and (min-width: 767px) and (max-width:1020px)  {

#crew_info_close .custom-popup .leaflet-popup-content-wrapper {
    width: 100%!important;
}
}



@media only screen and (max-width:1024px){
.com-btn:hover,
.com-btn
{
      margin-bottom: -2px;
}
@media (max-width: 960px){ 
.scroll-table-row-tab{
      width: 100%;
      overflow-x: scroll;
      position: relative;
    display: flex;    

}
.pad-mob-0px{padding: 0px!important;}
.md-30-tab{
  width:33.333%!important;
  float: left;
  padding: 0px 0px 0px 5px!important

}
   
}
@media (max-width: 767px){
.custom-forms-container .ad-one{
    width:32%!important;
    padding: 0px 0px 0px 5px!important;
}
.ad-one-calendar{
width: 69%!important;top: -11px;
    position: relative;

}
.custom-forms-container .ad-two{width:100%!important;}
.ad-one-btn .btn{width:47%;float: left;margin-right:3%;}
.ad-one-btn{width:30%;
    margin-top: 10px;}
.col-sm-2-15,
.col-sm-2-8,
.col-sm-2-12
{
  width:33.3333%!important;
}
.col-sm-2-10{width:50%!important;}
.search-row-container .search-cols{
width:50%!important;
padding-right: 5px!important;
}
.search-row-container .search-cols .btn {
    width: 48%; padding-right: 1%!important;
}
.superyacht-add-btn {
    width: 100%;
    margin-bottom: 20px;
}
.search-row-container {
    width: 100%;
}
.search-row-container {
    padding-bottom: 0px;
}
.search-row-container .check_report_4{width:50%!important;padding-right: 0px!important;}

}
.info-bd{
  z-index: 99;
}
.table > tbody > tr > td{
      border: 1px solid #dddddd!important;
}
.navbar{height: 100px!important;}
#syncMsg{
  width: 180px!important;
text-align: left;
position: relative!important;
left: -46px!important;
}
.btn-onerow{
    padding-right: 0px;
    display: flex;

}

@media (max-width: 500px){
.sm-row-12 #TextBoxesGroup{width: 100%;}
}
.template-checklist-pagerow .md-15{
  width: 20%!important;
}
.template-checklist-pagerow .md-30{
  width: 30%!important;
}
.template-checklist-pagerow .md-20{
  width: 20%!important;
}
.reactivemodal-row .modal-body{
overflow: hidden;
}


@media only screen and (max-width:1030px){  
body .side-nav {
    margin-left: -191px!important;
    width: 191px!important;
} 

}   

}
@media only screen and (max-width: 1024px){
.usertable.table-bordered > tbody > tr > td {
  border: none;
  border-bottom: 6px solid #f2f2f3!important;
}
#AddNewMenu_row{
  margin-right: 5px;
}

}
@media only screen and (max-width: 1025px){
.tabelrowfull .panel-title li{
  font-size: 12px;
}
.listhd li {
  font-size: 12px!important;
}
}

@media only screen and (min-width: 767px) and (max-width:1100px)  {

  #crew_info_close .custom-popup .leaflet-popup-content-wrapper {
      width: 100%!important;
  }
  .synrowbtn {
    float: left;
    width: 63px;
}  
.synrowbtn{
  float:left;
}
.synrowbtn .synkbtn{
  float: left;
  margin-top: -92px;
}
.synrowbtn .menu-btn{
  width: 61px;

  }
}