EVOLUTION-NINJA

Edit File: main.css

html, body {

margin:0 !important;

padding:0 !important;

color: #000000 !important;

font-family: 'Roboto', sans-serif !important;

overflow-x:hidden !important;
	font-size: 14px !important;

}

span, label, h1, h2, h3, h4, h5, h6, p, ul, li {

margin:0 auto;

padding:0;

}

p {

margin: 0 0 0px !important;

}

{

text-decoration:none !important;

transition:all .5s ease-in-out;

}

.clr {

clear:both;

}

/*------------------------------- Menu --------------------------------------------------*/
	.navbar-nav {
		float: right !important;
	}
	.navbar-nav>li>a
	{
		padding: 8px 10px 5px !important;
	}
	.navbar
	{
		min-height:auto !important;
		padding-bottom: 4px !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: 10px 6px;
        }
        .menu_nav ul li a:focus {
            background-color: #ffff !important;
            color: #333 !important;
            float: left;
        }
        .menu_nav .ul_menu>.open>a, .menu_nav .ul_menu>.open>a:focus, .menu_nav .ul_menu>.open>a:hover {
            background-color: #ffff !important;
            float: left;
            /*padding: 10px 6px;*/
        }
        .dropdown-menu li a {
            width: 65%;
        }
        .dropdown-menu {
            position: absolute !important;
            background-color: #afb8ce !important;
            margin-top: 5px !important;
        }
        
    }
    
    @media only screen and (min-width:641px) and (max-width:991px) {
        .menu_nav ul li a {
            padding: 10px 8px !important;
        } 
    }
    
    @media only screen and (min-width:992px) and (max-width:1258px) {
        .menu_nav ul li a {
            padding: 10px 10px !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;

}

.header_menu

{

float:right;

padding-top: 10px;

}

.header_menu ul

{

border-bottom: 5px solid #001e64;

padding-bottom: 5px;

margin-bottom: 5px;

}

.header_menu ul li

{

display:inline;

padding:5px 8px;

margin-bottom:3px;

}

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

}

/*--------------- middle work ------------------------*/

.mid_work_one

{

padding-bottom:20px;

padding-top:20px;

}

.middle_container

{

background:#fff;

border-radius:8px;

padding:20px 15px 20px 15px;

margin-left:0px !important;

margin-right:0px !important;

}

.info_text

{

padding-bottom:10px;

font-weight:bold;

color:#346faa;
	//border-bottom: 1px solid #000;

}

/*-------------------------- 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

{

border-bottom:1px solid #555;

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;

}

/*--------------- mid_work_two ---------------*/

.mid_work_two

{

padding-bottom:20px;

padding-top:20px;

background:#f5f5f5;

}

.mid_container5

{

background:#f2faee;

border-radius:10px;

padding:15px;

}

.our_navtab1

{

background:#ffffff;

}

.our_navtab1 li a

{

color:#555;

}

.tab_left1 h4

{

text-align:center;

color:#001e64;

//background:#d8f1fd;

border-top:1px solid #5c5c5c;

border-bottom:1px solid #5c5c5c;

padding:8px 0px;

margin-bottom:0px;

margin-top:0px;

}

/*----------------------------- Procurement Event C page ---------------------------*/

.prio_table{

//background: #e9f5fb !important;

//border: 1px solid gray;

}

.prio_table>thead>tr>th
{
	background: #abf3ad !important;
	border-bottom: 1px solid #61b79c !important;
    border-top: 1px solid #61b79c !important;
}

.prio_table>tbody>tr>td
{
	background: #f0fffc;
}

.prio_table td{

border-top: 0px solid transparent !important;

}

.table1>tbody>tr>td, 
.table1>tbody>tr>th, 
.table1>tfoot>tr>td, 
.table1>tfoot>tr>th, 
.table1>thead>tr>td, 
.table1>thead>tr>th {
    border-top: 0px solid transparent !important;
}

.task_div1{

border: 1.5px solid silver;

padding: 12px 15px;

background: #f7f5f5;

border-radius: 5px;

}

