EVOLUTION-NINJA

Edit File: inner_super.css

html, body {
	margin:0 !important;
	padding:0 !important;
	color: #616161 !important;
	font-family: 'Roboto', sans-serif !important;
	overflow-x:hidden !important;
}
span, label, h1, h2, h3, h4, h5, h6, p, ul, li {
	margin:0 auto;
	padding:0;
}
p {
    margin: 0 0 0px !important; 
}
a
{
	text-decoration:none !important;
	transition:all .5s ease-in-out;
}
.clr {
	clear:both;
}
/*------------------------------- Menu --------------------------------------------------*/
	.navbar-nav {
		float: right !important;
	}
	.navbar
	{
		min-height:auto !important;
		padding-bottom: 4px !important;
	}
	.navbar-nav>li>a
	{
		padding: 8px 10px 5px !important;
	}
    .navbar-inverse {
        background-color: #fff !important;
        border-color: #fff !important;
    }
    .menu_nav ul li a {
        color: #333333 !important;
    }
    .menu_nav ul li a:focus {
        background-color: #001e64 !important;
        color: #fff !important;
        padding: 12px 15px;
    }
    .navbar {
        margin-bottom: 0px !important;
    }
    .ul_menu {
        border-bottom:5px solid #001e64;;
    }
    
    @media only screen and (min-width:320px) and (max-width:640px) {
        .ul_menu li {
            float:left;
        }
        .dropdown-menu li {
            float: none;
            border-bottom: 2px solid #001e64;
        }
        .menu_nav ul li a {
            padding: 5px 5px !important;
        }
        .menu_nav ul li a:focus {
            background-color: #ffff !important;
            color: #333 !important;
        }
        .menu_nav .ul_menu>.open>a, .menu_nav .ul_menu>.open>a:focus, .menu_nav .ul_menu>.open>a:hover {
            background-color: #ffff !important;
        }
        .dropdown-menu li a {
            width: 65%;
        }
        .dropdown-menu {
            position: absolute !important;
            background-color: #afb8ce !important;
            margin-top: 5px !important;
        }
    }

/*-------------------------------- Header Top--------------------------------------------*/
.header
{
	padding:15px 0px;
	border-bottom: 1px solid #ddd;
	background:#ffffff;
}
.header_right
{
	float:right;
	padding-top: 10px;
}
.header_right ul
{
	float: left;
	padding-top: 6px;
	margin-right: 25px;
	border-top: 5px solid #001e64;
	margin-top: 5px;
}
.header_right ul li
{
	display:inline;
	padding:0px 5px;
}

.header_right ul li a
{
	color:#001e64;
}
.header_right span
{
	float:right;
}
.header_right span img
{
	width:40px;
	height:40px;
	border-radius:50%;
	border:1px solid #001e64;
}

.header_bottom
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	background:#ffffff;
	
}

.header_bottom h3
{
	margin:0px;
	font-weight:bold;
	color:#0073b1;
	padding-top: 10px;
	padding-bottom:10px;
}

.head_menu
{
	padding-top: 10px;
}

