/* Highlight new successful upload */
@keyframes highlight {
    0% {
       color: #3c763d;
       background-color: #dff0d8;
    }
    100% {
       color: #51586a;
       background: #fff;
   }
}

html {position: relative; min-height: 100%;}

.main .container-fluid {padding: 0}
div.main {padding: 100px 40px 75px 40px;}

@media (max-width: 767px) {
    div.main {padding-top: 190px; padding-bottom: 195px}
}

/** Font **/
div.main small, div.main .small {font-size: 90% !important;}
div.main p.help-block, div.main span.help-block, div.main p.text-danger, div.main span.text-danger {font-size: 14px}
.modal .modal-header .close span {font-size: 36px;}
.modal .modal-header .close.gdpr-close { color:#0a1f8f; opacity:1;}
.modal .modal-header .close.gdpr-close span {font-size: 16px;}
.modal .modal-footer {padding: 5px; text-align: left;}

input[type="file"].form-control {height: 38px;}

a[disabled] {
    pointer-events: none;
    cursor: default;
}

/** Header/Title bar**/
header {background: #c5c9c9; padding: 0;}
.navbar .navbar-header  {width: 100%}

header h1 {font-size: 20px; color: #fff; margin: 0;}
header div.headerLogo {text-align: center; margin: 0;}
header div.headerLogo img {max-height: 50px;}
header div.headerText {vertical-align: middle; padding: 0; text-align: center; margin: 0;}
header div.headerText .navbar-text {float: none; font-size: 20px; color: #fff;}
header div.headerSteps {vertical-align: middle;text-align: center; margin: 0; color: #ffffff;}
header div.headerSteps .navbar-btn {color: #555; background-color: #fefefe; border-color: #ccc}
header div.headerSteps .navbar-btn:hover {color: #333; background-color: #efefef; border-color: #aaa}
header div.headerSteps p {float: none;}

/** Footer **/
footer.navbar {
    background: #f6f7f8;
    border: #f6f7f8;
    bottom: 0;
    position: absolute;
    width: 100%;
}

footer.navbar .navbar-left p.navbar-text {margin-right: 0;}
footer.navbar  p.navbar-text {color: #64727f;}
footer.navbar  p.navbar-text .footer-links {margin-left: 7px;}
footer.navbar  p.navbar-text i {vertical-align: text-bottom;}

@media (max-width: 767px) {
    header div.headerLogo img {margin-top: 10px;}
    header div.headerSteps .btn.navbar-btn {    
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 4px;
        margin-top: 0;
    }
    header div.headerSteps p {margin-top: 0;}
    footer.navbar .navbar-left p.navbar-text {margin-bottom: 0; margin-right: 0;}
    footer.navbar p.navbar-text.pull-right {float: left !important;}
    footer.navbar p.navbar-text span.footer-links {display: block; margin: 0;}
}

.submit .btn {margin-top: 20px;}
.submit .btn+.btn {margin-left: 5px}

/** forms **/
#preview-content label {font-weight: 500}
#preview-content label:empty {display: none;}

#preview-content .s2forms-help {display: none;} 

#preview-footer .btn {font-weight: 400 !important; border-radius: 3px; margin-top: 30px;}
/*#preview-footer .btn:not(.hide)+.btn {margin-left: 5px}*/
#preview-footer #runtime-next-btn {color: #fff; background: #27855d; border-color: #34b27c;}

div#preview-Q1Address1 .form-group, div#preview-Q1Address2 .form-group, div#preview-Q2CompanyOfficeAddress .form-group, div#preview-Q2Address2 .form-group {margin: 0;}
div#preview-Q1Address2 .form-group  label, div#preview-Q2Address2 .form-group  label {display: none;}
#preview-Q1TownCity {margin-top: 15px;}

div#preview-Q22DeclarationMade label:empty {display: none;}

div#preview-content p a {word-break:break-word}

/** Uploads **/
.btn-default.btn-file {
    padding: 8px 12px; 
    width: 100%;
}
.attachments .form-section-title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px;
}
.attachments .files-upload {padding-right: 30px;} 
.attachments .files-upload.show-divider {border-right: 1px solid #CCD2D7}
.attachments p.form-control-static {padding: 0;}
.attachments i.glyphicon-remove {
    color: #d9534f; 
    vertical-align: middle;
}
.attachments a.delete-link {color: #657685;}
.attachments a.delete-link:hover {color: #0070d2;}
.attachments input[type="checkbox"] {margin-right: 5px;}
/*.attachments #message { padding-bottom: 25px; }*/
.attachments .progress {
    height: 100%;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    box-shadow: none;
    width: 0;
}
.attachments .panel {
    background: #fefefe; 
    box-shadow: none;
}
.attachments #uploadsPanel.panel .panel-body {padding-top: 30px;}
.attachments #files-wrapper .panel .panel-heading {padding-top: 0}
.attachments #files-wrapper .panel .panel-heading h2 {font-size: 18px;}
.attachments #files-wrapper .panel .panel-heading p {margin: 0}
.attachments #files-wrapper .panel .panel-body {padding-top: 0} 
.attachments .list-group-item span.file-text {z-index: 100}
.attachments .list-group-item.success {animation: highlight 2.5s;}

#files .file-name {
    max-width: 90%; 
    display: inline-block; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
#files .file-size {display: inline-block;}

.files-upload hr {
    margin-top: 30px; 
    margin-bottom: 25px;
    opacity: .5;
}

.files-upload .alert {
    padding: 8px 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
}
.files-upload .alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.file-exts i.idox-icon-info {font-size: 16px}
.file-exts + .popover {border-radius: 4px;}
.file-exts + .popover .popover-content {padding: 5px 10px;}
.file-exts + .popover .popover-content p {margin: 0;}


@media (max-width: 991px) {
    .attachments .files-upload {padding-right: 15px; padding-top: 15px;}
    .attachments #files-wrapper {border-left: none; border-bottom: 1px solid #CCD2D7; }
    .attachments .files-upload.show-divider  {border-right: none;}
}

/** Summary **/
.summary {margin-top: 20px;}
.summary label.control-label {font-weight: 600}
.summary div.radio {margin-left: 5px}

.summary-subheading {
    font-size: large; 
    margin: 15px 0 25px;
}

span.details-label {
    min-width: 9em; 
    font-weight: bold; 
    display: inline-block;
}
span.registration-ui {
    background: linear-gradient(to bottom, #f8d038 0%,#f5ca2e 100%);
    padding: .25em 1em .25em 1.75em;
    font-weight: bold;
    font-size: 2em;
    border-radius: 5px;
    border: 1px solid #000;
    box-shadow: 1px 1px 1px #ddd;
    position: relative;
    font-family: helvetica, ariel, sans-serif;
}
span.registration-ui:before {
    content: 'GB';
    display: block;
    width: 30px;
    height: 100%;
    background: #063298;
    position: absolute;
    top: 0;
    border-radius: 5px 0 0 5px;
    color: #f8d038;
    font-size: .5em;
    line-height: 76px;
    padding-left: 5px;
}
span.registration-ui:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    border: 1px dashed #f8d038;
}
li.registration-ui {margin-bottom: 20px;}

@media (max-width: 767px) {
    .summary .form-group {margin: 0;}
    .summary p.form-control-static {padding: 0}
}
@media (min-width: 768px) { 
    .summary .form-group ul {padding-top: 7px;}
}

.list-group-item-default {background: #efefef}

/* s2forms button overrides  - can be removed once s2forms gets updated to new idoxui */
.btn-custom {
    color: #0070d2 !important;
    background-color: #fcfdfe !important;
    border-color: #ccd2d7 !important;
}

.btn-custom:hover {
    background-color: #d6e4f1 !important;
    border-color: #aab4bc !important;
}

#runtime-next-btn {
    color: #ffffff !important;
    background-color: #27855d !important;
    border-color: #34b27c !important;
}

#runtime-next-btn:hover {
    background-color: #123e2b !important;
    border-color: #26835b !important;
}

/* help in forms */
div.formhelp {
    padding-left: 10px;
    display: inline;
}

.formhelpicon a {color:#aaa;}
.formhelpicon a:hover {color:#0070d2;}
div.formhelp i {
    font-size: 22px; 
    margin-top: 14px;
}


/* override error style */
div.error.main div.panel-danger div.panel-heading,
div.warning.main div.panel-warning div.panel-heading {
    color:#ffffff;
    font-size: 130%;
    font-weight: bold;
}
div.error.main,
div.warning.main {
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#saveXp-modal .modal-header {border: none}
#saveXp-modal .modal-body {padding: 15px 35px 25px}
#saveXp-modal .modal-body a.btn-block {margin-bottom: 15px}
.import-divider {
    margin: 30px 0;
    background: url(../images/tl_divider.png) repeat-x;
}
.import-divider span {
    display: block;
    text-align: center;
    max-width: 75px;
    margin-bottom: 0;
    background: #fefefe;
}
 
.jumbotron {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #999;
}
.jumbotron h1 i.idox-icon {font-size: 72px}
.jumbotron h1+h2 {margin-top: 0;}
.panel .panel-body .jumbotron {padding: 0;}

table.table {margin-top: 15px; }
table.table a>i {color: #657685}
table.table a:hover>i {color: #0070d2}
.my-submissions table.table {width: 100%; margin-bottom: 45px;}
.my-submissions table.table .control-cell {width: 80px; text-align: right;}
.my-submissions table.table .control-cell a+a {margin-left: 10px;}

.my-submissions table.table td div.address {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    display: block;
}

/* Override default input/select/textarea focus */

input[type=file]:focus,
input[type=checkbox]:focus,
select:focus {
    outline:2px solid #000 !important;
}