.sugg {
margin-top: -74px !important;
box-shadow: 0 0 5px 0 #00000021 !important;
padding: 10px;
margin-bottom: 20px;
float: right;
margin-right: 116px !important;
}
.w-70{width: 100px !important; }
.number small { text-transform: none !important;}
.green {
color: #008564;
}
.red {
color:red;
}
.black {
color:black;
}
.btn-file{
width: 100%;
height: 40px;
padding: 9px 12px;
box-shadow: 0 0 5px 0 #00000021 !important;
}
.modal{
background: rgba(0,0,0,0.6);
}
.form-content{
padding: 20px;
background: #fff;
margin-top: 20px;
}
.shor-date{
padding: 20px 0;
}
.portlet-title{
font-size: 18px;
color: #697882;
margin-top: 0;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.dual-input label{
display:block;
}
.page-title.w_date h1{
display: inline-flex;
}
.page-title .date.date-picker{
margin-left: 25px;
}
.page-title .date.date-picker .form-control{
height: 38px;
}
.page-title .date.date-picker .input-group-btn button{
position: absolute;
height: 38px;
top: 0;
}
.panel {
box-shadow: none;
margin-bottom: 0;
}
.md-radio label>.check{
background: #0fcb6d;
}
.md-radio label>span.inc {
background: rgba(221, 221, 221, 0.5);
left: -9px;
top: -9px;
height: 37px;
width: 37px;
}
.md-radio label>.box {
border: 2px solid #ddd;
}
.collapsing {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
/* .datepicker-orient-left.datepicker-orient-top{
left: 15% !important;
}
.datepicker-orient-left.datepicker-orient-bottom{
left: 1007px !important;
top: 275px !important;
display: block !important;}*/
label.empty{
margin-top: 16px;
}
label sup{
color: red;
}
.m-b-20{
margin-bottom: 20px;
}
.btn-danger{
background-color: #0fcb6d !important;
border-color: #0fcb6d !important;
width: 80px;
padding: 8px !important;
}
.control-label {
margin-bottom: 2px;
color: #000;
}
.sweet-alert{
z-index: 9999;
}
.sweet-overlay{
z-index: 9998;
}
.page-header.navbar .menu-toggler.responsive-toggler {
margin: 18px 14px 0 6px;
}
/*.text-right .btn-cancel,.text-right .btn-save{
margin-top: 20px;
}*/
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a{
color: #678098;
border-bottom: 1px solid #ddd !important;
background: #fbfcfd;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a{
color: #678098;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover,
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover {
background: #eee;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list>li>a .time {
background: transparent !important;
color: #678098;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu{
background: #fbfcfd;
color: #678098; 
}
.min-width
{
display: none!important;
}
.btn-primary.focus, .btn-primary:focus {
color: #286090;
background-color: transparent;
border-color: #286090;
}
.page-head .page-title
{
/*padding: 5px 11px 10px;*/
}
.form-control,.bootstrap-select .btn-default,select.input-sm{
border-radius: 0;
height: 42px;
box-shadow:0 0 5px 0 #00000021 !important;
}
.search-area{
border: 1px solid #ddd;
width: 300px;
margin-bottom: 15px;
}
.search-input{
height: 30px;
width: 84%;
outline: none;
padding: 2px 5px 2px 15px;
border: none;
color: #333;
}
.modal-backdrop{
z-index: 999;
}
.modal .modal-content {
box-shadow: none;
background: transparent;
}
.modal .modal-header {
border-bottom: none;
}
.modal .modal-header .btn-icon-only{
border-radius: 50px !important;
}
.modal-backdrop, .modal-backdrop.fade.in {
opacity: 1;
width: 88%;
margin-left: auto;
}
.modal-backdrop, .modal-backdrop.fade.in {
background-color: #f3f5f9!important;
}
.btn-search{
background: transparent;
box-shadow: none !important;
border-left: 1px solid #ddd;
color: #337ab7;
}
.nav-pills>li>a,.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
background-color: #fff;
color: #000;
box-shadow: none !important;
border-radius: 0 !important;
width: 150px;
height: 42px;
padding: 12px !important;
font-size: 14px !important;
font-weight: normal !important;
}
.nav-pills>li>a{
background: #f3f3f3;
margin-bottom:20px;
}
.nav-pills li:first-child a{
border-right: none;
}
.nav-pills li:first-child a{
border-right: none;
}
.nav-pills>li+li {
margin-left: 0;
}
.nav-pills .btn-default:hover,.nav-pills .btn-default:focus,.nav-pills .btn-default:active{
border-color: #ccc;
}
.bootstrap-select .btn-default:hover,.bootstrap-select .btn-default:focus,.bootstrap-select .btn-default:active{
background: transparent;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
top: 40%;
color: #000;
font-size: 20px;
}
.running_weight
{
float: right !important;
}
textarea.form-control{
resize: none;
height: 100px;
}
.m-b-30{
margin-bottom: 30px;
}
a{
text-decoration: none !important;
}
table.dataTable tbody th, table.dataTable tbody td {
padding: 12px 10px;
}
table.dataTable tbody td span.blue{
color: #5b9bd1;
cursor: pointer;
}
table.dataTable tbody td span.employee {
color: #0fcb6d;
}
table.dataTable tbody td span.client {
color: #3bacef;
}
table.dataTable tbody td span.admin {
color: #e64965;
}
.page-quick-sidebar-toggler .icon-close{
color: #6c8296;
}
.page-header-fixed .page-container {
margin-top: 50px;
padding: 0;
}
.page-quick-sidebar-chat{
color: #333;
}
.table tr th:last-child,.table tr td:last-child{
text-align: center;
}
.btn-cencel{
background-color: #e1e1e1;
border-color: #e1e1e1;
width: 80px;
color: #000;
margin-right: 10px;
}
.p-left0 {
padding-left:0px !important;
}
.btn-save{
background-color: #0fcb6d;
border-color: #0fcb6d;
width: 100px;
margin-left: 10px
}
.btn-save:hover,.btn-save:focus{
background-color: #0db963 !important;
border-color: #0db963 !important;
}
.btn-cencel:hover,.btn-cencel:focus{
background-color: #d6d6d6 !important;
border-color: #d6d6d6 !important;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover {
background-color: #3f445729;
transition: .5s;
}
.page-header.navbar .page-logo{
padding-left:5px;
}
.page-header.navbar .page-logo .logo-default {
margin: 5px 10px 0;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
margin: 20px 0 0;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle {
padding: 14px 5px;
height: 50px;
}
.logo-default-small{
color: #000;
margin-top: 18px;
font-size: 18px;
display: none !important;
}
.page-sidebar-closed .logo-default-small{
display: block !important;
}
.page-sidebar-closed .page-logo{
width: 85px !important;
}
.logo-default {
line-height: 10px;
font-size: 20px;
color: #3B3F51 !important;
}
.logo-default:hover{
text-decoration: none;
}
.logo-default span,.logo-default-small span{
color: #e7505a;
}
.page-header.navbar {
background: #FFF;
border-bottom: 1px solid #e9ecf3;
}
.page-header.navbar .top-menu .navbar-nav {
margin-right: 15px;
}
.page-header.navbar,.page-header.navbar .page-logo{
height: 50px;
min-height: 50px;
}
.portlet.light.bordered{
border: none !important;
}
.portlet.light{
padding: 0;
background-color: transparent;
box-shadow: none;
}
.dt-buttons{
z-index: 1;
}
.dataTables_wrapper .dt-buttons {
position: absolute;
left: 300px;
top: 70px;
}
.dataTables_filter {
position: relative;
}
.dataTables_filter:after{
position: absolute;
content: "\e090";
top: 12px;
right: 10px;
color: #337ab7;
font-family: Simple-Line-Icons;
font-size: 14px;
}
.dt-buttons:before{
content: 'Export Report : ';
position: absolute;
left: -102px;
top: 5px;
}
.buttons-print{
background:transparent !important;
border-radius: 5px !important;
}
.buttons-csv,.buttons-pdf  {
display: none !important;
}
.btn.buttons-print,.btn.buttons-print:hover,.btn.buttons-print:focus {
transition: .5s !important;
margin-left: 15px;
}
.btn{
text-transform: capitalize !important;
}
.btn-light{
background: transparent;
color: #2e6da4;
}
.page-head {
background: #fff;
padding: 8px 22px;
box-shadow: 0 2px 3px 0px rgba(0,0,0,.03);
margin: -20px;
margin-bottom: 5px;
}
.page-content-wrapper .page-content{
padding-top: 0;
padding-left: 0;
padding: 20px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading{
color: #333;
font-weight: bold;;
}
.page-quick-sidebar-wrapper{
background: #fff;
top: 50px;
width: 450px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
}
.page-quick-sidebar-wrapper .table tr td{
width: 100%;
text-align: left;
}
.page-quick-sidebar-wrapper .table tr td:first-child,.page-quick-sidebar-wrapper .table tr th{
width: auto;
}
.page-quick-sidebar-wrapper{
right: -450px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list{
width: auto !important;
padding: 20px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
margin: 0 0 10px;
}
.page-quick-sidebar-toggler{
top: 65px;
color: #fff !important;
font-size: 24px;
height: auto;
}
.page-quick-sidebar-head {
padding: 12px 20px;
background: #2d4b6e;
color: #fff;
}
.page-quick-sidebar-content {
padding: 15px 20px;
padding-bottom: 50px;
}
.tab-content .form-group{
margin: 0;
}
.tab-content .mt-content-container{
border: 1px solid #ddd;
padding:12px 15px;
box-shadow:0 0 5px 0 #00000021 !important;
border-radius: 5px;
margin-bottom: 15px;
}
.tab-content .mt-timeline-content .mt-avatar img{
border-radius: 50px;
width: 40px;
height: 40px;
margin-right: 15px;
}
.tab-content .mt-author-notes {
padding: 10px 0;
color: #000;
}
.tab-content .mt-content-container .mt-checkbox-inline{
padding: 0;
}
input[type="checkbox"] {
background-color: red;
}
.search-bar{
margin-bottom:20px;
}
.search-bar .btn-save{
width: 100%;
height: 42px;
margin-top: 3px;
font-size: 16px !important;
}
.portlet-body .cards{
margin-top: 10px;
}
.portlet-body .cards .card-body{
background: #fff;
box-shadow: 0 2px 3px 0px rgba(0,0,0,.03);
padding: 20px;
margin-bottom: 20px;
border-radius: 3px;
}
.portlet-body .cards .card-body h4{
font-weight: 500;
cursor: pointer;
}
.portlet-body .cards .card-body{
position: relative;
}
.portlet-body .cards .card-body .btn.dropdown-toggle{
position: absolute;
top: 5px;
right: 5px;
background: transparent;
box-shadow: none !important;
font-size: 18px;
border-radius: 50px;
color: #333;
}
.dropdown-menu-default{
padding: 5px;
position: absolute;
top: 50px;
right: 6px !important;
left: auto;
min-width: 100px;
}
.portlet-body .cards .card-body .dropdown-menu-default a{
display: block;
color: #333;
padding: 2px 0;
text-align: center;
font-size: 12px;
}
.portlet-body .cards .card-body p{
margin-bottom: 0;
}
.mt-avatar img{
border-radius: 50px;
}
.dropdown-menu{
box-shadow: 0 1px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22)!important;
}
.info .mt-avatar{
margin-right: 20px;
}
.info h4{
color: #000;
font-weight: 500;
}
.info-content p{
margin: 0;
color: #888;
}
.additional-info .control-label {
color: #888;
}
.additional-info p{
margin-top: 0;
color: #000;
font-size: 16px;
}
.info-content{
padding: 1px;
}
/*Calendar page css*/
.portlet.calendar.light .fc-button {
padding-bottom: 0;
}
.portlet.calendar.light .fc-button{
border-bottom: 2px solid;
border-color: transparent;
background: transparent;
}
.portlet.calendar.light .fc-button.fc-state-active,.portlet.calendar.light .fc-button.fc-state-hover {
border-bottom: 2px solid #0fcb6d;
background: transparent;
}
.fc-button-group{
position: absolute;
right: 15px;
top: 50px;
}
.portlet.calendar .fc-toolbar {
margin-bottom: 0;
padding: 10px 0;
}
/*project page css*/
.project-details .card-body {
color: #777;
}
.project-details .card-body h4{
margin: 0;
color: #333;
}
.project-details .card-body .descriptions{
margin-top: 20px;
}
.project-details .card-body .lable{
color: #555;
margin-top: 15px;
}
.card-body ul{
margin-bottom: 0;
}
.team,.team-members{
height: 42px;
padding: 10px 0;
}
.team-members li{
position: relative;
}
.team-members li:after{
position: absolute;
content:',';
top: 0px;
right: -2px;
}
.team-members li:last-child:after{
display: none;
}
.date-picker .default{
height: 42px;
border: 1px solid #c2cad8 !important;
border-left: none !important;
box-shadow: 0 0 5px 0 #00000021 !important;
}
.progress-bar-success{
background: #0fcb6d !important;
}
.form-wizard .form-body{
margin-top: -30px;
padding-top: 0;
}
.form-wizard .steps, .form-wizard .steps>li>a.step {
background-color: transparent;
margin-bottom: 0;
}
.modal {
z-index: 1100;
}
.form-control.input-sm.input-xsmall.input-inline,div.dataTables_wrapper div.dataTables_filter input {
height: 38px;
}
@media (max-width: 320px)
{
.running_weight
{
float: none!important;
padding-top: 20px!important;
}
.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all)
{
padding: 10px 6px 9px !important;
}
.input-small
{
width:118px !important;
}
}
@media (max-width: 499px){
.col-es-6{
width: 50% 
}
}
@media (max-width: 467px){
.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
width: 60% !important;
}
}
@media (max-width: 767px){
.page-header.navbar .menu-toggler.responsive-toggler
{
margin: 25px 14px 0 6px;
}
.sugg
{
margin-top: 0px;
margin-right: 0px;
}
.page-header.navbar, .page-header.navbar .page-logo {
height: 65px;
min-height: 65px;
}
.page-header.navbar .page-logo img
{
margin-top: 7px !important;
}
.page-header.navbar .top-menu.min-width .navbar-nav>li.dropdown.open .dropdown-toggle, .page-header.navbar .top-menu.min-width .navbar-nav>li.dropdown .dropdown-toggle:hover
{
background-color: transparent;
}
.page-header.navbar .top-menu.min-width .navbar-nav>li.dropdown .dropdown-menu
{
margin-top: 18px;
}
.page-header.navbar .top-menu.min-width .navbar-nav>li.dropdown .dropdown-menu:after
{
right: 16px;
}
.page-header.navbar .page-top .min-width
{
height: 25px;
margin-top: -15px;
}
.tabs
{
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.nav-tabs
{
width: 59%;
border-bottom: none;
margin-bottom: 0px;
}
.table-responsive
{
border:none;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge
{
display: none;
}
.page-head .page-title
{
/*padding: 5px 11px 10px !important;*/
}
.btn-save{
width: 65px;
margin-left:0px
}
.top-menu
{
display: none!important;
}
.page-header.navbar .top-menu.min-width
{
margin: -9px 0 0!important;
display: block!important;
}
#myTabs li a
{
padding: 7px !important;
}
.dataTables_filter:after
{
display: none!important;
}
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate
{
text-align: -webkit-auto;
}
.dt-buttons:before
{
content: " ";
}
.dataTables_wrapper .dt-buttons
{
left:177px;
top: 0px;
right:-4px;
}
.nav-justified.steps li a{
float: left;
width: 50%;
}
.page-head {
/*height: 52px;*/
}
.page-header.navbar .page-top {
height: 25px;
margin-top: -15px;
}
.fc-prev-button,.fc-next-button{
display: none;
}
.modal-backdrop, .modal-backdrop.fade.in {
width: 100%; 
}
.modal {
z-index: 10050;
outline: 0;
overflow-y: auto!important;
background: #f3f5f9
}
}
@media (max-width: 768px)
{
.sugg
{
margin-top: 0px !important;
margin-right: 0px !important;
}
}
@media (min-width: 768px){
.modal-dialog {
/*width: 65%;
margin-left: 25%;*/
background: #fff;
top: 50px;
}
#event_title{
width: 50%;
float: left;
margin-right: 15px;
}
#event_add{
height: 40px;
padding: 12px 0;
}
}
@media (min-width: 500px) and (max-width: 767px){
.col-lc-6 {
width: 50%;
}
}
@media (min-width: 991px){
.sugg
{
margin-top: 0px;
margin-right: 0px;
}
.page-sidebar.navbar-collapse,.navbar-collapse.collapse,
.page-sidebar{
position: fixed;
height: 100% !important;
z-index: 1;
overflow: auto !important;
padding-bottom: 50px;
}
.page-sidebar-closed .page-content-wrapper .page-content {
margin-left: 0px!important;
}
.page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
width: 0!important;
}
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo{
width: 35px !important;
}
}
@media (max-width: 991px){
.page-sidebar.navbar-collapse .page-sidebar-menu{
right: -400px;
transition: .5s all;
top: -2px;
margin-top: 0;
}
.page-sidebar.navbar-collapse.in .page-sidebar-menu{
right: 0;
transition: .5s all;
overflow-x: auto;
}
#overlay{
background: rgba(0, 0, 0, 0.48);
width: 100%;
height: 100%;
position: fixed;
top: 0px;
z-index: 9998;
right: -100%;
cursor:pointer;
}
/*#overlay:after{
position: absolute;
content: 'x';
top: 0;
right: 310px;
color: #fff;
font-size: 20px;
z-index: 9999999;
}*/
.page-sidebar.navbar-collapse.in #overlay{
right: 0%
}
.page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a{
margin-left: 0;
}
.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
list-style: none;
margin: 10px 0 0;
padding: 0;
position: fixed;
width: 300px;
height: 100%;
background: #000;
z-index: 9999;
top: 50px;
right: 0;
}
.page-sidebar.navbar-collapse{
margin: 0 !important;
}	
.page-sidebar .selected, .page-sidebar.navbar-collapse.collapse {
display: block !important;
}
}
@media (max-width: 1200px){
.search-bar .form-control{
margin-bottom: 15px;
}
.modal-backdrop, .modal-backdrop.fade.in {
width: 100%; 
}
.modal-dialog {
width: 100%;
margin-left: 0;
}
}
@media print{
h1{
display: none;
}
table.dataTable tbody th, table.dataTable tbody td {
padding: 0px 10px;
font-size: 10px;
}
tr th:last-child,tr td:last-child{
display: none;
}
}
/*file-upload css*/
.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{display:block;border: 1px solid #c2cad8;color: #000;cursor:pointer;	line-height:40px;text-align:left;box-shadow: 0 0 5px 0 #00000021 !important;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#0fcb6d;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#0fcb6d;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
/*.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
#img-upload{
width: 100%;
}*/
.login-body { margin-top: 70px; background-color: #f2f2f2}
.login-bg{ padding: 40px; margin-top:15px; background-color: #fff; box-shadow: 3px 2px 25px #ccc;}
.login-btn { background-color: #008564; padding: 8px 35px 8px 35px; margin-top: 15px }
.login-btn:hover { background-color: #008564 !important }
.ptop15 { padding-top: 25px }
.fright{ float: right !important; margin-top: -3px; }
/*.actions{ bottom: 0; position: sticky; padding: 10px;}*/


.loader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  z-index: 99999;
   background:#fff;
  transition: 1s;
}
.span{
  position: absolute;
  transform: translate(-50%, 50%);
  width: 80px; 
  height: 80px;
  top: 35%;
  left: 50%;
  border: 5px solid #007b5d;
  z-index: 1;
  animation: animar 2.5s linear infinite;
}
.span:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #007b5d;
  animation: animarbg 2.5s linear infinite;
}

@keyframes animar {
    0% {
        transform: translate(-50%, 50%) rotate(0deg);
    }
    25% {
        transform: translate(-50%, 50%) rotate(180deg);
    }
    50% {
        transform: translate(-50%, 50%) rotate(180deg);
    }
    75% {
        transform: translate(-50%, 50%) rotate(360deg);
    }
    100% {
        transform: translate(-50%, 50%) rotate(360deg);
    }
}
@keyframes animarbg {
    0% {
        height: 0;
    }
    25% {
        height: 0;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge
{
	height: 15px;
}