.head_menu ul
{
	border-bottom: 5px solid #001e64;
	padding-bottom: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.head_menu ul li
{
	display:inline;
	padding:5px 8px;
	margin-bottom:3px;
}

.head_menu ul li a
{
	color:#333333;
}
.act
{
	padding:5px 10px;
	background:#001e64;
	color:#fff;
}

.act a
{
	color:#ffffff !important;
}

.dropdown-menu {
	/*display:none !important;*/
}

.ul_menu li.dropdown:hover > .sub_dropdown {
	display: block !important;
}

@media only screen and (min-width:320px) and (max-width:640px)
{
    .our_logo img
	{
		display:block;
		margin:auto;
	}
	
	.header_right
	{
		float:none;
		display: flex;
		padding-top: 20px;
	}
	
	.header_right span
	{
		float:none;
	}
	.head_menu
	{
		float:none;
		padding-top: 15px;
	}
	.head_menu_div {
	    padding-right: 0px !important;
        padding-left: 0px !important;
	}
	.head_menu ul li {
        padding: 5px 2px;
	}
	.dropdown-menu {
	    left: -56px !important;
	}
	.user_name {
	    margin-bottom:10px;
	}
}

/*--------------- middle work ------------------------*/
.mid_work_one
{
	padding-bottom:20px;
	padding-top:20px;
}

.middle_container
{
	background:#fff;
	border-radius:8px;
	padding: 20px 0px 20px 0px;
	margin-left:0px !important;
	margin-right:0px !important;
}

.info_text
{
	padding-bottom:10px;
	font-weight:bold;
	color:#000;
}

.table-responsive {
		overflow-x: hidden !important;
	}

@media only screen and (min-width:992px) and (max-width:1258px)
{
	.table-responsive {
		overflow-x: initial !important;
	}
	
}

/*-------------------------- summary page ----------------------*/

.sub_dropdown > li
{
	padding:0px 0px !important;
}

.summary_head
{
	color:#001e64;
	font-weight:bold;
	border-bottom:1px solid #555;
	padding-bottom:10px;
}

.btn-round{
	border-radius: 17px !important;
	padding:8px 40px !important;
	background:#5673b8;
	color:#ffffff;
}

.btn-round:hover {
	background:#3c5080;
	color:#ffffff !important;
}

.list_head
{
	color:#001e64;
	font-weight:bold;
	/*border-bottom:1px solid #555;*/
	padding-bottom:10px;
}

.list_table
{
	border: 10px solid #d8f1fd;
	border-radius: 10px;
	margin-top:20px;
}

.list_table table>thead
{
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background:#f2faee;
	color:#001e64;
}

.list_table table>thead>tr>th {
	border-bottom: 1px solid #000 !important;
}

.list_h4_search
{
	margin-left:0px !important;
	margin-right:0px !important;
}

.list_h4_search h4
{
	float:left;
	color:#001e64;
	font-weight:bold;
}

.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #001e64;
}
.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 25%;
  border-radius: 4px 25px 25px 4px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}
/*-------- Busse Hospital Disposable --------*/
.wlc_bg
{
	background:#00c0ef;
	color:#fff;
	padding:15px;
	margin-bottom:20px;
	border-radius:3px;
}
.small-box
{
	border-radius:2px;
	position:relative;
	display:block;
	margin-bottom:20px;
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
.small-box>.inner
{
	padding:10px;
}
.small-box>.small-box-footer
{
	position:relative;
	text-align:center;
	padding:3px 0;
	color:#fff;	color:rgba(255,255,255,0.8);
	display:block;
	z-index:10;
	background:rgba(0,0,0,0.1);
	text-decoration:none;
}
.small-box>.small-box-footer:hover
{
	color:#fff;
	background:rgba(0,0,0,0.15);
}
.small-box h3
{
	font-size:38px;
	font-weight:bold;
	margin:0 0 10px 0;
	white-space:nowrap;
	padding:0;
}
.small-box p
{
	font-size:15px;
}
.small-box p>small
{
	display:block;
	color:#f9f9f9;
	font-size:13px;
	margin-top:5px;
}
.small-box h3,.small-box p
{
	z-index:5;
}
.small-box .icon
{
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	position:absolute;
	top:-10px;
	right:10px;
	z-index:0;
	font-size:80px;
	color:rgba(0,0,0,0.15);
}
.small-box:hover{
	text-decoration:none;
	color:#f9f9f9;
}
.small-box:hover .icon
{
	font-size:95px;
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body 
{
	background-color: #00c0ef !important;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
	background-color: #00a65a !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
	background-color: #f39c12 !important;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
	background-color: #dd4b39 !important;
}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
	color: #fff !important;
}

.btn-dark
{
	margin-top:20px;
	background:#182155;
	color:#fff;
}
.btn-dark:hover
{
	background:#243180;
	color:#fff;
}

.prio_table .form-control
{
	background-color: transparent !important;
	border: transparent !important;
	box-shadow: initial !important;
}

@media (max-width:767px)
{
	.small-box
	{
		text-align:center;
	}
	.small-box .icon
	{
		display:none;
	}
	.small-box p
	{
		font-size:12px;
	}
}

.bg-purple
{
	background-color: #2e3192;
}

.bg-darkblue
{
	background-color: #0f6cbc;
	color: #fff;
}