/* CSS Document */
body{margin:0px; padding:0px;  font:12px/15px Arial,Helvetica,sans-serif !important;
background-color:#fff;}

div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}
.topNav
{
    border-bottom:solid 1px #25255a;
}

.detailsleft {
    float: left;
    width: 24%;
}
/*----TOP PANEL----*/
#topPan{width:80%; height:120px; position:relative; margin:0 auto;background:#FFF;padding:2px;padding-left:5px;border-bottom:solid 1px #25255a; }
#topPan img.logo{position:absolute; top:29px; left:0px;}
#topPan a:link, #topPan a:visited {
color:#25255a;
}
#topPan img {margin:0 auto !important;}
/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan{width:888px; height:228px; position:relative; margin:0 auto;}
#headerleftPan{width:46px; height:228px; float:left; background:url(images/leftfolder.gif) 0 0 no-repeat;}
/*----Header Middle Panel----*/
#headermiddlePan{width:686px; height:228px; float:left;}

/*----Menu Panel----*/
#menuPan{width:686px; height:33px; background:url(images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}

/*----/Menu Panel----*/
#headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}
/*---- Header Red Panel----*/

#headermiddleredPan{width:161px; height:142px; background:url(images/red-image.jpg) 0 0 no-repeat; position:absolute; top:13px; left:478px;}
/*----Header MORE Panel----*/
#headermorePan a{width:39px; height:38px; display:block; background:url(images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
#headermorePan a:hover{background:url(images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}

/*----/Header MORE Panel----*/
/*----Header Middle Panel----*/
/*----HEADER- PANEL----*/

/*----BODY PANEL----*/
#bodyPan{/*width:1200px;*/ width: 95%; position:relative; margin:0 auto;background-color:#fff;padding:4px;}

#assetDiv label {
    width:500px;
}
.right {
    text-align:center;
}
#debtForm2 label
    {
        width: 320px;
        font-weight:bold;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        display: block
    }

 label
    {
        width: 220px;
        font-weight:bold;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        display: block
    }
.blue
{
    font-weight:bold;
    background-color:#55c8ff !important;
}
.blue td
{
    font-weight:bold;
    background-color:#55c8ff !important;
}
.blue a:link
{
    font-weight:bold !important;
    color:#0000ff !important;
}
.tableBack {
    background-color:#FFFFCC;

}

.homeTable td a, .homeTable td a:visited {
    color:#0000ff !important;
    font-weight:bold;
}
.homeTable td {
    color:#000;
}
/* Fields */

.small {
    width:60px;
}
.medium {
    width:380px;
}
.large {
    width:400px;
}
.assetArea {

    width:280px;
    height:60px;
}
.mediumArea {
    width:280px;
    height:180px;
}
.responseArea {
    width:400px;
    height:300px;
}
.yellow {
    background-color:#FFFF00;
}
.alignTop td {
    vertical-align:top;
}
.centre {
    text-align: center;
}
.replyArea {
    width:380px;
    height:380px;
}

.letterBody
{
    width:580px;
    height:380px;
}
.hightlight {
    border: 2px solid #EE0000 !important;
}
.complete {
    border: 2px solid #000 !important;
}
.currency {
    width:60px;
    text-align:right;
}
.totalRow td {
    border-top:2px solid #000;
    font-weight:bold;
}


/* End Fields */
.infoDivQuota {
    font-size:1.2em;
    text-align:center;
    padding:5px;
}

fieldset {
    border: 2px solid #000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
legend {
    padding:5px;
}
input, select {
    margin-top:4px;
}
img {
    border:0px;
    text-decoration:none;
    vertical-align:middle;
}
a:link, a:visited {
    color:#00aaff !important;
    text-decoration:none !important;
}
.verticalTop td {
    vertical-align:top;
}

span.error {
        margin-left: 0.5em;
        color:#f00;

}
input.error {
        border:1px #f00 solid;
}

textarea.error {
        border:1px #f00 solid;
}
div.time-picker {
  position: absolute;
  height: 200px;
  width:4em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #000;
  z-index: 99;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  padding: 1px;
  cursor: pointer;
}
div.time-picker li.selected {
  background: #316AC5;
  color: #fff;
}
#CP_hourcont {
padding: 0px;
position:absolute;
border:1px dashed #999999;
background-color:#f2f2f2;
}

