/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 27, 2015, 9:49:50 AM
    Author     : noel
*/
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
@media screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
{ 
}
html {
    height: 100%;
}
body {
    font-size: 14px;
    font-family: "Source Sans Pro",Calibri,Candara,Arial,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
}
legend {
    font-size: 18px;
}
h1, .h1 {
    font-size: 35px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 22px;
    padding-left: 15px;
    padding-right: 15px;
}
/*
body.admin nav.navbar {
    background: #E0E0E3 url(../img/sidebar.png) repeat;
    border-bottom: 1px solid #D0D0D0;
}
body.admin .navbar-default .navbar-nav>li>a {
    color: #929292;
}*/

.branch-overlay {
    position: fixed; 
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;
}

.branch-popup {
    position: fixed;
    top: 30%;
    left: 24%;
    z-index: 10000;
    padding: 2% 3%;
    font-size: 1.5em;
    width: 70%;
    display: block;
    border: 1px solid #CCC;
    background-color: #FFF;
    text-align: center;
    height: 230px;
}

.branch-popup span {
    width: 100%;
    display: block;
}

.branch-popup a {
    padding: 2%;
    border-radius: 9px;
    color: #FFF;
    width: 200px;
    top: 42%;
    position: absolute;
    display: inline-block;
    text-align: center;
}

.branch-popup a:hover {
    text-decoration: none;
    font-weight: bold;
}

.branch-popup a.branch-yes:hover {
    border: 2px solid #143754;
    background-color: #143754;
}

.branch-popup a.branch-no:hover {
    border: 2px solid #580808;
    background-color:  #580808;
}

.branch-popup a.branch-yes {
    border: 2px solid #3689CF;
    background-color: #3689CF;
    left: 30%;   
}

.branch-popup a.branch-no {
    left: 50%;
    border: 2px solid #DD1313;
    background-color:  #DD1313;
}

