body{ color: #707070 !important; background-color: #f9f7f6 !important;}
p, strong, div, span, label{ word-break: normal !important;color:#141d28 }
.btn-lightgreen{color: #0f8069; background-color: #80dcd0; }
.btn-lightgreen:focus, .btn-lightgreen:hover{color: #0f8069; background-color: #79dcd0; }
.bg-lightgreen{ background-color: #80dcd0; color: #0D5B4C !important; }
.bg-lightgreen .close{ color: #0D5B4C !important; }
.bg-lightgreen h1, .bg-lightgreen h2, .bg-lightgreen h3, .bg-lightgreen h4, .bg-lightgreen h5, .bg-lightgreen h6, .bg-lightgreen .h1, .bg-lightgreen .h2, .bg-lightgreen .h3, .bg-lightgreen .h4, .bg-lightgreen .h5, .bg-lightgreen .h6, .bg-lightgreen .close{ color: #0D5B4C !important; }
.alert-success{ border-color: #00B397  !important; background-color: #00B397 ; color: #FFF; }
.alert{margin-top: 15px;}
.nav.nav-tabs.nav-top-border .nav-item a{
	color: #308e87;
}
.text-green{
	color: #f39159!important;
}
.btn-outline-blue{
	color: #308e87;
    background-color: #fff;
    border-color: #308e87;
}
.btn-outline-blue:focus, .btn-outline-blue:hover {
    color: #707070;
    background-color: #308e87;
    border-color: #308e87;
}
.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active{
	border-top: 3px solid #308e87;
}

/*.navbar-dark.navbar-horizontal{ background: #99ebd7; }*/
.navbar-dark.navbar-horizontal{ background: #308e87; }

.text-green{color: #13C4A1; }
.btn-green{color: #FFFFFF; background-color: #13C4A1; }
.bg-gray{background-color: #eceff1; }
form.bg-gray .form-control[readonly]{ background-color: #ECEFF1; }
.btn-green:focus, .btn-green:hover{color: #FFFFFF; background-color: #12C4A1; }
/*.bg-green{ background-color: #99ebd7; color: #707070 !important; }*/
.bg-green{ background-color: #308e8733; color: #141d28 !important; }

.bg-green h1, .bg-green h2, .bg-green h3, .bg-green h4, .bg-green h5, .bg-green h6, .bg-green .h1, .bg-green .h2, .bg-green .h3, .bg-green .h4, .bg-green .h5, .bg-green .h6, .bg-green .close{ color: #141d28 !important; }
.btn-outline-green{border: 1px solid; border-color: #13C4A1; background-color: transparent; color: #13C4A1; }
.btn-outline-green:focus, .btn-outline-green:hover{color: #707070; background-color: #99ebd7; border-color: #99ebd7; }
.text-orange{color: #f39159; }

nav.header-navbar.navbar-expand-md.navbar.navbar-with-menu.navbar-without-dd-arrow.navbar-static-top.navbar-light.navbar-brand-center{
	background: #f4f5fa;
	color: #1d354b!important;
}
.header-navbar.navbar-shadow{
	box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 2px;
}
.ft-eye{
	color: #308e87!important;
}
.ft-edit{
color: #00B397!important;
}
/*.text-danger{
	color: #f39159!important;
}*/

thead.bg-green {
    background: #308e8733!important;
    color: #141d28!important;
}
tbody{
	color: #141d28!important;
}
.heading-bg-gray{
	background: #e6e9ed!important;
    color: #141318!important;	
}
.title-bg-gray{
	background: #f3f4f6!important;
    color: #141318!important;	
}
.h-pt-1 {
    padding-top: 4px!important;
}

/*old button color*/
/*.btn-orange{color: #FFFFFF;background-color: #141318;}
.btn-orange:focus, .btn-orange:hover{color: #FFFFFF;background-color: #141318;}*/


/*new red color pf button*/
/*.btn-orange{color: #FFFFFF; background-color: #f9585e!important; }*/
.btn-orange{color: #FFFFFF; background-color: #f39159 !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 2px; font-weight: 700;}

.btn-orange:focus, .btn-orange:hover{color: #FFFFFF; background-color: #f39159FF; }


.btn.disabled:focus, .btn.disabled:hover{color: #707070; background-color: rgba(0,0,0,0.2); }
.bg-orange{ background-color: #f39159; color: #FFF !important; }
.bg-orange h1, .bg-orange h2, .bg-orange h3, .bg-orange h4, .bg-orange h5, .bg-orange h6, .bg-orange .h1, .bg-orange .h2, .bg-orange .h3, .bg-orange .h4, .bg-orange .h5, .bg-orange .h6, .bg-orange .close{ color: #FFF !important; }
.btn-outline-orange{border: 1px solid; border-color: #f39159; background-color: transparent; color: #f39159; font-weight: 700; }
.btn-outline-orange:focus, .btn-outline-orange:hover{color: #FFFFFF; background-color: #f39159FF; }
.vertical-overlay-menu .main-menu.menu-fixed .main-menu-content{ height: 100% !important; }
.header-navbar.navbar-brand-center .navbar-header{ width: auto !important; }
.fw-5{ font-weight: 500 !important }
.min-h-400{ min-height: 398px; }
.btn-outline-info:focus{ background-color: #99ebd7;	color: #FFF !important;}
.link-danger{ color: #f39159; }
.link-danger:hover, .link-danger:active, .link-danger:focus { color: #f39159; border-bottom: 1px solid;}
/*#sticky-wrapper > div{ background: #99ebd7; }*/
#sticky-wrapper > div{ background: #308e87; }
.app-content{ min-height: 520px; }
.reduce-padding{ padding-top: 0.7rem !important; padding-bottom: 0.7rem !important }
.card-header .heading-elements, .card-header .heading-elements-toggle{ top: 10px !important; }
.card-header .heading-elements .la{ font-size: 1rem !important; }
.table thead td, .table thead th{ padding-top: 0.75rem; padding-bottom: 0.75rem; }
.table thead td{ border-color: #308e8733 !important }
.table thead th{ color: #308e87 !important }
.horizontal-menu .navbar-horizontal ul#main-menu-navigation > li > a{ padding-top: 1rem; padding-bottom: 1rem; }
p { word-break: break-all; }
textarea{ line-height: 1.5 !important; }
.header-navbar.main-menu-header{min-height: 3rem; height: 3rem}
.header-navbar .navbar-container.main-menu-content{ height: 3rem }
.header-navbar .navbar-container ul.nav li a.menu-toggle{ padding: 1rem; }
.header-navbar .navbar-container ul.nav li a.dropdown-user-link{ padding: 0.5rem; }
.header-navbar .navbar-header .navbar-brand{ padding: 10px 0px 0px 0px;  }
.header-navbar{ min-height: 3rem; }
.title-row{ padding-top: 8px; padding-bottom: 0px; }
.title-row .col-md-6:first-child{ padding-left: 28px; }
.title-row .col-md-6:last-child{ padding-right: 28px; }
/*.btn-icon { padding: 5px; color: #6b6f82; }*/
.btn-icon {padding: 5px; color: #1d354b}
.btn-icon .la{ font-size: 1.7rem }
.title-row .btn-orange.btn-sm{ margin-top: -10px; }
.title-row li{ margin-top: 5px; }
.table td > .form-group.row .col-3.text-right{ padding-top: 10px; }
.modal-header{ padding: 0.5rem 1.5rem; }
.table th{ padding: 0.75rem 0.75rem !important; line-height: 1; }
.table td{ padding: 0.4rem 0.75rem !important; line-height: 1; height: 2.5rem !important; }
.table td > .form-control{ line-height: 1; padding: 0px 3px; }
.col-3.text-right > label {margin-top: 10px; }
.peeek-loading {position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; background-color:rgba(0,0,0,0.5) }
.peeek-loading ul {position:absolute; left:calc(50% - 0.7em); top:calc(50% - 4.2em); display:inline-block; text-indent:2.8em }
.peeek-loading ul li:after, .peeek-loading ul:after {width:1.4em; height:1.4em; background-color:#f39159DD; border-radius:100% }
.peeek-loading ul li:after, .peeek-loading ul:after {content:""; display:block }
.peeek-loading ul:after {position:absolute; top:2.8em; left:0px }
.peeek-loading li {position:absolute; padding-bottom:5.6em; top:0; left:0; list-style:none }
.peeek-loading li:nth-child(1) {transform:rotate(0deg); animation-delay:0.125s }
.peeek-loading li:nth-child(1):after {animation-delay:0.125s }
.peeek-loading li:nth-child(2) {transform:rotate(36deg); animation-delay:0.25s }
.peeek-loading li:nth-child(2):after {animation-delay:0.25s }
.peeek-loading li:nth-child(3) {transform:rotate(72deg); animation-delay:0.375s }
.peeek-loading li:nth-child(3):after {animation-delay:0.375s }
.peeek-loading li:nth-child(4) {transform:rotate(108deg); animation-delay:0.5s }
.peeek-loading li:nth-child(4):after {animation-delay:0.5s }
.peeek-loading li:nth-child(5) {transform:rotate(144deg); animation-delay:0.625s }
.peeek-loading li:nth-child(5):after {animation-delay:0.625s }
.peeek-loading li:nth-child(6) {transform:rotate(180deg); animation-delay:0.75s }
.peeek-loading li:nth-child(6):after {animation-delay:0.75s }
.peeek-loading li:nth-child(7) {transform:rotate(216deg); animation-delay:0.875s }
.peeek-loading li:nth-child(7):after {animation-delay:0.875s }
.peeek-loading li:nth-child(8) {transform:rotate(252deg); animation-delay:1s }
.peeek-loading li:nth-child(8):after {animation-delay:1s }
.peeek-loading li:nth-child(9) {transform:rotate(288deg); animation-delay:1.125s }
.peeek-loading li:nth-child(9):after {animation-delay:1.125s }
.peeek-loading li:nth-child(10) {transform:rotate(324deg); animation-delay:1.25s }
.peeek-loading li:nth-child(10):after {animation-delay:1.25s }
.peeek-loading li {animation:dotAnimation 2.5s infinite }
.peeek-loading center {position: absolute; color: white; left: calc(50% - 2.9em); top: calc(50% - -2em); display: inline-block; font-size: 24px; }
@keyframes dotAnimation { 
	0%, 55%, 100% {padding:0 0 5.6em 0; }
	5%, 50% { padding:2.8em 0; }
}
.ft-trash{
	color: #DD4B39!important;
}
.text-orange{
	color: #DD4B39!important;

}
.header-navbar .navbar-header .navbar-brand .brand-text{
	color: #1d354b!important;
}
.peeek-loading li:after {animation:dotAnimationTwo 2.5s infinite }
@-webkit-keyframes dotAnimationTwo {
	0%, 55%, 100% {opacity:1; transform:scale(1); }
	5%, 50% {opacity:.5; transform:scale(0.5); }
}
.custom-control-input:checked ~ .custom-control-label::after { color:#13C4A1; }
.table tbody tr:hover { background: #308e871a; /*rgba(0,0,0,0.12);*/ /*#faf0cf*/ }
/*.main-menu-text{ letter-spacing: 1px; color: #fff}*/
thead.bg-green th{ font-size: 1.1rem; }
/*.navbar-dark{ color: #707070; }*/
/*.navbar-light{
	background-image: url('../images/menu_background.svg');
  	background-repeat: no-repeat;
  	background-position-x: 101%;
  	background-position-y: 40%;
}*/
/*.title-row { background-image: linear-gradient(to right, #ffde70, #FFF, #FFF); }*/
.title-row{
	color: #308e87!important;	
/*	background-image: linear-gradient(to right, #f4f5fa, #f4f5fa, #f4f5fa); */
	font-weight: 600!important;
	background: transparent !important;
}
.title-row h4.col-md-6 {
	font-weight: 600!important;	
	color: #308e87!important;	
}
.title-row h4.col-md-8 {
	font-weight: 600!important;	
	color: #308e87!important;	
}

span.twitter-typeahead{ display: block !important; }
.tt-menu, .gist { text-align: left; }
.typeahead, .tt-query, .tt-hint {width: 396px; height: 30px; padding: 8px 12px; line-height: 30px; border: 2px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; }
.typeahead {background-color: #fff; }
.typeahead:focus {border: 2px solid #ffde70; }
.tt-query {-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.tt-hint {color: #999; margin-top: 6px; margin-left: 2px; }
.tt-menu {width: 422px; margin: 12px 0; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); }
.tt-suggestion {padding: 3px 20px; line-height: 24px; }
.tt-suggestion:hover {cursor: pointer; background-image: linear-gradient(to right, #ffde70, #FFF); }
.tt-suggestion.tt-cursor {background-image: linear-gradient(to right, #ffde70, #FFF); }
.tt-suggestion p { margin: 0; }
.tt-menu.tt-open{ overflow-x: auto; max-height: 400px; }

.rights.arrow{ font-weight: bold; }
.rights.level-1{ color: #13C4A1 }
.rights.level-2{ color: #FF8A73 }

/*#licence { padding: 0px 15px; position: absolute; right: 0;}
#licence ul { list-style: none; padding: 0; margin: 0; }
#licence ul li { font-weight: bold; }
#licence li a, #licence li a:hover, #licence li a:active, #licence li a:focus{ color: #FFF; text-decoration: underline; }
#licence li a, #licence li a:hover, #licence li a:active, #licence li a:focus{ color: #FFF; text-decoration: underline; }*/

tr.font-weight-bold th{ font-weight: bold; }

.dx {width:100%; height:200px; overflow:scroll; white-space: nowrap; }
.hrtage {margin-bottom:0px !important; margin-top:0px !important; }
.bg-lightblue{ background-color: #f4f5fa !important; }

.nav-item.licence{ position: fixed; right: 0; font-weight: bold; }

.pagination .page-link {
    color: #308e87;
    border: 1px solid #308e8733;
}
.page-item.active .page-link{
	background-color: #308e8733 !important;
}
.pagination .page-link:hover {
	background-image: none !important;
	background-color: #308e871a !important;
}

.dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover{
	background-color: #308e871a !important;
}

@media (max-width: 767px) {
	nav .navbar-wrapper .navbar-container.container.center-layout{
		background: #741f00/*#99ebd7*/;
	}
	/*nav .navbar-brand{ margin-left: 30px; }
	nav .brand-text{ padding-left: 0px; }*/
	/*nav .navbar-brand .department-name{ position: absolute; left: 45%; top: 10px; }*/
	nav .brand-text{ padding-left: 0px; margin-top: 10px; }
	.nav-item.licence{ position: relative; right: auto; }
	/*.licence.mobile { display: block; }*/
	.title-row{ background-image: linear-gradient(to right, #ffde70, #FFF); padding-bottom: 10px; margin-top: 0px;}
	.title-row .col-md-6:first-child {padding-left: 15px;}
	/*.navbar-header{ height: 6.5rem !important; }*/
	/*#main-menu-navigation{ margin-top: 1rem; }*/
}

@media (max-width:1100px){
    .main-menu-text{ letter-spacing: 1px; color: #000!important}
    

}
@media (min-width:1000px){
  .main-menu-text{ letter-spacing: 1px; color: #fff}
}