#CP_minutecont {
padding: 1px;
position:absolute;
background-color:#dddddd;
width:45px;
}

.floatleft {
float:left;
}

.CP_hour {
padding:3px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
white-space:nowrap;
cursor:pointer;
width:35px;
}

.CP_minute {
padding:2px;
background-color:#dddddd;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:auto;
}

.CP_over {
background-color:#FFFFFF;
}


.hidden {
    display:none;
}

.complete {
    background-color:#B8DC6F !important;
}
.creditorCell {
    background-color:#B8DC6F !important;
}
.keyCell  {
    font-weight:bold;
    text-decoration:underline;
    font-size:1.1em;

}

.creditor {
    background-color:#B8DC6F !important;
}
.keyRow {
    background-color:#B8DC6F !important;
    font-weight:bold;
}
.pending
{
    background-color:#FFFF00!important;
}
.threadDiv table {
    width:99%;
}
.portalTableHeader th {
    background-color:#f8f8f8;
    border:1px solid #000;
}
.portalTable td {
    background-color:#FFFFCC;
    vertical-align:top;
    padding:2px;
    border:1px solid #ddd;
}
.threadRowOn {
	background-color: #ddd;
}

.threadRowOff
{
	background-color: #eee;
}
.threadTable {
    padding:2px;
    border:1px solid #000;
}
.threadTable td {
    padding:2px;
    border:1px solid #eff;
}
.threadTop td {
    border-top:3px solid #000;
}
.latestReply {
    font-weight:bold;
}

/* Typography */
h1 {
    width:99%;
    display:block;
    border-bottom: 1px solid #000;
    padding-bottom:3px;
    margin-bottom:4px;
	line-height: normal;
}
	
h2, h3, h4 {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
    width:99%;
    display:block;
    border-bottom: 1px solid #000;
}
	
h2 {
	font-size: 14px;
	font-weight: bold;
}
input.msgBtn  
{
   font-size:15px;
   font-family:Century Gothic,sans-serif;
   height:33px;
   background-color:#EEEEEE;
   background-image:url(/images/back05.gif);
   border-style:outset;
   border-color:#CCCCCC;
   border-width:2px;
   font-weight:bold;
}

.tabbed-box {
      width: 887px;
      background: #fff url(tabbed-body-bg.jpg) repeat-x bottom;
      border: 1px solid #ddd; }
      .tabbed-box  {

          background-color:#eeeeee ;
      }
   .tabbed-box .tabs li {
      list-style: none;
      float: left; 
      display: block;
      width: 165px;
      padding: 5px;
      font-weight: bold;
      text-decoration: none;
      padding-left:2px;
      background: url(tabbed-tab-bg.jpg) repeat-x bottom; 
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;}
   .tabbed-box .tabs li:first-child a {
      border-left: none; }
   .tabbed-box .tabs li a:hover {
      color: #333; }
   .tabbed-box .tabs li a:focus {
      outline: none; }
   .tabbed-box .tabs li a.active {
      color: #333;
   }
   .tabbed-content table {
       width:99%;
   }
   .tabbed-content {
      padding: 4em 1em 1em 1em;
      border: 2px solid #000; }
      display: none; }
      .activeTab {
          background-color:#000;
      }
      .unactive {
          background-color:#eeeeee !important;
          border-bottom:2px solid #000 !important;
      }
      .activeTab {
          background-color:#fff !important;
          border-bottom:none !important;
          border-left:2px solid #000 !important;
          border-top:2px solid #000 !important;
          border-right:2px solid #000 !important;
      }
.debtorTable td {
    vertical-align:top;
}
.debtorSpan {
    border:2px solid #000;
    background-color:#ff6666 !important;
    color:#000;
}
.debtorSpan a:link, .debtorSpan a:visited {
    color:#0000ff !important;

}
.leftPad {
    padding-left:8px !important;
}
.mediumLabel label {
        width: 300px;
        font-weight:bold;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        display: block

}


.largeLabel label {
        width: 450px;
        font-weight:bold;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        display: block

}

#debtorForm label {
        width: 320px;
        font-weight:bold;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        display: block

}
.alignRight {
        text-align: right;
}
#creditorForm label {
        width: 220px;
        font-weight:bold;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        display: block

}
.portalBody {
    color:#000 !important;
}
.portalBack {

    background-image:url(/images/uk-debtcollection-logo.jpg);
    background-repeat:no-repeat;

}