.error 
{
    color: #f00;
    font-style: italic;
}
.error.label.label-danger {
    color: #FFFFFF;
    font-style: normal;
}
.info_markup
{
    color: #666666;
    font-style: italic;
}
.required
{
    color: #f00;
    font-weight: bold;
} 
span.label.label-info {
    background-color: #DEDEDE;
    color: #636363;
}
.form-control {
    display: block;
    width: 100%;
    height: 37px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group {
    margin-bottom: 5px;
}
.form-item {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px;
}
.form-horizontal .control-label {
}
.form-control-file {
    padding: 0;
    height: 27px;
    line-height: 25px;
    vertical-align: middle;
}
.form-horizontal .form-group {
    margin: 0 0 10px 0;
}
.button-margin {
    margin: 0 5px;
}
.navbar-default {
    background-color: #3689CF;
    border-color: #3689CF;
    margin-bottom: 0px;
}
.navbar-collapse {
    padding-left: 0px;
}
body.admin .navbar-collapse {
    padding-left: 15px;
}
body.admin .navbar .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
.header-container {
    background-color: rgb(43, 163, 236);
    border-color: rgb(29, 131, 194);
    background-color: #2BA3EC;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2BA3EC), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #2BA3EC, #FFFFFF);
    background: -moz-linear-gradient(top, #2BA3EC, #FFFFFF);
    background: -ms-linear-gradient(top, #2BA3EC, #FFFFFF);
    background: -o-linear-gradient(top, #2BA3EC, #FFFFFF);
    padding-top: 10px;
}
.navbar .container-fluid {
    padding: 0;
}
.header-container h1 {
    margin-top: 0;
}
.header-container .well {
    margin-bottom: 0px;
    padding: 15px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: #1C5E96;
}
.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-signin span.input-group-addon i.fa {
    width: 20px;
    color: #939393;
}
.logo {
    float: left;
    margin-right: 15px;
}
footer {
    position: relative;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    background: #fff;
    width: 248px;
    bottom: 0;
    width: 100%;
    clear: both;
    font-size: 2em;
}
.admin footer {
    position: absolute;
    bottom: 39px;
    /*border-top: 1px solid #ccc;*/
    padding-top: 5px;
    background: #fff;
    width: 248px;
}
.admin footer p {
    margin-bottom: 2px;
    font-size: 10px;
}
.copyright {
}
.page-container {
    min-height: 70%;
    position: relative;
    padding: 0 0 100px 0;
}
.header-container > .container {
    background-color: #f1f1f1;
  /*  border: 1px solid #cecece;*/
    padding: 10px;
}
.admin-logo {
    padding: 5px;
}
.admin-logo img {
    width: 110px;
}
#wrapper {
    padding-top: 50px;
}
ul.nav-tabs {
    margin-bottom: 15px
}
a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: #F3F3F3;
}
.page-content {
    padding: 10px 0;
}
.quick-links {
    margin-bottom: 10px;
}
i.fa {
    margin-right: 5px;
}
.navbar i.fa {
    margin-right: 0px;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
}
.nav-tabs>li>a {
    padding: 5px 10px;
    background-color: #f1f1f1;
    border-color: #E4E4E4;
    margin-bottom: 0px;
}
.nav-tabs>li>a:hover {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}
.badge {
    padding: 0px 7px;
}
.badge-prefix {
    font-weight: bold;
    margin-right: 5px;
}
.badge-suffix {
    font-weight: bold;
    margin-left: 5px;
}
.badge-container {
    display: inline-block;
    float: right;
}
thead tr {
    background-color: lightgrey;
}
tr.table-row-header {
    background: #B2B2B2;
}
tr.table-row-gate {
    background-color: #B0E1FF;
}
td.tender-notice__table-label {
    font-weight: bold;
    background-color: #ccc;
    width: 250px;
}
td.table-sub-heading {
    font-weight: bold;
    background-color: #666666;
    color: #ffffff;
}
.td-label {
    height: 30px;
    padding: 5px 0px;
}

div.input-group {
    margin-bottom: 10px;
}
div.input-group button.btn {
    padding: 4px 10px 5px;
    border: none;
}
div.input-group div.btn.btn-file {
    padding: 4px 10px 5px;
    border: none;
}
#input-2 {
}
.input-group-addon i.fa {
    margin: 0;
}

/* alerts */
.admin .alert {
    margin-top: 0;
    border-width: 1px;
}
.alert-success {
    background-color: #6ADC44;
    border: 1px solid #44980B;
    color: #151414;
    margin: 5px 0px;
    border-radius: 5px;
}
.alert-warning {
    background-color: #FF964F;
    border: 1px solid #ff4309;
    color: #151414;
    margin: 5px 0px;
    border-radius: 5px;
}

.alert-danger {
    background-color: #FF7191;
    border: 1px solid #A74068;
    color: #151414;
    margin: 5px 0px;
    border-radius: 5px;
}

.alert-info {
    background-color: #F7E89C;
    border: 1px solid #C7BA7C;
    color: #000000
}
div.signin-form-left {
    border-right: 1px solid #ccc;
}
div.signin-form-right {
    padding-top: 20px;
    text-align: center;
}

.org__type_select {
    text-align: center;
    padding: 30px 10px;
    margin: 15px auto 0;
    background-color: #f1f1f1;
    border: 1px solid #DDDDDD;
    min-height: 220px;
}

.org_type_select_container {
    margin-bottom: 20px;
}
.inline {
    display: inline-block;
}
.float-right {
    float: right;
}
#principal_table {
    margin-bottom: 2px;
}
.principal_table_buttons {
    margin-bottom: 15px;
}
table>tbody>tr>td.row_number {
    font-weight: bold;
    background-color: lightgray;
    vertical-align: middle;
}
#principal_table .principal_name_col {
    width: 40%;
}
#principal_table .principal_id_col {
    width: 30%;   
}
#principal_table .principal_taxref_col {
    width: 30%;
}
label.control-label {
    display:block;
}
.org_header_container h1 {
    display: inline-block;
}
.org_header_container div.quick-links {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 15px;
    vertical-align: top;
    margin-top: 25px;
}
table.table-state_service td div.radio_container {
    width: 100px;
}
table.table-state_service td div.radio_container div.radio {
    display: inline-block;
    float: left;
    margin: 0 5px;
    padding: 0px;
}
.company_logo {
    width: auto;
    height: 100px;
    border: 1px solid #CDCDCD;
    padding: 4px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #ccc;
}
.company_logo.logo_small {
    height: 25px;
    width: auto;
    box-shadow: none;
    border-radius: 0;

}
.logo-container a.btn {
    margin-top: 10px;
}
#map-canvas { 
    height: 300px;
    border: 1px solid #C8C8C8;
}
.controls {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#google_phys_add {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

#google_phys_add:focus {
    border-color: #4d90fe;
}

