/*
 * Custom Skin: Gray
  * -----------
   */
   .custom-skin-gray .main-header .navbar {
     background-color: #4c4c4c;
     }
     .custom-skin-gray .main-header .navbar .nav > li > a {
       color: #ffffff;
       }
       .custom-skin-gray .main-header .navbar .nav > li > a:hover,
       .custom-skin-gray .main-header .navbar .nav > li > a:active,
       .custom-skin-gray .main-header .navbar .nav > li > a:focus,
       .custom-skin-gray .main-header .navbar .nav .open > a,
       .custom-skin-gray .main-header .navbar .nav .open > a:hover,
       .custom-skin-gray .main-header .navbar .nav .open > a:focus,
       .custom-skin-gray .main-header .navbar .nav > .active > a {
         background: rgba(0, 0, 0, 0.1);
           color: #f6f6f6;
           }
           .custom-skin-gray .main-header .navbar .sidebar-toggle {
             color: #ffffff;
             }
             .custom-skin-gray .main-header .navbar .sidebar-toggle:hover {
               color: #f6f6f6;
                 /*background: rgba(0, 0, 0, 0.1);*/
                   background: #3f3f3f;
                   }
                   .custom-skin-gray .main-header .navbar .sidebar-toggle {
                     color: #fff;
                     }
                     .custom-skin-gray .main-header .navbar .sidebar-toggle:hover {
                       background-color: #3f3f3f;
                       }
                       @media (max-width: 767px) {
                         .custom-skin-gray .main-header .navbar .dropdown-menu li.divider {
                             background-color: rgba(255, 255, 255, 0.1);
                               }
                                 .custom-skin-gray .main-header .navbar .dropdown-menu li a {
                                     color: #fff;
                                       }
                                         .custom-skin-gray .main-header .navbar .dropdown-menu li a:hover {
                                             background: #008d4c;
                                               }
                                               }
                                               .custom-skin-gray .main-header .logo {
                                                 /*background-color: #008d4c;*/
                                                   background-color: #4c4c4c;
                                                     color: #ffffff;
                                                       border-bottom: 0 solid transparent;
                                                       }
                                                       .custom-skin-gray .main-header .logo:hover {
                                                         /*background-color: #008749;*/
                                                           background-color: #3f3f3f;
                                                           }
                                                           .custom-skin-gray .main-header li.user-header {
                                                             /*background-color: #00a65a;*/
                                                               background-color: #4c4c4c;
                                                               }
                                                               .custom-skin-gray .content-header {
                                                                 background: transparent;
                                                                 }
                                                                 .custom-skin-gray .wrapper,
                                                                 .custom-skin-gray .main-sidebar,
                                                                 .custom-skin-gray .left-side {
                                                                   /*background-color: #222d32;*/
                                                                     background-color: #4c4c4c;
                                                                     }
                                                                     .custom-skin-gray .user-panel > .info,
                                                                     .custom-skin-gray .user-panel > .info > a {
                                                                       color: #fff;
                                                                       }
                                                                       .custom-skin-gray .sidebar-menu > li.header {
                                                                         color: #4b646f;
                                                                           /*background: #1a2226;*/
                                                                             background: #4c4c4c;
                                                                             }
                                                                             .custom-skin-gray .sidebar-menu > li > a {
                                                                               border-left: 3px solid transparent;
                                                                               }
                                                                               .custom-skin-gray .sidebar-menu > li:hover > a,
                                                                               .custom-skin-gray .sidebar-menu > li.active > a {
                                                                                 color: #ffffff;
                                                                                   /*background: #1e282c;*/
                                                                                     background: #3f3f3f;
                                                                                       border-left-color: #00a65a;
                                                                                       }
                                                                                       .custom-skin-gray .sidebar-menu > li > .treeview-menu {
                                                                                         margin: 0 1px;
                                                                                           background: #2c3b41;
                                                                                           }
                                                                                           .custom-skin-gray .sidebar a {
                                                                                             color: #b8c7ce;
                                                                                             }
                                                                                             .custom-skin-gray .sidebar a:hover {
                                                                                               text-decoration: none;
                                                                                               }
                                                                                               .custom-skin-gray .treeview-menu > li > a {
                                                                                                 color: #8aa4af;
                                                                                                 }
                                                                                                 .custom-skin-gray .treeview-menu > li.active > a,
                                                                                                 .custom-skin-gray .treeview-menu > li > a:hover {
                                                                                                   color: #ffffff;
                                                                                                   }
                                                                                                   .custom-skin-gray .sidebar-form {
                                                                                                     border-radius: 3px;
                                                                                                       border: 1px solid #374850;
                                                                                                         margin: 10px 10px;
                                                                                                         }
                                                                                                         .custom-skin-gray .sidebar-form input[type="text"],
                                                                                                         .custom-skin-gray .sidebar-form .btn {
                                                                                                           box-shadow: none;
                                                                                                             background-color: #374850;
                                                                                                               border: 1px solid transparent;
                                                                                                                 height: 35px;
                                                                                                                 }
                                                                                                                 .custom-skin-gray .sidebar-form input[type="text"] {
                                                                                                                   color: #666;
                                                                                                                     border-top-left-radius: 2px;
                                                                                                                       border-top-right-radius: 0;
                                                                                                                         border-bottom-right-radius: 0;
                                                                                                                           border-bottom-left-radius: 2px;
                                                                                                                           }
                                                                                                                           .custom-skin-gray .sidebar-form input[type="text"]:focus,
                                                                                                                           .custom-skin-gray .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                                                                                                                             background-color: #fff;
                                                                                                                               color: #666;
                                                                                                                               }
                                                                                                                               .custom-skin-gray .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                                                                                                                                 border-left-color: #fff;
                                                                                                                                 }
                                                                                                                                 .custom-skin-gray .sidebar-form .btn {
                                                                                                                                   color: #999;
                                                                                                                                     border-top-left-radius: 0;
                                                                                                                                       border-top-right-radius: 2px;
                                                                                                                                         border-bottom-right-radius: 2px;
                                                                                                                                           border-bottom-left-radius: 0;
                                                                                                                                           }
                                                                                                                                           
                                                                                                                                           .btn-primary, 
                                                                                                                                           .btn-primary:focus,
                                                                                                                                           .btn-primary:hover {
                                                                                                                                            background: #008d4c;
                                                                                                                                                color: #ffffff
                                                                                                                                                }
                                                                                                                                                
                                                                                                                                                .custom-skin-gray .box.box-primary{
                                                                                                                                            	border-top-color:#008d4c;
                                                                                                                                            	}
                                                                                                                                            	
                                                                                                                                            	.custom-skin-gray .main-footer {
                                                                                                                                            	    color: #4c4c4c;
                                                                                                                                            	    }
                                                                                                                                            	    .custom-skin-gray .main-footer a {
                                                                                                                                            	      color: #008d4c;
                                                                                                                                            	      }
                                                                                                                                            	      .custom-skin-gray .main-footer a:hover {
                                                                                                                                            	        color: #4caf81;
                                                                                                                                            	        }
                                                                                                                                            	        
                                                                                                                                            	        .normal,
                                                                                                                                            	        .normal a,
                                                                                                                                            	        .normal a:hover {
                                                                                                                                            	    	color:#008d4c;
                                                                                                                                            	    	}
                                                                                                                                            	    	
                                                                                                                                            	    	/*login page specifics */
                                                                                                                                            	    	
                                                                                                                                            	    	.form-signin {
                                                                                                                                            	    	  max-width: 330px;
                                                                                                                                            	    	    padding-top: 0px;
                                                                                                                                            	    	      padding-bottom: 20px;
                                                                                                                                            	    	        margin: 0 auto;
                                                                                                                                            	    	        }
                                                                                                                                            	    	        .form-signin .form-signin-heading,
                                                                                                                                            	    	        .form-signin .checkbox {
                                                                                                                                            	    	          margin-bottom: 10px;
                                                                                                                                            	    	            text-align: center;
                                                                                                                                            	    	            }
                                                                                                                                            	    	            
                                                                                                                                            	    	            .form-signin .form-control {
                                                                                                                                            	    	              position: relative;
                                                                                                                                            	    	                height: auto;
                                                                                                                                            	    	                  -webkit-box-sizing: border-box;
                                                                                                                                            	    	                       -moz-box-sizing: border-box;
                                                                                                                                            	    	                                 box-sizing: border-box;
                                                                                                                                            	    	                                   padding: 10px;
                                                                                                                                            	    	                                     font-size: 16px;
                                                                                                                                            	    	                                     }
                                                                                                                                            	    	                                     .form-control:focus {
                                                                                                                                            	    	                                       z-index: 2;
                                                                                                                                            	    	                                         border-color: #008d4c;
                                                                                                                                            	    	                                           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(0, 150, 0, 0.6);
                                                                                                                                            	    	                                           }
                                                                                                                                            	    	                                           
                                                                                                                                            	    	                                           .form-signin input[type="password"] {
                                                                                                                                            	    	                                             margin-top: 5px;
                                                                                                                                            	    	                                               margin-bottom: 10px;
                                                                                                                                            	    	                                               }
                                                                                                                                            	    	                                               
                                                                                                                                            	    	                                               .form-register {
                                                                                                                                            	    	                                                 max-width: 500px;
                                                                                                                                            	    	                                                   padding: 40px;
                                                                                                                                            	    	                                                     margin: 0 auto;
                                                                                                                                            	    	                                                     }
                                                                                                                                            	    	                                                     
                                                                                                                                            	    	                                                     .step-buttons{
                                                                                                                                            	    	                                                       display: flex;
                                                                                                                                            	    	                                                         justify-content: space-between;
                                                                                                                                            	    	                                                           margin: 30px 0;
                                                                                                                                            	    	                                                           }
                                                                                                                                            	    	                                                           
                                                                                                                                            	    	                                                           .step-buttons .step-button{
                                                                                                                                            	    	                                                             width: 40%;
                                                                                                                                            	    	                                                             }
                                                                                                                                            	    	                                                             
                                                                                                                                            	    	                                                             .required-symbol{
                                                                                                                                            	    	                                                               color: #ff0000;
                                                                                                                                            	    	                                                               }
                                                                                                                                            	    	                                                               
                                                                                                                                            	    	                                                               .custom-skin-gray .login-logo {
                                                                                                                                            	    	                                                                width: 140px;
                                                                                                                                            	    	                                                                }