#block {
    margin: 0px auto 0;
    /*width: 1150px;*/
    width: 100%;
	/*padding-right:5px;
    padding-left: 5px;*/
    clear:both;
    overflow:hidden;
    border: 10px solid #eee;
}
.h{
    font: 1.500em Fontin, Georgia, "Times New Roman", Times, serif;
    padding: 13px 0 10px 5px;
    color:#666;
    font-size: 1.417em;
    border-bottom:1px solid #eee;
    text-transform:uppercase;
    letter-spacing:1px;
}

.htabsL{ overflow:hidden; }
.htabsL h2 a{
    font-size:0.917em;
    font-weight:bold;
    padding: 7px;
    color:#d00;
    font-family:"museo 700","goodpro-widelight";
}
.htabsL h2 a:hover {
    color: #000;
}
.htabsL li{
    float:left;
    margin-top:2px;
    overflow:hidden;
    width:260px;
    height:55px;
    text-align:right;
    margin-right:5px;
}
.htabs {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
}

.htabs h2 a{
    font-size:0.917em;
    font-weight:bold;
    padding: 7px;
    color:#fff;
    font-family:"museo 700","goodpro-widelight";
}
.htabs h2 a:hover {
    color: #fff;
}
.htabs li{
    float:left;
    overflow:hidden;
    width:160px;
    height:55px;
    padding-top:13px;
    padding-left:13px;
    text-align:right;
}
.htabs a:link, .htabs a:visited {
    color:#fff;
    font-weight:bold;
}
.tabs .bullet{
    border-right:1px solid #e00;
    color:#fff;
    font: bold 1em Georgia,"Times New Roman",Times,serif;
    margin: 0px 4px 4px 0;
    padding-right:4px;
    clear:right;
    display:block;
    float:left;
    height:17px;
    overflow:hidden;
    text-align:right;
    width:10px;
}
.bmod .bullet{
    background-color:#fff;
    margin:-9px 6px 0 -10px;
    padding:8px;
}
.tab{
    padding:6px;
    color:#FFF;
    /*margin-top:10px;*/
    overflow:hidden;
    background-color:#25255a;
}

.tabs{
    /*padding:6px;*/
    color:#FFF;
    /*margin-top:10px;*/
    overflow:hidden;
    background-color:#25255a;
}
.newTabs li {
    text-align:center;
}

.newTabs li a {
    width:100%;
    display:block;
    height:70px;
    padding-right:20px;

}
html>body ul.htabs li a {
    width:100%;
    height:70px;
}

.tabs li{
    background-color:#EEEEEE;
/*    clear:both;*/
    margin:4px 0;
    padding:9px;
    font-family: "NuvoOT-medi";
    padding-bottom:4px;
}
.tabs li a:hover {
    padding-left:1px;
}

.portal-yourDebts-active {
    background-image:url(/images/portal-yourDebts-active.jpg) !important;
    background-repeat:no-repeat !important;
}