.task_div1 p{

background: #dff0d8;

padding: 10px 15px;

margin-bottom: 5px;

text-align: center;

}

.task_div2{

border: 1px solid #182155;
	padding: 12px 15px;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

.priority_div{

padding: 10px;

padding-bottom:0.5	px;

background:  #eafae4;

}

#priority_table{

background: #f1f7ef !important;

}

/*-------- 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:0px;
	right:10px;
	z-index:0;
	font-size:60px;
	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, .btn-dark:focus
{
	background:#243180;
    color:#fff !important;
}

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

/*-------------------- tasks pages ---------------------*/

.bidding_input

{

//padding-bottom:10px;

}

.bidding_input h4

{

display: inline;

float: left;

padding-right: 10px;

}

.bidding_input .b_input

{

display: flex;

}

.p_bidding

{

display: flex;

//justify-content: center;

align-items: center;
    padding-bottom: 15px;

}

.p_bidding > input

{

margin:0px 5px;

}

@media only screen and (min-width:320px) and (max-width:640px)

{

.p_bidding

{

padding-left: 0%;

}

@media only screen and (min-width:992px) and (max-width:1258px)

{

.p_bidding

{

padding-left: 0%;

}

/*---------------------- events page -------------------*/

.mid_work_one

{

padding-bottom:20px;

padding-top:20px;

}

.mid_container

{

background:#fff;

border:1px solid #b4b1b1;

border-radius:8px;

padding:20px 15px 20px 15px;

margin-left:0px !important;

margin-right:0px !important;

}

.tab_left

{

background:#f2f4f9;

padding-bottom: 10px;

}

.tab_left h4

{

background:#e4e8f3;

text-align:center;

color:#001e64;

padding:10px 0px;

margin-top: 0px;

}

.our_navtab

{

margin-left:25px;

margin-right:25px;

}

.our_navtab li

{

text-align:center !important;

}

.our_navtab>li>a

{

color:#333 !important;

border-radius: 6px !important;

padding: 8px 15px !important;

}

.our_navtab>li.active>a

{

background: #dfeeca !important;

}

.mobile_top

{

background:#fff;

box-shadow:0px 0px 20px #95959538;

padding-top:15px;

padding-bottom:15px;

border-radius: 4px;

}

.mob_model, .mob_num

{

margin-top:0px;

}

.mob_model

{

border:1px solid #001e64;

text-align:center;

color:#001e64;

padding:5px 0px;

border-radius: 4px;

}

.mob_num

{

border: 1px solid #001e64;

text-align: center;

color: #333;

padding: 5px 15px;

border-radius: 4px;

display: inline-block;

}

.green_bg

{

width: 30px;

height: 30px;

border-radius: 50%;

background: #a0e345;

display: inline-block;

float: left;

margin-right: 20px;

}

.price_input

{

padding-top:15px;

}

.price_input p

{

text-align:center;

color:#333;

}

.price_input .form-control

{

border: 1px solid #001e64 !important;

}

.mobtab_num

{

border: 1px solid #001e64;

text-align: center;

color: #333;

padding: 5px 15px;

border-radius: 4px;

display: inline-block;

margin-bottom:0px;

font-size:14px;

}

.mobile_bottom

{

margin-top: 5%;

box-shadow: 0px 0px 20px #95959538;

border-radius: 5px;

border: 1px solid #959595;

}

.no_row

{

margin-left:0 !important;

margin-bottom:0 !important;

}

.row_no
{
	padding-left:15px;
	padding-right:15px;
}

.our_table

{

}

.our_table>thead>tr>th

{

text-align:center !important;

}

.green_table

{

width: 30px;

height: 30px;

border-radius: 50%;

background: #a0e345;

display: block;

margin-right: auto;

}

.table_input

{

border: 1px solid #001e64 !important;

}

@media only screen and (min-width:641px) and (max-width:991px) {
    .mid_container {
        padding: 20px 0px 20px 0px;
    }
    .bidding_div {
        padding-right: 12px !important;
        padding-left: 8px !important;
    }
}