@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /*src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');*/
  src: url("/fonts/roboto.ttf");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

body {/*font-family: Arial, Helvetica, sans-serif;*/font-family: 'Raleway', sans-serif; background-image: url('../image/overlay.png');}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


/* Add styles to the form container */
.form-container 
{
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.form-container textarea 
{
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 20px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus 
{
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn 
{
 /* background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;*/
  background-color: transparent;
  color: #000;
  padding: 0px;
  border: none;
  cursor: pointer;
  width: 10px;
  margin-bottom:10px;
  opacity: 0.8;
  float: right;
}

/* Add a red background color to the cancel button */
.form-container .cancel 
{
 /* background-color: red;*/
 background-color: transparent;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover 
{
  opacity: 1;
}




/* ------- customtable css ------ */
.customtableresult .dynamictabletd,.fetchcustomtable .dynamictabletd
{
  width: 100px;
  border: 0px;
}
.invalid_err
{
  display: none;
  color: red;
}
.success
{
  color: green;
}

.modal-header
{
  display: inline !important;
}
.modal-body label,.modal-header
{
    color: #000;
}
label.error
{
  color: red;
}
header
{
   font-family: 'Raleway', sans-serif;
   background: #ff00000f;
}
header nav .menubar
{
  float: left;
}
header nav .menubar ul.nav li
{
    padding: 0px 5px;
}
header nav .navbar-header
{
    /*background-image: url('../image/background.jpg');
    border-radius: 5px 5px 5px 5px;
    color: #d20dd2;*/
}
header nav ul.nav
{
    /*background: #751717;*/
    border-radius: 10px 10px 0px 0;
    padding: 5px 5px 5px 5px;
    opacity: 0.9;
}
.sidebaractive
{
    background-color: #0b3d55 !important;
}
.sidebaractive a 
{
    color: #f1f1f1 !important;
}
/***** dashboard page css *****/
.custom_panel
{
    height: 180px;
    border-radius: 0px 25px;
    float: left;
    margin: 0px 0px 5px 5px;
}
.custom_panel .panel
{
    margin: 20px;
}
.custom_panel_page
{
    float: left;
}
.issuepanel
{
    background-color: green;
}
.projectpanel
{
    background-color: #0000ff73;
}
.userpanel
{
    background-color: red;
}
.countresult h3
{
    color: #f1f1f1;
    text-align: center;
}
table tr th,td
{
    color: #fff;
}
table tr
{
    border: 0px;
}
table tr th
{
    background: #483511;
}
footer.fixed-bottom
{
    background:  #ccc;
    padding: 0px !important;
    color: black;
    position: fixed;
    bottom: 0px;
}
/******** toggle button css start******/
.sidebar
{
    width: 100%;
    position: relative;
    float: left;
}
/******** toggle button css end****/
/****** pagination starts ******/
.row .pagination
{
    bottom: 0;
    position: relative;
    display: inline;
}
.pagination .firstbar
{
  float: left;
}
.pagination .secondbar
{
    float: right;
}
/****** pagination ends ****/
/* moving letter header css */
.ml1 {
  font-weight: 900;
  /*font-size: 3.5em;*/
  color: red;
}

.ml1 .letter {
  display: inline-block;
  line-height: 1em;
}

.ml1 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml1 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transform-origin: 0 0;
}

.ml1 .line1 { top: 0; }
.ml1 .line2 { bottom: 0; }
/* moving letter header css */

/***** hide animation css ****/
.animate
{
   
    height: 0px;
    transition: height 1s;
}