.portal-yourDebts-unactive {
    background-image:url(/images/portal-yourDebts-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}


.portal-quotes-active {
    background-image:url(/images/portal-quotes-active.jpg) !important;
    background-repeat:no-repeat !important;
}

.portal-quotes-unactive {
    background-image:url(/images/portal-quotes-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}

.portal-yourDetailsLarge-active {
    background-image:url(/images/portal-yourDetailsLarge-active.jpg) !important;
    background-repeat:no-repeat !important;
}

.portal-yourDetailsLarge-unactive {
    background-image:url(/images/portal-yourDetailsLarge-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}





.portal-yourDetails-active {
    background-image:url(/images/portal-yourDetails-active.jpg) !important;
    background-repeat:no-repeat !important;
}

.portal-yourDetails-unactive {
    background-image:url(/images/portal-yourDetails-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}


.portal-debtDetails-active {
    background-image:url(/images/portal-debtDetails-active.jpg) !important;
    background-repeat:no-repeat !important;
}

.portal-debtDetails-unactive {
    background-image:url(/images/portal-debtDetails-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}
.portal-debtorProfile-active {
    background-image:url(/images/portal-debtorDetails-active.jpg) !important;
    background-repeat:no-repeat !important;
}

.portal-debtorProfile-unactive {
    background-image:url(/images/portal-debtorDetails-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}


.portal-debtStage-active {
    background-image:url(/images/portal-debtStage-active.jpg) !important;
    background-repeat:no-repeat !important;
}
.portal-debtStage-unactive {
    background-image:url(/images/portal-debtStage-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}
.portal-clientCorrespondence-active {
    background-image:url(/images/portal-clientcorrepondence-active.png) !important;
    background-repeat:no-repeat !important;
}
.portal-clientCorrespondence-unactive {
	background-image: url("/images/portal-clientcorrepondence-unactive.png") !important;
    background-repeat: no-repeat !important;
}
.portal-debtorCorrespondence-active {
    background-image:url(/images/portal-debtorcorrepondence-active.png) !important;
    background-repeat:no-repeat !important;
}
.portal-debtorCorrespondence-unactive {
    background-image:url(/images/portal-debtorcorrepondence-unactive.png) !important;
    background-repeat:no-repeat !important;
}
.portal-thirdPartyCorrespondence-active {
    background-image:url(/images/portal-3rdpartycorrepondence-active.png) !important;
    background-repeat:no-repeat !important;
}
.portal-thirdPartyCorrespondence-unactive {
    background-image:url(/images/portal-3rdpartycorrepondence-unactive.png) !important;
    background-repeat:no-repeat !important;
}



.portal-messages-active {
    background-image:url(/images/portal-messages-active.jpg) !important;
    background-repeat:no-repeat !important;
}
.portal-messages-unactive {
    background-image:url(/images/portal-messages-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}


.portal-payment-active {
    background-image:url(/images/portal-payment-active.jpg) !important;
    background-repeat:no-repeat !important;
}
.portal-payment-unactive {
    background-image:url(/images/portal-payment-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}



.portal-deed-active {
    background-image:url(/images/portal-deed-active.jpg) !important;
    background-repeat:no-repeat !important;
}

.portal-deed-unactive {
    background-image:url(/images/portal-deed-unactive.jpg) !important;
    background-repeat:no-repeat !important;
}



.alignLeft {
    text-align:left;
}
/*.termsBox {
    width:800px;
    height:230px;
}*/
.termsBox {
    height: 230px;
    margin: 0 auto;
    width: 99%;
}
.bigger {
    font-size:1.4em;
}
.infoDiv {
    margin:5px;
}

#messageTabs li a {

    height:16px !important;


}
.portalMessage {
    padding:5px;
    font-weight:bold;
    border-top:none !important;
    border-left:1px solid #000;
    border-bottom:2px solid #000;

}
.portalMessges td {
    border-top:1px solid #000;

}
.subjectCell {
    border-left:1px solid #000;
}
.portalMessageCell {
    border-top:none !important;
}
.replyCell {
    padding:3px;
    text-align:center;
}
.red {
    color:#ff0000;
}
.labelCell {
    font-weight:bold;
    text-align:right;
    width:150px;
}
.white {
    background-color:#fff !important;
}
.fullWidth {
    border:1px solid #000;
    width:100%;
}
/*=======================================
* Tooltips
* ======================================*/
.tooltip{
   position: absolute;
   padding: 10px 13px;
   z-index: 2;
   
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
}

   .tooltip h3{
      margin: 0 0 5px;
      text-align: left;
   }
table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}
table.gridtable2 {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
	width:100% !important;
}
table.gridtable2 th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table.gridtable2 td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}
.total-row {
    border-top:2px dashed #000;
}
.noscript {
	display: block;
	background: #999;
	border: 5px solid #000;
	padding: 10px;
	position: fixed;
	top: 10px;
}

.noscript a{
	color: #fff;
}

#homeleftcont {
	width: 100%;
	/*display:none;*/;
}

#homeleftcont label {
    width: 100%;
}
#homeleftcomp {
	width: 100%;
	/*display:none;*/
}

#homeleftcomp label {
    width: 100%;
}
#PayDiv{
	display:none;
}

/* Elegant Aero */
.elegant-aero {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: #DDF0F8;
    padding: 30px 30px 20px 30px;
    box-shadow: #868686 0 0px 10px -1px;
    -webkit-box-shadow: #868686 0 0px 10px -1px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
}
.elegant-aero  h1{
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 20px 10px 20px 30px;
    display: block;
    background: #D0E6F0;
    margin-top: -30px;
    margin-left: -30px;
    margin-right: -30px;
    border-bottom: 1px solid #B9E1F1;
}
.elegant-aero h1>span {
    display: block;
    font-size: 11px;
}

.elegant-aero label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
}
.elegant-aero label {
    display: block;
    margin: 0px 0px 5px;
}
.elegant-aero label>span {
    float: left;
    width: 100px;
    text-align: left;
    padding-right: 10px;
    margin-top: 10px;
    font-weight: bold;
}
.elegant-aero input[type="text"], .elegant-aero input[type="email"], .elegant-aero textarea, .elegant-aero select {
    color: #888;
    width: 50%;
    padding: 5px 4px 0px 5px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #CEE2E7;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    font: 200 16px/16px Arial,Helvetica,sans-serif;
}
.elegant-aero textarea{
    height:100px;
}
.elegant-aero select {
    background: #fbfbfb url('down-arrow.png') no-repeat right;
    background: #fbfbfb url('down-arrow.png') no-repeat right;
   appearance:none;
    -webkit-appearance:none;
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 50%;
}
.elegant-aero .button{
    padding: 10px 30px 10px 30px;
    background: #66C1E4;
    border: none;
    color: #FFF;
	height: auto;
}
.elegant-aero .button:hover{
    background: #3EB1DD;
}
#popupDiv.elegant-aero label, #replyDiv.elegant-aero label {
	margin: 0 1em 0 0 !important;
}
#popupDiv form, #replyDiv form {
    background: none repeat scroll 0 0 #DDF0F8;
    margin: 0 auto;
    width: 90%;
}
.elegant-aero #button{
    padding: 10px 30px 10px 30px;
    background: #66C1E4;
    border: none;
    color: #FFF;
	height: auto;
}
.elegant-aero #button:hover{
    background: #3EB1DD;
}