.pac-container {
    font-family: Roboto;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}
.ajax-error {
    color: #ff0039;
}
.ajax-success {
    color: #3fb618;
}
#loading, #info {
    float: left;
}
.ajax-check {
    padding: 10px 0px;
}
span.form-text {
    margin-bottom: 0px;
    margin-top: 10px;
    display: block;
}
.table>thead>tr.table-header {
    background-color: #2780E3;
    color: #ffffff;
}
.table>tbody>tr.table-header {
    background-color: #2780E3;
    color: #ffffff;
}
.table>thead>tr.table-header-red {
    background-color: #ff0000;
    color: #ffffff;
}

div.proc_details_row span {
    padding: 5px 5px;
    display: inline-table;
}
div.proc_details_row label.label__greybg {
    font-weight: bold;
    background-color: #e6e6e6;
    padding: 5px 5px;
    margin-bottom: 2px;
    display: inline-table;
}
div.proc_details_row label.label__lightgreybg {
    font-weight: bold;
    background-color: #ECECEC;
    padding: 5px 5px;
    margin-bottom: 2px;
    /*display: inline-table;*/
}
i.proc_view_symbol_error {
    color: #ff0039;
}
i.proc_view_symbol_success {
    color: #3fb618;
}
i.symbol-green {
    color: #3fb618;
    float:right;
}
div.downloads-report .table>tbody>tr.table-header {
    background-color: #2780E3;
    color: #ffffff;
}
div.downloads-report .table>tbody>tr.table-header a {
    color: #ffffff;
    font-weight:bold;
}
div.downloads-report .table>tbody>tr.table-header a:hover {

}
span.td_filesize {
    white-space: nowrap;
}
div.file-group {
    border: 1px solid #ccc;
    padding: 10px 10px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
    overflow: hidden;
}
.closing_details_container,
.award_details_container,
.submission_details_container
{
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #DEDEDE;
    padding: 10px;
    background-color: #f1f1f1;
}
td.word_wrap {
    white-space: normal;
    word-wrap: break-word;
    /*word-break: break-all;*/
}
.addenda_description p {
    margin: 0;
}
.margin_bottom {
    margin-bottom: 10px;
}
.margin_top {
    margin-top: 10px;
}
div.module h3 {
    margin-bottom: 1px;
}
.tab-content>.active {
    position: relative;
}
.tab-content>.active .quick-links {
    position: absolute;
    right: 0px;
    z-index: 1000;
}
.letter_container {
    border: 1px solid #dddddd;
    padding: 10px;
    margin: 10px;
    overflow: hidden;
}
div.tender-view div.tab-pane.active .quick-links {
    position: relative;
}
div.image_container {
    border: 1px solid #f1f1f1;
    box-shadow: 2px 2px 2px #D4D4D4;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 10px;
}
div.image_container>img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
h1>span.proc_label {
    display: inline;
    padding: 4px;
    font-size: 40%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin-left: 15px;
}
.label-award {
    background-color: #868686;
}
table input[type="radio"], 
table input[type="checkbox"] {
    margin: 0;
    margin-top: 1px \9;
    line-height: normal;
}

