==========================================================================
   Fonts
   ========================================================================== */


/* Misc.
   ========================================================================== */
::-moz-selection{background:#0dbc7f;text-shadow:none;}
::selection{background:#0dbc7f;text-shadow:none;}

body{background: url(../images/site/ots-bg.png) repeat-y center top;}
.main-bg{background:#fafafa;}

.btn-tankcare{background:#373736;border:1px solid #373736;color:#fff;margin:0 0 4px 0;}
.btn-tankcare:hover{background:#bf1b18;border:1px solid #bf1b18;color:#fff;}
.rs-box{border: 1px solid black; padding: 5px; margin-bottom: 25px;}


/* Login Page
   ========================================================================== */
.form-signin{max-width:350px;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;font-size:16px;height:auto;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
.form-signin .form-control:focus{z-index: 2;}
.form-signin input[type="text"]{margin-bottom: -1px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.form-signin input[type="password"]{margin-bottom: 10px;border-top-left-radius:0;border-top-right-radius:0;}
.account-wall{margin-top:20px;padding: 40px 0px 20px 0px;background-color:#f7f7f7;-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
.login-title{color: #555;font-size: 18px;font-weight: 400;display: block;}
.need-help{margin-top:10px;}
.new-account{display:block;margin-top:10px;}
img.login-logo{display:block;margin:0 auto 15px auto;}

/* Forgotten Password
   ========================================================================== */
.form-signin.password-reset input[type="text"]{margin-bottom: 10px;border-radius: 4px;}

/* Dashboard Logo
   ========================================================================== */
.logo img{display:block;margin:15px auto;}

/* Top Account Links
   ========================================================================== */
.top-account-links{margin:15px 0;}
.top-account-links ul{text-align:center;margin:0;padding:0;}
.top-account-links li{display:inline;}

/* Main Menu
   ========================================================================== */
.navbar-default{background:#000;border-radius:0;}
.navbar-default .navbar-nav>li>a{color:#fff;border-bottom:1px dotted #fff;}
.navbar-default .navbar-nav>li>a:hover{background:#bf1b18;color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background:#bf1b18;color:#fff;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{color:#fff;}

/* Main Content
   ========================================================================== */
.main-content{color:#000;margin-bottom:15px;}
.main-content h1{font-size:2em;margin:0 0 15px 0;}
.main-content h2{font-size:1.8em;margin:0 0 15px 0;}
.main-content h3{font-size:1.6em;margin:0 0 15px 0;}
.main-content h4{font-size:1.4em;margin:0 0 15px 0;}
.main-content h5{font-size:1.3em;margin:0 0 15px 0;}
.main-content h6{font-size:1.3em;margin:0 0 15px 0;}
.main-content p{margin:0 0 20px 0;}
.main-content ul{margin:0 0 20px 0;padding:0 0 0 20px;}
.main-content ol{margin:0 0 20px 0;padding:0 0 0 22px;}
.main-content li{}
.main-content img{margin:0 0 12px 0;display:block;height:auto;max-width:100%;}
.main-content a{}

.print-options{padding:0 0 15px 0;text-align:right;}

/* Graph Styles
   ========================================================================== */
.graph{margin:0 0 30px 0;}
.graph h3{font-size:1.3em;margin:0 0 15px 0;text-align:left;}

/* Results
   ========================================================================== */
.green{width:30px;height:30px;border-radius:50%;background:#009900;}
.amber{width:30px;height:30px;border-radius:50%;background:#ffff00;}
.red{width:30px;height:30px;border-radius:50%;background:#ff0000;}

/* Enter Test Data Form
   ========================================================================== */
.tank-form{border:1px solid #000;padding:15px;margin:0 0 15px 0;}



/* Side Column
   ========================================================================== */
.side-site-details{margin:0 0 30px 0;}
.side-site-details h2{font-size:1.6em;margin:0 0 15px 0;}

/* My Account
   ========================================================================== */
/* Side Nav */
.sub-nav{margin:0 0 30px 0;}
.nav-pills>li>a {color:#fff;background:#373736;}
.nav-pills>li>a:hover, .nav-pills>li>a:focus{color:#fff;background:#bf1b18;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {color:#fff;background:#bf1b18;}

/* Footer
   ========================================================================== */
.footer-bg{background:#444444;color:#fff;margin-top:30px;}
.footer{margin:10px 0;}

/* Chart.js ledgend */
#fork {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
}

.legend {
    width: 10em;
    border: 1px solid black;
}

.legend .title {
    display: block;
    margin: 0.5em;
    border-style: solid;
    border-width: 0 0 0 1em;
    padding: 0 0.3em;
}

/* Addtional Styling Classes
   ========================================================================== */
 .service-row {background-color:#d9edf7;}

table.ppm-table{border-collapse: collapse; width:100%; margin: 25px 0 25px 0;}

table.ppm-table  th, table.ppm-table  td  {border: 1px solid black;}

table.ppm-table  td  {padding: 20px;}






/* Channel Form styling tweaks
   ========================================================================== */
 .playa-dp table {height: auto !important;}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 768px){

	/* Dashboard Logo
   ========================================================================== */
	.logo img{display:inline-block;margin:25px 0;}
	/* Top Account Links
   ========================================================================== */
   .top-account-links ul{text-align:right;}
   /* Main Menu
   ========================================================================== */
	.navbar-default .navbar-nav>li>a{border-bottom:none;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{color:#fff;display:none;}
	/* Graph Styles
   ========================================================================== */
   .graph h3{font-size:1.3em;margin:0 0 15px 0;text-align:center;}

}

@media (min-width: 768px) and (max-width: 991px){

}

@media (min-width: 992px){

}

@media (min-width: 1200px){

}

@media (max-width: 768px){

}

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

}

/*by @M Start*/
.main_list_data {display: block; margin: 0 auto;}
.main_list_data img{margin: 0 auto;}
/*by @M End*/

/*Added by @mufi*/
.error{color: red; }
.playa-entry a {padding: 2px 10px 2px 18px !important;}
.btn {padding: 6px 12px !important; border: 1px solid transparent !important;}
.btn-default {color: #333 !important; background-color: #fff !important; border-color: #ccc !important;}
.btn-success{margin-bottom: 10px !important; margin-top: 10px !important;}
#cform .date-picker-wrap{width: 275px !important;}
.initial{position: initial;}
.btn-default{margin-bottom: 10px; margin-top: 10px;}
.ml-1{margin-left: 5px !important;}
#cform .date-picker-clip{overflow-x: hidden !important;}
#cform .date-picker-heading h3 {z-index: -1;}