/*!
 * 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: #f2f2f2;
}

	#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;
}

/* -------------------------------- Home Page Menu ------------------------------------- */
 .pnl-row{
          padding: 30px 15px; margin: 0px;
      }
      .has-shadow{
          webkit-box-shadow:2px 2px 2px rgb(0 0 0 / 10%),1px 0px 2px rgb(0 0 0 / 5%);
          box-shadow:2px 2px 2px rgb(0 0 0 / 10%),-1px 0px 2px rgb(0 0 0 / 5%); 
          
      }
      
      .item{
          border-right:1px solid #eee; padding: 15px 0px; align-items: center !important; display: flex;
      }
      
      .bg-blue{
         background: #00283a;
         color:#fff;
      }
      
      .bg-brown{
         background:brown;
         color:#fff;
      }
      
      .bg-green{
         background: rgba(146, 197, 0, 0.8);
         color:#00283a;
      }
      
      .bg-golden{
         background: goldenrod;
         color:#00283a;
      }
      
      .bg-violet{
          background:#796AEE !important; color:#fff;
      }
      
      .icon{
           width:40px; height:40px; line-height:40px; text-align:center; min-width:40px; max-width:40px; border-radius:50%;
      }
     
       .icon2{
           width:20px; height:20px; line-height:20px; text-align:center; min-width:20px; max-width:20px; border-radius:50%;font-size: 15px;text-align: center;transform: translateY(3px);
      }
      
      .smallicon{
          font-size: 22px;text-align: center;transform: translateY(3px);
      }
      
      .title{
          font-size:1.4em; font-weight:300;color:#777; margin:0px 20px;
      }
      
      .progress{
          margin-top: 10px; height:4px; display:flex; overflow:hidden; font-size:0.75rem; background-color: #e9ecef; border-radius:0.25rem; width:80px;
      }
      
      .progress-bar{
          width:25%; height:4px; display-flex; flex-direction: column; justify-content: center; overflow: hidden; text-align: center; white-space: nowrap; transition: width 0.6s ease; background: #796AEE; color:#fff;
      }
      
      .number{
          font-size:1.8em; font-weight:300px;
      }
  /*-------------------------------------------------------------------------------------------------- */    


@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-darkblue .panel-heading {
    border-color: #00283a;
    color: #fff;
    background-color:#00283a;
    
}

.panel-darkblue {
    border-color: #00283a;
}


.panel-lightgreen .panel-heading {
    border-color: rgba(146, 197, 0, 0.8);
    color: darkblue;
    background-color: rgba(146, 197, 0, 0.8);
}

.panel-lightgreen {
    border-color: rgba(146, 197, 0, 0.8);
}

.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;
     }