.ui-dialog.popup {
    /*top: 55px !important;*/
    z-index: 1000;
}
.ui-widget-content a.btn {
    color: #ffffff;
}
.sent_to_div {
    border: 1px solid #ececec;
    overflow: hidden;
    margin-bottom: 10px;
}
.important_div {
    background-color: #f1f1f1;
    padding: 10px;
    border: 1px solid #D2D2D2;
}
.important_div p {
    margin-bottom: 0px;
}
span.important {
    font-size: 130%;
    font-weight: bold;
    color: red;
}
.ui-dialog-titlebar-close:after { content: 'X'; font-weight:bold; } 
.payment_required {
    color: #ff0000;
    font-weight: bold;
    font-style: italic;
}
.disabled_coming_soon {
    color: #909090;
    font-style: italic;
}
div ul.tagit {
    height: 35px;
    font-size: 14px;
}
div ul.tagit li.tagit-new {
    padding: 3px 5px 3px 0;
    margin: 0;
}
div ul.tagit li.tagit-choice-editable {
    padding: 3px 17px 3px 5px;
    margin: 0 0 0 3px;
}
.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 20px;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
}
span.explanatory {
    display: block;
    font-weight: normal;
    font-style: italic;
    color: #808080;
}
div.login-page div.cookie-container {
    position: relative;
    width: 100%;
    height: 70px;
}
div.assign-user {
    padding: 10px 15%;
}
select.org-select {
    width: 50%;
    float: left;
    margin-right: 10px;
}
a.org-select-create-org {
    padding: 6px 9px;
    text-decoration: underline;
}
.table>tbody>tr>td.table-indent {
    padding-left: 25px;
}
table.table>thead>tr>th.vertical_top {
    vertical-align: top;
}
table tr.background_clear {
    background: #ffffff;
}
table tr.background_striped {
    background: #ECECEC;
}
div.tender-view div.tab-pane.active div.quick-links.download-letter-block {
    padding: 10px;
    border: 1px solid #CECECE;
    overflow: hidden;
    position: relative;
    background-color: #ececec;
}
div.dont-remove-container {
    overflow: hidden;
    margin-bottom: 5px;
}
div.remove-container {
    overflow: hidden;
}
button.add_field_button {
    margin-top: 27px;
}
a.margin_left {
    margin-left: 25px;
    font-size: 10px;
    text-decoration: underline;
}
table.table>tbody>tr>td.bg-green {
    background-color: #27B727;
    color: #ffffff;
}
table.table>tbody>tr>td.bg-red {
    background-color: #DC4848;
    color: #ffffff;
}
div.framework_container-view div.page-content div.tab-pane {
    min-height: 300px;
}
div.sidebar-public {
    margin-top: 100px;
    margin-top: 100px;
    border: 1px solid #ececec;
    padding: 10px;
    background: #f9f9f9;
}
div.proc_details_row {
    display: flex;
    overflow: hidden;
}
.sr_container {
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}
.sr_container strong {
    color: #686868;
}
.sr_title h3 {
    font-size: 150%;
    font-weight: normal;
}
div.sr_display_link p {
    margin: 0;
}
div.sr_display_link p a {
    color: #2F9E23;
    font-size: 13px;
}
.sr_blurb {
    color: #808080;
}
div.sr_keywords {
    margin: 10px 0px 5px 0px;
}
div.sr_ref_num span, 
div.sr_publisher span 
{
    color: #808080;
}
.sr_keywords p {
    margin: 0;
}
span.sr_key {
    background: #ececec;
    border: 1px solid #dcdcdc;
    padding: 0px 6px;
    border-radius: 5px;
    font-size: 12px;
}
.sr_link {
    margin-top: 10px;
}
div.custom-search-container {
    margin-bottom: 10px;
}
div.custom-search-container a.btn.btn-link {
    padding: 5px;
}
#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
    height: 44px;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
    font-size: 16px;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .fa{
    font-size: 23px;
}
div.search-results p {
    color: #B1B1B1;
}
div#ui-datepicker-div {
    z-index: 5 !important;
}
span.rating {
    display: inline-block;
    text-align: center;
}
.rating span.rating_val {

}
div.references_block {
    border: 1px solid #ececec;
    margin-bottom: 10px;
    background: #F7F7F7;
    display: flex;
}
div.references_block label.label__lightgreybg {
    margin-bottom: 0;
}
div.taskordercount {
    margin-top: 10px;
    border: 1px solid #ececec;
    padding: 10px;
}
span.big_num {
    display: block;
    font-size: 250%;
}
span.menu-help-item
{
    display: block;
    margin-left: 30px;
    font-style: italic;
    color: rgb(159, 159, 159);
}
div.radio, div.checkbox  {
    margin-left: 25px;
    line-height: 25px;
    vertical-align: bottom;
}
div.tab-content div.panel {
    margin-top: 0px;
}
span.rule_name
{
    display: block;
    font-weight: bold;
}
span.rule_description
{
    display: block;
    font-style: italic;
    color: #7D7D7D;
}

