/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

body {
    margin-top: 100px;
    /*background-color: #222;*/
   /* background:-webkit-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);*/
  /* background: #66ff00*/
  background: rgba(10, 197, 16, 0.82);
}

	#ddlname {
		color:green;
		font-weight:bold;
	}
	
	#ddlname option[value="0"]{
		color:black;
		
	}
	
	#ddlname option[value="1"]{
		color:green;
		font-weight:bold;
		
	}
	
	#ddlname option[value="2"]{
		color:red;
		font-weight:bold;
		
	}
	
	#ddlname1 {
		color:green;
		font-weight:bold;
	}
	
	#ddlname1 option[value="0"]{
		color:black;
		
	}
	
	#ddlname1 option[value="1"]{
		color:green;
		font-weight:bold;
		
	}
	
	#ddlname1 option[value="2"]{
		color:red;
		font-weight:bold;
		
	}
	
	
	#ddlname2 {
		color:green;
		font-weight:bold;
	}
	
	#ddlname2 option[value="0"]{
		color:black;
		
	}
	
	#ddlname2 option[value="1"]{
		color:green;
		font-weight:bold;
		
	}
	
	#ddlname2 option[value="2"]{
		color:red;
		font-weight:bold;
		
	}
	
	#ddlname3 {
		color:green;
		font-weight:bold;
	}
	
	#ddlname3 option[value="0"]{
		color:black;
		
	}
	
	#ddlname3 option[value="1"]{
		color:green;
		font-weight:bold;
		
	}
	
	#ddlname3 option[value="2"]{
		color:red;
		font-weight:bold;
		
	}
	.btn-xs{
		padding:1px 1px;
	}
	
	button{
		margin: 0px 5px;
	}

@media(min-width:768px) {
    body {
        margin-top: 5px;
    }
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: #fff;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 10px;
        min-height:615px;
    }
}

/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color:#1f0253;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 60px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
      /*  background-color: #222;
        background-color: #84CB15;
        background:-webkit-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);*/
       /* background-color:#66ff00;*/
       background-color: rgba(10, 197, 16, 0.82);
    }

    .side-nav>li>a {
        width: 225px;
        color:#f2f2f2 !important;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
       /* background-color: #8ACE1F !important;*/
       background-color: #1f0253 !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    /* color: #999; */
    color:darkblue;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

@keyframes blink {
  from { opacity: 1; }
  to   { opacity: 0; }
}
@-webkit-keyframes blink {
  from { opacity: 1; }
  to   { opacity: 0; }
}

.blink {
  animation-name: blink;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-name: blink;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
}



        

 .working{
 	 background:url('images/LoaderIcon.gif') no-repeat right center;
 	}
 
.orangepane{
	/*background-color:#97E321; border-color:#4cae4c;background-color:#f5f5f5; border-color:#ddd ; background:-webkit-linear-gradient(90deg, #F09819 10%, #EDDE5D 90%)*/ background:-webkit-linear-gradient(right, rgba(210,255,82,1) 13%, orange 113%); padding-top:2px; padding-bottom:3px;
	
}

.greypane{
	color:darkgreen ; font-weight:bold; font-size:16px;
}


	#box
	{
	text-align: center;
	position: absolute;
	width:500px;
	height:350px;
	left: 300px;
	top: 150px;
	z-index: 20;
	display: none;
	}

		
    #screen
    {
     left: 0;
    top: 0;
    z-index:999;
     }