html {
  height: 100%;
}
body{  margin: 0; }
body.bg { margin: 0;   font-size:9pt;  font-family: tahoma !important;  background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);}
.container-fluid{padding:0 5px}
.fullblack {  color: #fff !important;    background-color: #000 !important;}
#siteactions a { 
    display: inline-block;
    float: right;
    font-size: 14px;
    background-color: #f7f7f7; 
    color: #333;
    padding: 5px 10px;
    min-width: 35px;
    text-align: center;
    height: 30px;
    margin: 0;
    border-left: 1px solid #dcdcdc;
}
#siteactions a.lang { 
    background-color: #d9bf0e; 
    color: #fff;
    width:69px;
}
 #siteactions a:hover {
    background-color: #eee; 
    color: #000;
}
#siteactions a.lang { 
    background-color: #d9bf0e; 
    color: #fff;
	min-width: 66px;
}

#siteactions a.lang:hover { 
    background-color: #ecd114; 
}
.d-flex{display: flex; flex-wrap: wrap; }
.col {
	
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.text-white {
    color: #fff!important;
}
.bg-dark {
    background-color: #343a40!important;
}
.bg-white{ background-color: #fff; }
.mt1{padding-top:8px}
.mb1{padding:12px}
.pt-4{padding-top:4px}
.col{}

.px-5{padding-left:5px; padding-right:5px}
.marb1{margin-bottom:12px}
.mart1{margin-top:12px}
.px-0{padding-left:0; padding-right:0}
.min-h{min-height:625px}
.fserbox{display:flex;  margin-bottom:36px}
.d-inline{display:inline}
.serbox{width:20%; text-align:center; border:1px solid #2a8527; background:#fff; padding: 10px; box-shadow: 0px 4px 4px #c1c1c1; color:#2a8527; font-size:1.45em}
.fserbox .mx-auto{margin-left:auto; margin-right:auto}

table.table-borderless{border:1px solid #4dac75;border-radius:4px;font-size:16px}
.table-borderless tbody tr th{color:#fff;font-size:16px}
.table-borderless tbody tr td,
.table-borderless tbody tr th {
    border: 0;
     
}

.row{margin:0}
.headerbg, div.ui-widget-header
	{
    background: #4096ee;
    background: -moz-linear-gradient(top, #4096ee 0%, #2f71b5 100%);
    background: -webkit-linear-gradient(top, #4096ee 0%,#2f71b5 100%);
    background: linear-gradient(to bottom, #4096ee 0%,#2f71b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#2f71b5',GradientType=0 );
    padding: 4px;
    color: #fff;
    font-weight: bold;
    }
    
.bg-dgreen{background:#d4e6f0; color:#000;}
div.ui-widget-header{color:#fff;}    
.headerbglogin {background: #4dac75; border-radius:5px 5px 0 0;text-transform: uppercase; letter-spacing: 2px;    padding-top: 3px;   padding-bottom: 3px;}
    
    
.title{padding-top:13px; font-size:18px; color:#fff}
.highcontrast a, .highcontrast a:visited {
  color: white;
}
.button-toggle-highcontrast{
	background:#000;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding: 0 7px;
    margin: 6px 0 0 2px;
}
.button-toggle-highcontrast:hover,.button-toggle-highcontrast:focus{
	color:#fff;
	text-decoration:none;
}
.button-toggle-remove{
	background:#fff;
	color:#000 !important;
	text-decoration:none;
	display:inline-block;
	padding: 0 7px;
    margin: 6px 0 0 2px;
}
.button-toggle-remove:hover,.button-toggle-remove:focus{
	color:#000;
	text-decoration:none;
}
.no-padding{
  padding:0px;
}
.glyphicon-icon-rpad .glyphicon,.glyphicon-icon-rpad .glyphicon.m8,.fa-icon-rpad .fa,.fa-icon-rpad .fa.m8{ padding-right:8px; }
.glyphicon-icon-lpad .glyphicon,.glyphicon-icon-lpad .glyphicon.m8,.fa-icon-lpad .fa,.fa-icon-lpad .fa.m8{ padding-left:8px; }
.glyphicon-icon-rpad .glyphicon.m5,.fa-icon-rpad .fa.m5{ padding-right:5px; }
.glyphicon-icon-lpad .glyphicon.m5,.fa-icon-lpad .fa.m5{ padding-left:5px; }
.glyphicon-icon-rpad .glyphicon.m12,.fa-icon-rpad .fa.m12{ padding-right:12px; }
.glyphicon-icon-lpad .glyphicon.m12,.fa-icon-lpad .fa.m12{ padding-left:12px; }
.glyphicon-icon-rpad .glyphicon.m15,.fa-icon-rpad .fa.m15{ padding-right:15px; }
.glyphicon-icon-lpad .glyphicon.m15,.fa-icon-lpad .fa.m15{ padding-left:15px; }



ul.nav-menu-list-style .nav-header .menu-collapsible-icon{position:absolute; right:3px; top:8px; font-size:9px; }



ul.nav-menu-list-style{
  margin:0;
}
ul.nav-menu-list-style .nav-header{
  /*border-top:1px solid #FFFFFF;
  border-bottom:1px solid #e8e8e8;*/
  display:block;
  margin:0;
  line-height:18px;
  padding: 2px 12px;
  font-weight:600;
  font-size: 9pt
}
ul.nav-menu-list-style> li{
  position:relative; }
ul.nav-menu-list-style> li a{
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #e8e8e8;
  padding:0 10px;
  line-height:18px;
}
ul.nav-menu-list-style> li:first-child a{
}


ul.nav-menu-list-style{list-style:none; padding:0px; margin:0px;}
ul.nav-menu-list-style li .badge,ul.nav-menu-list-style li .pull-right,ul.nav-menu-list-style li span.badge,ul.nav-menu-list-style li label.badge{float:right; margin-top:7px;}
ul.bullets{list-style:inside disc}
ul.numerics{list-style:inside decimal}
.ul.kas-icon-aero{}
ul.kas-icon-aero li a:before{font-family: 'Glyphicons Halflings'; font-size:9px; content: "\e258"; padding-right:8px; }

.nav>li>ul>li{margin-left:16px;padding:4px;font-size:10pt;}
.well{border:none;background:none;box-shadow: none;padding:0}
ul.nav-menu-list-style .nav-header{margin-bottom:3px;background:#4096ee;border-radius: 8px;color:#fff}
ul.bg{background:#d4e6f0;margin-bottom:5px}
.ml{margin-left:5px}
.userbg{background: #d4e6f0; /* Old browsers */ padding:3px 0;  border-bottom:1px solid #d7dee3; margin-top:2px; font-size:12px}
ul.nav-menu-list-style> li a{border:none;line-height: 18px;color:#000; font-size: 9pt}
ul.nav-menu-list-style> li a:hover{background:none;font-size: 9pt}
.mt{padding-top:6px}

.mb{padding-bottom:6px}
.ul.nav-menu-list-style .nav-header .menu-collapsible-icon{top:8px}
.datatableheader{padding: 2px 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;color:#fff}
.table.no-border tr td, .table.no-border tr th {
    border-width: 0;
    font-size:9pt;
    padding: 2px 7px;
}
.table{margin-bottom:6px}
sup{color:red;font-size:9px}
.sepl{border-left:1px solid #c1c1c1;margin-left:-1px}
.sepr{border-right:1px solid #c1c1c1;}
.table{border:1px solid #ebe9f9;}
.table>tbody>tr>th.bg,div.bg,.table>tbody>tr.bg{background:#d4e6f0;}
.ui-state-default{background:#d4e6f0 !important;}
.paddingtop{padding-top:10px;}
a.lang, a.lang:link,a.lang:hover, a.lang:active{color:#000;text-decoration: none}
a.black{color:#000}
.databod{border:1px solid #4096ee;}
.pad0{padding:0}
.m-footer {
    width: 100%;
    padding: 2px;
    background: #1c1c1c;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.form-control{height:34px;padding:4px}
.input-group-addon{padding:6px;font-size:9pt}
.btn{padding:2px 6px}
.marb{margin-bottom:12px}
.mart{margin-top:4px}
.mb5{padding-bottom:5px}
.nowrape{white-space:nowrap}
.pad0{padding:0}
label{margin-left: 20px;}
#datepicker{width:180px; margin: 0 20px 20px 20px;}
#datepicker > span:hover{cursor: pointer;}
.glyphicon{margin:0 5px}
.srfont{color:red; font-size:10px;font-weight:bold}
.red{color:red}

.custom-breadcrumb{
    list-style:none;
    overflow: hidden;
}

.custom-breadcrumb li {
    text-decoration: none; 
    padding: 10px 0 10px 50px;
    position: relative; 
    display: block;
    float: left;
}

.custom-breadcrumb li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.custom-breadcrumb li:before {
    content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 0;
}

ul{margin:0 0 0 65px; padding:0}

.blue-crumb{
    background-color: #2980b9;
    color: white;
}
.blue-crumb a{
    
    color: white;
}
.blue-crumb a:link{
    
    color: white;
}
.blue-crumb:after{
    border-left:30px solid #2980b9;
}

.gray-crumb{
    background-color: #bdc3c7;
}
.gray-crumb:after{
    border-left: 30px solid #bdc3c7;
}

.light-blue-crumb:after{
    border-left:30px solid #3498db;
}
.light-blue-crumb{
    background: #3498db;
    color: white;
}

.faded-crumb:after{
    border-left:30px solid #ecf0f1;
}

.faded-crumb{
    background: #ecf0f1;
    color: #95a5a6;
}

.current {
    
}
.news{height:122px; overflow-y:scroll}
.tabbg{background:#2980b9;}
.blue-crumb {color:#fff; }
.faded-crumb a{color:#000}
.mart20{margin-top:20px}
.mart5{margin-top:5px}
.loginbtn{background:#2a8527; border:1px solid #2a8527;padding:8px 36px}
.loginbtn:hover{background:#14a90f;border:1px solid #2a8527;padding:8px 36px}
a.black{color:#000}
.box1{background:#a52b0e; width:49%; color:#fff}
.box2{background:#109618; width:49%; color:#fff}
.box3{background:#195b99; width:49%; color:#fff}
.box4{background:#ff9900; width:49%; color:#fff}
.box5{background:#990099; width:49%; color:#fff}
.box6{background:#603cbb; width:49%; color:#fff}
.box7{background:#fb0326; width:49%; color:#fff}
.box8{background:#099ea7; width:49%; color:#fff}
.boxhead{font-size:18px; color:#fff}
.marl25{margin-left:12px}
.rowl{margin-left:20px}
.hrsep{border-top:2px solid #fff;height:5px}
.padt7{padding-top:7px}
.sepline{border-left:1px solid #fff;height:30px;margin:10px}
legend{border-bottom:0;width:auto;font-size:19px;margin-bottom:0;margin-left:20px}
fieldset 
{
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    border:1px solid silver;
}

a.black{
	color: black;
}
.white, .white1{color:#fff;}
a.white1{color:#fff;}
a.white{color:#fff;}
.news{height:610px; overflow-y:scroll}
.boxhead{color;#fff} 
div.box2 > table>tr>tbody>td{color:#fff}
td.white{color:#fff}
.red{color:red}
only screen and (min-width:481px) and (max-width: 576px) {
.container-fluid{padding:0 3px}
fieldset{padding:0 10px}
.custom-breadcrumb{
    list-style:none;
    overflow: hidden;
}

.custom-breadcrumb li {
    text-decoration: none; 
    padding: 10px;
    position: relative; 
    display: block;
    float: left;
}

.custom-breadcrumb li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 0;
    position: absolute;
    top: 50%;
    margin-top:0;
    left: 100%;
    z-index: 2;
}

.custom-breadcrumb li:before {
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 0 solid transparent;       
  border-bottom: 0 solid transparent;
  border-left: 0 solid white;
  position: absolute;
  top: 50%;
  margin-top: 0; 
  margin-left: 1px;
  left: 100%;
  z-index: 0;
}

ul{margin:0;padding:0}

.blue-crumb{
    background-color: #2980b9;
    color: white;
}
.blue-crumb a{
    
    color: white;
}
.blue-crumb a:link{
    
    color: white;
}
.blue-crumb:after{
    border-left:30px solid #2980b9;
}

.gray-crumb{
    background-color: #bdc3c7;
}
.gray-crumb:after{
    border-left: 30px solid #bdc3c7;
}

.light-blue-crumb:after{
    border-left:30px solid #3498db;
}
.light-blue-crumb{
    background: #3498db;
    color: white;
}

.faded-crumb:after{
    border-left:30px solid #ecf0f1;
}

.faded-crumb{
    background: #ecf0f1;
    color: #95a5a6;
}	
	
section.login-bg-wrapper {
    width: 100%;
    display: inline-block;
    height: 182px;
    background: #fff url('../img/login-background.jpg') no-repeat top left;
    border-radius: 10px;
    box-shadow: 3px 4px 8px #444;
  /*   top:30px; */
   top:48px;
    background-size:contain;
    }
.wlogin{background:#fff;padding-left:8px;padding-right:8px;border:1px solid #c1c1c1;margin-bottom:36px}
.fserbox{ justify-content: unset;display:unset}
.serbox{width:45%; text-align:center; display:inline-block; border:1px solid #2a8527; background:#fff; padding: 10px; box-shadow: 0px 4px 4px #c1c1c1;}
.fserbox .mx-auto{margin-left:7px; margin-right:7px; margin-top:7px; margin-bottom:7px; cursor: pointer;}
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8{width:100%}
.boxhead{font-size:16px}
.marl25{margin:0;margin-top:10px}
.mt,.mt1{padding-top:1px}
.mb,.mb1{padding:5px}
.paddingtop{top:-366px}
.text-right,.text-left{text-align:center}
	}
	
@media (min-width: 1200px){.container {width: 1024px !important;}}
@media (min-width:768px){
section.login-bg-wrapper { width: 100%;    display: inline-block;   height: 306px;    background: #ebebeb url('../img/login-background.jpg') no-repeat bottom left;
    border-radius: 10px;    position: relative;    box-shadow: 3px 4px 8px #444;   /*  top:30px; */    top:48px;    background-size:contain;
    border:4px solid #fff;
    }
 .paddingtop {    padding-top: 10px;}   
.login-section-wrapper {
    width: 350px;
    height: 450px;
    position: absolute;
    top: 0px;
    right: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 3px 4px 8px #5e5e5e;
   /*  padding: 10px; */
    padding: 0px;
}
}	
	
@media (max-width:480px)

{
    .login-bg-wrapper {	width: 100%;    display: inline-block;    height: 180px;    background: #fff url('../img/login-background.jpg') no-repeat top left;
    border-radius: 10px;    box-shadow: 3px 4px 8px #444;    top:48px;    background-size:cover;   margin-top: 20px; }
    .fserbox {display: unset; margin-bottom: 36px;}
    .serbox {    width: 85%;    text-align: center; display:block;  margin-bottom:10px;  border: 1px solid #2a8527;    background: #fff;    padding: 10px; box-shadow: 0px 4px 4px #c1c1c1;}
    
	.login-section-wrapper {background: #fff; margin-top:20px;margin-bottom:20px}
	.loginbtn {   background: #2a8527;    border: 1px solid #2a8527;  padding: 8px 24px;}
	.bg-white {  background-color: #fff;    padding-bottom: 10px; padding-left:5px; padding-right:5px}}
}




@media (max-width: 360px) {
body{font-size:8pt}
.container-fluid{padding:0 3px}
fieldset{padding:0 10px}
.loginbtn {   background: #2a8527;    border: 1px solid #2a8527;  padding: 8px 24px;}
.custom-breadcrumb{
    list-style:none;
    overflow: hidden;
}
.bg-white {  background-color: #fff;    padding-bottom: 10px; padding-left:5px; padding-right:5px}
.custom-breadcrumb li {
    text-decoration: none; 
    padding: 10px 4px;
    position: relative; 
    display: block;
    float: left;
}

.custom-breadcrumb li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 0;
    position: absolute;
    top: 50%;
    margin-top:0;
    left: 100%;
    z-index: 2;
}

.custom-breadcrumb li:before {
    content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 0 solid transparent;       
  border-bottom: 0 solid transparent;
  border-left: 0 solid white;
  position: absolute;
  top: 50%;
  margin-top: 0; 
  margin-left: 1px;
  left: 100%;
  z-index: 0;
}

ul{margin:0;padding:0}

.blue-crumb{
    background-color: #2980b9;
    color: white;
}
.blue-crumb a{
    
    color: white;
}
.blue-crumb a:link{
    
    color: white;
}
.blue-crumb:after{
    border-left:30px solid #2980b9;
}

.gray-crumb{
    background-color: #bdc3c7;
}
.gray-crumb:after{
    border-left: 30px solid #bdc3c7;
}

.light-blue-crumb:after{
    border-left:30px solid #3498db;
}
.light-blue-crumb{
    background: #3498db;
    color: white;
}

.faded-crumb:after{
    border-left:30px solid #ecf0f1;
}

.faded-crumb{
    background: #ecf0f1;
    color: #95a5a6;
}

.login-bg-wrapper
{width: 346px;
height: 380px;
top: 6px;
right: 4px;
background: #fff;
border-radius: 10px;
box-shadow: 3px 4px 8px #5e5e5e;
padding: 10px;}
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8{width:100%}
.boxhead{font-size:16px}
.marl25{margin:0;margin-top:10px}
.text-left{text-align:center}
.col-xs-12{padding:0;margin-top:5px}
section.login-bg-wrapper {
    width: 100%;
    display: inline-block;
    height: 127px;
    background: #fff url('../img/login-background.jpg') no-repeat top left;
    border-radius: 10px;
     box-shadow: 3px 4px 8px #444;
   /*  top:30px; */
    top:48px;
    background-size:cover;
    margin-top:20px
    }
.mt,.mt1{padding-top:1px}
.mb,.mb1{padding:5px}
.pad0{padding:3px 0}
.paddingtop{top:-361px}
.text-right{text-align:center}
.mart5{margin-top:5px}
.headerbglogin{padding-left:8px}
.wlogin{background:#fff;padding-left:8px;padding-right:8px;border:1px solid #c1c1c1;margin-bottom:36px}
.fserbox{display:block; justify-content: unset; margin-bottom:20px;margin-top:20px}
.serbox{width:90%; text-align:center; border:1px solid #2a8527; background:#fff; padding: 10px; box-shadow: 0px 4px 4px #c1c1c1;margin-bottom:16px; color:#3c763d}
.fserbox .mx-auto{margin-left:auto; margin-right:auto}
	}

.bfoot{postion:fixed; width:100%; bottom:0}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{line-height:20px}
.navbar-inverse .navbar-nav > li > a, .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color:#fff}
}
a.font-button{cursor: pointer;}
.navbar-nav > li > a{padding:0}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{font-size:13px; }

.w49{width:49%}
.w50{width:30%;margin-top:10px;margin-right:10px}
.w60{width:94%;margin-top:10px;margin-right:10px}
.w46{width:46%;margin-top:10px;margin-right:10px}
.whitebg{background:#fff}
.blackbg, .blackbg:hover{background:#000;color:#fff;}
.boxf1{width:19px; /* height:22px; */ text-align:center; font-size:12px; padding:2px 0 0 0;  margin-top:5px; margin-right:0; border:0px solid blue; display:inline-block;}
#demo{padding:10px}
input[type="checkbox"], input[type="radio"]{margin:0}
.padtl{padding:2px 0 0 4px}
.leftbg1{background:url("../img/user_profile.png");}
.leftbg2{background:url("../img/dashboard.png");}
.leftbg3{background:url("../img/reports.png");}
.leftbg4{background:url("../img/administrator.png");}
.leftbg5{background:url("../img/change_password.png");}
.leftbg6{background:url("../img/succession_request.png");}
.leftbg7{background:url("../img/sign_out.png");}
.leftheading{font-size:16px;  margin-top:12px}
.table-hover>thead>tr>th, .table-hover>tbody>tr>th, .table-hover>tfoot>tr>th, .table-hover>thead>tr>td, .table-hover>tbody>tr>td, .table-hover>tfoot>tr>td
{border:1px solid #c1c1c1}
.box_s{width: 157px;    height: 162px;  color:#000;  box-shadow: 0 0 10px 4px #e1e1e1;    text-align: center;    border: 1px solid #e1e1e1;    margin: 10px;
    float: left;    background: #f7f6f7;    padding: 20px 10px; border-radius:5px}

.box_s:hover{background:#e1e1e1; color:#000; transform: scale(1.1);}
    
/* .box_s{width:130px; height:110px; box-shadow:0 0 4px; text-align:center; border:1px solid #c7dcf3; margin:10px; float:left; background:#c7dcf3; padding:20px 10px;} */
.box_s > p.big{font-size:16px;color:#000;margin-top:0}
.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.table-borderless tbody tr td{word-wrap:break-word}
.userphotobox{width:120px; height:120px; border:1px solid #000;float:left;margin-right:10px}
.username{padding-top:40px}
.photo{padding-left:89px}
/* .table{word-break: break-all;} */
/* tr:nth-child(even) {background: #CCC} */
 table#proceeding_id > tbody > tr:nth-child(2n+1){background: #d9edf7} 
 .text-green{color:green}
.green{background:#e7ffcd}
.pink{background:#fee0fc}
.yellow{background:#fdfbbe}
.violet{background:#d8cef1}
.scroll{width:99%;height:500px; overflow:auto}
.scroll1{width:98%; overflow:auto}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate
{color:#000 !important;}
.padg{padding:5px;}

label{margin-left:5px;}

/*******************/

.single-alert { 
    background-color: red;
    padding: 10px 10px 10px 12px;
    color: #000;
    font-size: .810em;
    margin-bottom: 10px;
    border: 1px solid transparent;
    transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms- transition: all .3s; 
}

.single-alert.pending {
    background-color: #e2f5fc;    
}

.single-alert a { color: #000; }
.single-alert:hover { border: 1px solid #f0c89a; }


.alerts-scroll { 
    min-height: 530px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
    padding-right: 20px;
}
label{margin-left:5px;}
.btn-link:hover{color:#2a6496; text-decoration:none}

.display-inline{
	display: inline;
}
.panel-default>.panel-heading{background-color:#fff;border-color:#fff}
.panel{border:0; box-shadow:0 0; background-color:#fff; margin-bottom:0}
.panel-default{border:0}
.panel-default>.panel-heading{backgroun:#fff}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{background-color:#d4e6f0;}
.nav>li>a{background:#f9f9f9; border-radius:8px 8px 0 0}
a , a:hover {
  text-decoration: none !important
}

.table>thead>tr>th{vertical-align:middle}
.mrgl15{margin-left:15px;}
.up{
 text-transform: uppercase;
 }
 .transtext{}