#chatPopup {
    background-color: #fff;
    background-image: url("/public/images/local-debt-collection-chat-online.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    border: 4px solid #000;
    height: auto;
    left: 690px;
    padding: 10px;
    position: absolute;
    text-align: right;
    top: 220px;
    width: 300px;
}
#chatPopup h1, #chatPopup h2, #chatPopup h3 {
    margin: 0 0 10px !important;
    padding: 0 0 10px !important;
    text-align: center;
}
#chat {
    position: fixed;
    bottom: 0;
    right: 0;
}
.gridtable.installment {
    display: inline-block;
}
.gridtable.reconciled {
    clear: both;
    content: "";
    display: block;
}
.gridtable.reconciled td {
    background-color: lightgreen;
}
.gridtable.ddconfim td {
    background-color: lightblue;
}
#InsForm td {
    clear: both;
    font-weight: bold;
    width: 25% !important;
}
#InsForm label {
	clear:both;
}
#recon-div-full{
	display: none;
}
#recon-div-full td {
    vertical-align: top;
}
#recon-div-small td {
    vertical-align: top;
}
#insMon-id {
    display: flex;
}
.required{
	background: red;
}
.debtorradio{
	float: left;
	height: 25px;
	border-radius: 5px;
	margin-left: 10px;
	padding: 0px 5px;
}
.dropzone {
	padding: 2px !important;
	min-height: 84px !important;
}
.dz-preview {
    min-height: 66px !important;
    height: 66px !important;
    width: 66px !important;
    margin: 4px !important;
}
.dz-image {
    height: 66px !important;
    width: 66px !important;
}
.dz-details {
	font-size: 10px !important;
	padding: 19px 2px !important;
}
.dz-size {
    font-size: 11px !important;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}
.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent;
}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}
.btn-link {
    border-radius: 0;
    color: #337ab7;
    font-weight: 400;
}
.btn-group-lg > .btn, .btn-lg {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 16px;
}
.btn-group-sm > .btn, .btn-sm {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.btn-group-xs > .btn, .btn-xs {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}
.btn.active, .btn:active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}