body {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        color: #888;
        font-size: 13px;
        line-height: 1.42857143;
        min-width: 998px;
        min-height: 770px;
        border-top:3px solid #919191;
       /* background-image:url(images/shipyard.jpg);
        background-size: 100% 100%;*/
         height: -webkit-fill-available;

  background-image:url(images/shipyard.jpg) ;
  /*  background-size: 100% 100%;*/
  background-size: cover;
  background-repeat: no-repeat;


}
 .maindiv
 {
  /*position:fixed;*/
  width:100%;
/*   height:100%;   */


 }
 .warning_msg
{

 font-size: 20px;
 color:red;
 font-weight: bold;
 

}
.warning_msg_desc
{
  font-family: times;
 font-size: 13px;
 color:#ff4b2c;
 font-weight: bold;

}
.form-signin {

  max-width: 340px;
  padding: 15px;
  margin-left: 100px;
   border-right: 1px solid #d5d5d5;
   border-bottom: 1px solid #d5d5d5;
   border-top: 1px solid #d5d5d5;
  background:#FFFFFF ;
   -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        box-shadow:  0px 0px 2px #FFFFFF;
       /*  width:30vw;*/
}
.error_sec
{
    max-width: 360px;
   align:center;
   padding:3px 0px 0px 5px;
   font-size:0.9em;

}
.login_label
{
        font-family: "Times New Roman", Times, serif;
        font-weight: bold;
        vertical-align: left;  font-size: 80%;

}
form .error{
                color: #c00;
                }

        form label.error
                {
                color: #c00;

                font-size: 80%;
                font-weight: bold;
                font-variant:small-caps;

                width:330px;
                display: none;

                padding:3px 0px 0px 5px;
                border-top:1px dotted #ccc;
                clear:both;
                }

.footer
{
  max-width: 360px;

  padding: 5px;
  margin: 0 auto;

  color:black;
 /* background:url(images/wrapper_bottom.png) repeat;*/
      text-align: center;
}
}
.footer-text
{
margin-top: 0;
        border-top: 0px solid #292929;
        font-size: 11px;
        color: #525252;

}
navbar .container {
        position: relative;

}
.loginbox
{
margin: 60px auto 0 auto;


}

.jconfirm-box-container
{

 margin-left:460px;
 margin-top:40px;
}
.jconfirm .jconfirm-cell {
  vertical-align: unset;
}
.navbar-fixed-top
{
 background-color: #428bca;
}
.navbar-fixed-bottom
{
 background-color: #428bca;
 min-height:50px;
}
.powered
{

   margin-bottom:10px;
   padding:5px;
   float:right;

}
.wrappertop {
 max-width: 360px;


}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;


  font-size: 16px;

}
.form-signin .username-field {
  background: url(images/user.png) no-repeat;
  -web-kit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-left: 50px ;
  padding-bottom: 10px ;
}
.form-signin .password-field {
  background: url(images/password.png) no-repeat;
   -web-kit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-left: 50px ;
  padding-bottom: 10px ;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.footer_logo
{
padding-top:10px;
}
.headingLabel
{
    text-align: center;
    padding: 10px;
    font-size: 12pt;
    font-weight: bold;
    font-family: "Comic Sans MS","Times New Toman";;
    color: #b11717;
    font-feature-settings: unset;
    font-stretch: extra-expanded;
    font-style: normal;
    font-variant: common-ligatures;

 }
 .verifyBox{
 background :white;

     vertical-align: top;
     border-radius: 5px;
         border-top: solid 7px #3498db;
         padding: 15px 15px 0;
         width:50vw;
        display:none;

 }
div.jconfirm-content-pane {
      margin-bottom: 15px;
  height: auto;
  -webkit-transition: height 0.4s ease-in;
  transition: height 0.4s ease-in;
  display: inline-block;
  width: 100%;
  position: relative;
  overflow-x: auto;
  overflow-y: auto;
}

div.jconfirm-closeIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: .6;
  text-align: center;
  font-size: 27px !important;
  line-height: 14px !important;
  display: none;
  z-index: 1;
}
div.loader {
text-align: center;
display:none;
}
  a.footer-text {
    color:#ababab;
    text-decoration: none;
    font-size: 8pt;
    line-height: 1.1;
   }
@media screen and (max-width:600px)
{
  body {


    min-width: unset;
    min-height: unset;
    background-repeat-y: repeat;
}

   .form-signin {
    padding: 15px;
    margin-left: 10px;
    box-shadow: 0px 0px 2px #FFFFFF;
    width: 100%;
  }
  .headingLabel {

    padding: 10px;
    font-size: 10pt;
   }

   .verifyBox {


    border-radius: 5px;

   padding: 3px 6px 0;

    width: 100%;

}
.col-sm-8
{
    padding-top: 10px;
}

.maindiv {

    height: auto;

}
.verfyContent
{
margin-top:5px;
}
div.jconfirm-closeIcon {

    top: 0px;

}

}
    .table .thead-dark th {
  color: #fff;
  background-color: #23619e;
  border-color: #23619e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
.alert-orange {
    background-image: -webkit-linear-gradient(top,#ffa500 0,#ec9d0c 100%);
    background-image: -o-linear-gradient(top,#ffa500 0,#ec9d0c 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffa500),to(#ec9d0c));
    background-image: linear-gradient(to bottom,#ffa500 0,#ec9d0c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa500', endColorstr='#ec9d0c', GradientType=0);
    background-repeat: repeat-x;
    border-color: #ffa500;
    color: #252424;
    font-weight: bold;
}
.alert-purple {
    background-image: -webkit-linear-gradient(top,#ff0bb3 0,#c30e8b 100%);
    background-image: -o-linear-gradient(top,#ff0bb3 0,#c30e8b 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ff0bb3),to(#c30e8b));
    background-image: linear-gradient(to bottom,#ff0bb3 0,#c30e8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0bb3, endColorstr=#c30e8b, GradientType=0);
    background-repeat: repeat-x;
    border-color: #cd0e92;
    color: #ffffff;
    font-weight: bold;
}
.alert {
font-weight: bold;
}