@charset "utf-8";
/* CSS Document */
/* for master files */
.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #d9f0fb;
}
.dispval {
    font-weight:bold;font-size:18px; color:#6e05a2;
}
.displab {
    color:darkgreen; font-weight:normal;
}

.form-group {
    margin-bottom: 2px;
}
.form-control{
    height:30px;
    padding: 0px 12px;
}
.col50 { width:50px; }
.col100 { width:100px; }
.col150 { width:150px; }
.col200 { width:200px; }
.col250 { width:250px; }
.col300 { width:300px; }
.col500 { min-width:300px; max-width:500px; width:100%; }
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #367faa;
    padding: 10px;
}
.panel-primary {
    margin: 0 auto;
}
.error{float:right;}

.err-color::-webkit-input-placeholder {
    color: red;
}
.login-box {
    max-width: 350px;
    min-width: 200px;
    width: 90%;
    height: 350px;
    margin-right: 10px;
    margin: 30px auto;
    background-color: #C0C0C0;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.87);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.87);
    box-shadow: 0px 0px 15px 2px rgba(51, 2, 2, 0.87);
}
#taskDiv {display:none; margin-top:20px; width:100%;}
input[type=checkbox], input[type=radio] {
    margin: -4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    box-shadow: none;
}
.required {color:red;}

/* old */
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    background-color: #c2dcea;
    border-top: 1px solid #dddddd;
}
.form-style-2{
    max-width: 500px;
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-2-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style-2 label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style-2 label > span{
    width: 100px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style-2 span.required{
    color:red;
}
.form-style-2 .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style-2 input.input-field{
    width: 48%;
    
}
.error{color:red;}
.form-control1 {
    display: block;
    width: 100%;
    height: 25px;
    /* padding: 10px 18px; */
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-style-2 input.input-field, 
.form-style-2 .tel-number-field, 
.form-style-2 .textarea-field, 
 .form-style-2 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.form-style-2 .input-field:focus, 
.form-style-2 .tel-number-field:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
    border: 1px solid #0C0;
}
.form-style-2 .textarea-field{
    height:100px;
    width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}
.templatemo-submenu li {
    list-style: none;
    background-color: #e7e7ea;
}
.templatemo-submenu li a:hover{background-color:#987fc1;}

/* end of master files */

 .container{
    max-width: 98%;
    /*float: left;
    margin-left:20px;*/
    min-width: 600px;
    margin:0 auto;
}

.templatemo-submenu .nav-li {background-color:000;}
.templatemo-submenu .nav-li a:hover {background-color:#FFC; color:000;}

#mhead{
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    text-align: center; 
    font-family: georgia;
} 
#pagination table{
    width:960px;
    margin:0px 0px;
    font-family:Tahoma,Arial,Verdana,sans-serif;
    font-size:13px;
    padding:4px;
    border-collapse: collapse;
}


.head{
    background:#6CF;
}
#pagination table tr td{
    padding: 4px;
    text-transform:capitalize;
    border:1px solid #d1d1d1;
}
.pagination{
    width:600px;
    margin-top:0px;
    margin-left:0px;
    float:left;
}
.pagination .current{
    padding: 4px 10px;
    color: black;
    margin: 1px 0px 9px 6px;
    display: block;
    text-decoration:none;
    float: left;
    text-transform: capitalize;
    background: whitesmoke;
}
.pagination .page-numbers{
    padding: 4px 10px;
    color: white !important;
    margin: 1px 0px 9px 6px;
    display: block;
    text-decoration:none;
    float: left;
    text-transform: capitalize;
    background: #00b4cc;
}

.margin-top-15{margin-top:15px;}
.dasboard_border{border:thin solid #CDCDCD;border-top:none;padding:10px 10px 4px;}
.dasboard_border div{width:70px;float:right;}
.addButtonListPage, .dashboard_adminReport{float:right;}
.addButtonListPage{margin-top:-3px;}

/*  bar graph - single line */
.clear{
    clear:both;}

.graphcont {
/*padding-top:10px;*/
color:#000;
font-weight:700;
float:left
}   

.graph {
  float: left;
  /*margin-top: 10px;*/
  background-color: #ECECEC;
  position: relative;
  width: 280px;
  padding: 0;
  border: 1px solid #70B600;
}

.graph .bar {
display:block;
position:relative;
background-image:url(../images_/bargraph.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#000;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.graph .bar span {
position:absolute;
left:1em
}
.templatemo-sidebar .templatemo-sidebar-menu >li.active, .templatemo-sidebar .templatemo-sidebar-menu>li>a:hover {
    background-color: rgb(97, 93, 41); color:#fff;
}
.logo h1 {
    font-size: 24px;
    margin: 10px 15px;
    color: #fff;
}
.navbar-inverse {
    background-color: #262f38;
    border-color: #0f1010;
}
.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #75737d;
    border-color: #75737d;
}


.templatemo-sidebar .templatemo-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: lightgray;
}


/* end of bar graph - single line */

.header-color {     background-color: darkkhaki; }

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

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

}
@media only screen and (max-width: 767px) {
   .addButtonListPage, .dashboard_adminReport{display:block;float:none;}
   .addButtonListPage{margin-top:3px;}
   #hbox {display:none;}
}   
@media (max-width: 1000px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    width:25%;
    float:left;
  }
}