div.home-blocks
{
    padding: 5px;
    overflow: hidden;
    /*border-bottom: 1px solid #ddd;*/
}
div.home-blocks.last {
    border-bottom: none;
}
div.home-blocks__inner
{
    height: 100px;
    padding: 5px;
}
div.home-blocks__inner:hover {
    background: #F6F6F6;
}
div.home-blocks__inner:hover div.home-blocks__logo {
    border-right: 1px solid #C8C8C8;

}
div.blocks__details
{
}
span.home-blocks__details_name {
    display: block;
    font-size: 135%;

} 
span.home-blocks__details_link {
    display: block;
}
div.home-blocks__logo
{
    height: 100%;
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
    border-right: 1px solid #ECECEC;
}
span.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
div.home-blocks__logo a {
    display: inline-block;
    vertical-align: middle;
}
div.home-blocks__logo img
{
    max-width: 150px;
    padding: 5px;
    border: 2px solid #FFF;
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 5px;
    max-height: 90px;
    box-shadow: 0px 0px 2px #C9C9C9;
}
div.logo img {
    max-height: 80px;
}
span.img-placeholder {
    width: 150px;
    padding: 5px;
    border: 1px solid #ECECEC;
    background: #F3F3F3 none repeat scroll 0% 0%;
    border-radius: 5px;
    display: block;
    height: 80px;
    color: #ccc;
}
span.img-placeholder i {
    font-size: 45px;
    margin-top: 10px;
    text-shadow: 1px 1px 1px #757575;
}

div.form-group.strategy_steps {
    border: 1px solid #ccc;
    padding: 15px 10px;
    margin-bottom: 15px;
    background: #f1f1f1;
}

/* 21/9/16*/
.btn{
padding:7px 18px;
}
.dt-buttons {
	margin-left: 78em;
    margin-top: -3em;
    margin-bottom: 1em;
}
ul#myTags_list {
    height: 150px;
}
.tokenfield {
	height: 150px !important;
}
.close {
	color: #595959;
  	opacity: 0.2;
}
.close:hover {
	color: #595959;
}
.timer > div {
  float: left;
  text-align: center;
  width: 55px;
}
.timer div span {
  background: red none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 5px;
  padding: 5px;
  text-align: center;
}
.timer > div.timer-text {
  text-align: left;
  width: 100%;
}
.timer strong {
  display: block;
  text-align: center;
  width: 231px;
}
#countdown.text-center {
  width: 220px;
  margin: 0 auto;
}