/***************************************
*******    Essential CSS  **************
****************************************/
/*
    You should include in css folder:
    mycommoncss.css
    w3.css
    bootstrap.min.css
*/
/***************************************
*******    Reset css     ***************
****************************************/
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
    height: auto;
    color: #777;
    margin:0 auto;
/*    line-height: 1.8;*/
}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
img {
    width: 100%;
    height: auto;
}
p{
  font-size: 14px;
  line-height: 24px;
/*  font-weight: 400;*/
}
/*================================ Common CSS=============*/
.am-back-cyan-1{ background:#13B0D7;}
.am-back-cyan-5{ background:rgba(19, 176, 215, .05);}
.am-back-cyan-10{ background:rgba(19, 176, 215, .1);}
.am-back-cyan-20{ background:rgba(19, 176, 215, .2);}
.am-back-cyan-30{ background:rgba(19, 176, 215, .3);}
.am-back-cyan-40{ background:rgba(19, 176, 215, .4);}
.am-back-cyan-50{ background:rgba(19, 176, 215, .5);}
.am-back-cyan-60{ background:rgba(19, 176, 215, .6);}
.am-back-cyan-70{ background:rgba(19, 176, 215, .7);}
.am-back-cyan-80{ background:rgba(19, 176, 215, .8);}
.am-back-cyan-90{ background:rgba(19, 176, 215, .9);}
.am-back-cyan-100{ background:rgba(19, 176, 215, 1);}

.am-back-grey-5{background:rgba(128, 128, 128, .05);}
.am-back-grey-10{background:rgba(128, 128, 128, .1);}
.am-back-grey-20{background:rgba(128, 128, 128, .2);}
.am-back-grey-30{background:rgba(128, 128, 128, .3);}
.am-back-grey-40{background:rgba(128, 128, 128, .4);}
.am-back-grey-50{background:rgba(128, 128, 128, .5);}
.am-back-grey-60{background:rgba(128, 128, 128, .6);}
.am-back-grey-70{background:rgba(128, 128, 128, .7);}
.am-back-grey-80{background:rgba(128, 128, 128, .8);}
.am-back-grey-90{background:rgba(128, 128, 128, .9);}
.am-back-grey-100{background:rgba(128, 128, 128, 1);}

.am-back-violet-10{background:rgba(153, 0, 204, .1);}
.am-back-red-50{background:rgba(255, 0, 0, .5);}


.am-back-cyan-21{ background-color: #BDE5F8;}
.am-back-cyan-22{ background-color: rgba(102, 204, 255, 1);}
.am-back-cyan-3{ background-color:#BDE5F8;}


.page-title{
    color:#13B0D7;
    text-align: center;
}
.data-read-item-title{
    color:#13B0D7;
/*    color:blueviolet;*/
    text-align: center;
}

.data-read-item-img img{
    width:100%;
    margin:0 auto;
}

/*==============================End Common CSS=============*/
/**********************************************************
*******    Page and body container  css     ***************
***********************************************************/
body{
/*    background-image:url(resource/images/background/bg-j-056.jpg);*/
}
.container{padding:0;}
.container-fluid{padding:0;}
#header{
/*    background-color: grey;*/
/*    padding:10px 0;*/
    border-bottom:2px solid #fff;
}
#footer{
    background-color: grey;
    padding:0px;
    border-top:2px solid #fff;
}
.copy{
    background-color:#000;
    color:grey;
    padding:10px 0 3px 0;
    border-top:1px solid grey;
    margin:0;
    transition:all 1s;
}
.copy:hover{
    background-color: dimgray;
    color:#000;
    transition:all 1s;
}
.fullpage{
    margin:0 auto;
/*    width:80%;*/
    /*text-align: center;*/
/*    background-image:url(resource/images/background/bg-j-146.jpg);*/*/
    background-color:grey;
    color:#000;
}

.fullindex{
    margin:0 auto;
/*    width:100%;*/
    text-align: center;
/*    background-color:cadetblue;*/
/*    background-image:url(resource/images/background/bg-j-023.jpg);*/
    color:#fff;
    background-color:#13B0D7;
}

/**********************************************************
*******    Section n Div  css               ***************
***********************************************************/
.footbottom{
    background-color:grey;
    min-height: 70px;
    color:#fff;
}

.indexphp{
    min-height: 100vh;
/*    height: 100vh;*/
    width:97%;
    margin: 0 auto;
/*    background-color: red;*/
}

label{
/*    width: 180px;*/
    width: 250px;
}


/****************************** Sign in form *****************************/
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.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;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.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;
}

.floatright {float: right;}

/**************************** css for message*/
.jak_info, .jak_success, .jak_warning, .jak_error {
margin: 10px 0px;
padding:12px;

}
.jak_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.jak_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.jak_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.jak_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
/**************************** End css for message*/