/* 
    Created on : 12-Apr-2017, 17:59:20
    Author     : vincent.corleone
*/

html {
    position: relative;
}
main {
  min-height: calc(100vh - 482px);
  margin: 30px 0 30px 0;

}
footer {
    width: 100%;
}
.col-xs-offset-right-12 {
    margin-right: 100%;
}
.col-xs-offset-right-11 {
    margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
    margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
    margin-right: 75%;
}
.col-xs-offset-right-8 {
    margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
    margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
    margin-right: 50%;
}
.col-xs-offset-right-5 {
    margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
    margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
    margin-right: 25%;
}
.col-xs-offset-right-2 {
    margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
    margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
    margin-right: 0;
}

header, .card-panel header {
    background-color: #FFFFFF;
}

header div.dropdown button {
	height: 50px;
}
section header {
	background-color: #F2F2F2;
}
.time {
    display: block;
    position: relative;
    font-size: 1.2em;
    font-weight: 400;    
    padding-left: 30px;
}
.time:before {
    position: absolute;
    content: '\e802';
    top: -1px;
    left: 0px;
    font-size: 1.05em;
    font-family: "fontello";
    color: #CC0033;
}
div.address span{
	display: block;
}
span.choose{
	padding: 20px;
}
/* Header tags
-------------------------*/
h1 {
    font-size: 24px;    
}
h2 {    
    font-size: 30px;
    font-weight: 300;
}
h3 {    
    font-size: 20px;    
}
h4 {    
    font-size: 17px;
    font-weight: bold;
}

/* Helper components
-------------------------*/
.relative {
    position: relative;
}
.segment:after {
    position: relative;
    height: 1px;
    width: 98%;
    margin-bottom: 10px;
    background-color: #e0e0e0;
    left: 15px; 
}
.separator {
    margin: 0px 0 20px;
    border-bottom: solid 1px #e0e0e0;
}
.align-right {
    text-align: right;
}
.segment {
    padding-bottom: 30px;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.progress-status {
    margin-bottom: 20px;
}
.approved {	
    color: #009933;
	font-weight: 700;
}
.awaiting {
    color: #F26C1C;
    font-weight: 700;
}
.completed, .complete {
    color: #009933;
    font-weight: 700;    
}
.rejected {
    color: #CC0033;
    font-weight: 700;    
}
.show {
    display: block;
}
.done {
    opacity: 0.5;
}
.border-right {
    border-right: solid 1px #e0e0e0;
}
.changed {
    display: inline-block !important;
    background-color: #ccc;
    padding: 3px;
}
.phoneNum {
    color: #000000;
    font-weight: 700;
}
span.label {
    display: block;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    padding: .2em 0 .6em;
    text-align: left;    
    white-space: nowrap;
}
.total-price {
	font-weight: bold;
	font-size: 18px;
}
.approve-reject{
    position: relative;
    top: -8px;
    right: 14px;
}
/* Widths
-------------------------*/
.width-8 {
    width: 8%;
}
.width-10 {
    width: 10%;
}
.width-16 {
    width: 16%;
}


/* Margins / Padding
-------------------------*/
.no-tborder {
    border-top: none !important;
}
.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.no-pl {
    padding-left: 0px;
}
.no-pr {
    padding-right: 0px;
}
.mb-0 {
    margin-bottom: 0px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-150{
    margin-bottom: 150px;
}
.mr-20 {
    margin-right: 20px !important;
}


/* Typography
-------------------------*/
.bold {
    font-weight: 700 !important;
}
.light {
    font-weight: 300 !important;
}


/* Helper - popover
-------------------------*/
.qMarker {       
    position: absolute;
    border-radius: 50%;
    background-color: #3F3F3F;
    height: 30px;
    width: 30px;   
    top: 38px;
    right: -40px;
    cursor: pointer;
}
.qMarker i {
    position: absolute;
    color: #FFFFFF;  
    top: 6px;
    left: 10px;
    cursor: pointer;
}


/* Header
-------------------------*/
.left-head {
    float: left;
    padding: 10px 0;
}
.left-head .navbar-brand {
    height: 110px;
    margin-left: 0px;
    width: 240px;
}
.left-head .navbar-brand .logo {
    width: 90%;
}
.left-head h1 {
    padding-top: 26px;
}
.right-head {
    float: right;    
    margin-top: 40px;
}


/* Dropdown: Logged in
-------------------------*/
.right-head .dropdown {
    float: right;    
    border: groove 2px #ccc;
    border-radius: 6px;
    padding: 0 10px;
}
.login-dropdown {
    padding: 0 !important;
}
.login-dropdown > li > a {
    padding: 10px 20px !important;
}
.login-dropdown > li > a:hover, 
.login-dropdown> li > a:focus {
    text-decoration: none;
}
.btn-login {
    background-color: transparent;
    padding: 10px 0 !important;
}
.btn-login:hover,
.btn-login:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;    
}
.btn-login > span {
    font-weight: bold;
    padding: 0 5px;
}


/* Navigation
-------------------------*/
.main-Menu {
    position: relative;
    background-color: transparent;
    min-height: 40px;
    -webkit-box-shadow: 0 8px 7px -7px #0f0f0f;
    -moz-box-shadow: 0 8px 7px -7px #0f0f0f;
    box-shadow: 0 8px 7px -7px #0f0f0f;
    z-index: 1;
}
.navbar-nav {
    display: flex;
    width: 100%;
    padding-left: 0;
    cursor: pointer;
}
.navbar-nav > li {
    position: relative;
    list-style: none;
    flex: 1 1 100%;
    text-align: center;    
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.navbar-nav > li::before {
    background-color: #ffffff;
    height: 14px;
    width: 1px;
    position: absolute;
    content: '';
    top: 13px;
    left: -2px;
}
.navbar-nav > li > a { 
    position: relative;
    color: #FFFFFF;   
    line-height: 40px;
    padding: 0 10px;
    display: block;
}
.navbar-nav > li:hover,
.navbar-nav > li:focus {
    background-color: #3F3F3F;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    color: #FFFFFF;
}
.navbar-nav > li:hover::before,
.navbar-nav > li:focus::before {
    visibility: hidden;
}
.navbar-nav > li:hover > a:hover ,
.navbar-nav > li:focus > a:focus {    
    text-decoration: none;
}
.navbar-nav > li > a:hover ,
.navbar-nav > li > a:focus {    
    text-decoration: none;
}
.navbar-nav > li:last-child::after {
    background-color: #ffffff;
    height: 14px;
    width: 1px;
    position: absolute;
    content: '';
    top: 13px;
    right: -1px;
}



.badge:not(.navbar-nav) {    
    display: none;
    position: absolute;
    top: 7px;
    right: 30px;
    padding: 7px 7px;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 20px;
    line-height: 1;
	width: 21px;
}
.badge:not(.navbar-nav):hover,
.badge:not(.navbar-nav):hover {    
    color: #000000;
    text-decoration: none;
}
/* breadcrumb
-------------------------*/
.pageHeader {
    background-color: #FFFFFF;
    padding: 20px 0
}
.pageHeader .pageHeader-title {
    padding: 10px 0;
}
.pageHeader .pageHeader-title h1 {
    display: inline;
}
.pageHeader span {
	display: inline;
}
.pageHeader a.btn{
	width: initial;
}
.pageHeaderInfo-item .text1,
.pageHeaderInfo-item .text2 {
    display: inline;
}
.pageHeader-item { 
    flex: 1 1 100%;
    border: solid 1px #cccccc;
    border-radius: 6px;
    padding: 10px 0 10px 48px;
}
.pageHeader-item .text1 {
    display: inline;
    color: #000000;
    font-size: 1em;
    font-weight: 700;
}
.pageHeader-item .text2 {
    display: inline;
    font-size: 1em;
    font-weight: 400;
}
span.subheader{
    display: block;
}

/* FAQ + Connections
-------------------------*/

.faq, .connections{
    width: 100%;
}

.faq-panel, .connections-panel{
    margin: 0 auto 30px auto;
}

.faq-category, .connections-category{
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    border-bottom: solid 1px #CC0033;    
    padding: 10px 14px;
}

.connections-category{
	cursor: pointer;
}
.faq-category label{
    color: #000000;
    font-weight: 700;
}

/* Accordion
-------------------------*/
.accordion {
    
    margin: 0 auto 30px auto;
}
.accordion-link, .accordion-panel {
    width: 100%;
}
.accordion-link {
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    border-bottom: solid 1px transparent;    
    padding: 10px 14px;
    position: relative;
}
.accordion-link a {
    color: #000000;
    font-weight: 700;
}
.accordion-link a:hover,
.accordion-link a:focus {
    color: #000000;
    text-decoration: none;
}
.accordion-link.active:after,
.accordion-sublink.active:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 17px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #000;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
}
.accordion-link:before,
.accordion-sublink:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 17px;
    width: 0;
    height: 0;
    border-top: 10px solid #000;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
}
.accordion-link.active:before,
.accordion-sublink.active:before {
    display: none;
}
.accordion-link.active:after,
.accordion-sublink.active:after {
    display: block;
}
.accordion-sublink, .accordion-panel {
    background-color: #FFFFFF;
    border: solid 1px #e0e0e0; 
    border-top: none;
    border-bottom: none;
    padding: 10px;
}
.accordion-sublink:first-of-type {   
    border-top: none;
}
.accordion-sublink:last-of-type {  
    border-bottom: solid 1px #e0e0e0;
} 
.accordion-sublink {    
    position: relative; 
    border-top: solid 1px #e0e0e0;
} 
.accordion-sublink.active {
    border-bottom: none;
}
.accordion-sublink a {
    color: #000000;    
    font-weight: 400;
    padding-left: 40px;
}
.accordion-sublink a:hover,
.accordion-sublink a:focus {
    color: #000000;
    text-decoration: none;
}
.accordion-sublink .number .circle {
    border-radius: 50%;
    border: solid 1px #e0e0e0;
    padding: 2px 9px;
}
.accordion-panel { 
    font-weight: 400;
    padding: 10px 60px 10px 30px !important;
}
.accordion-panel { 
    display: none;
}
.accordion-panel:last-child {    
    border: solid 1px #e0e0e0;
    border-top: none;
}


/* Accordion - Components
-------------------------*/
.accordion-panel div:first-child h4 {
    margin-top: 0;
} 
.accordion-panel h4 {  
    margin-top: 20px;
    font-weight: 700;
}
.accordion-panel span {
    display: inline-block;
}
.accordion-list {
    margin-bottom: 20px;
}
.accordion-list li {
    list-style-type: disc;
}
.accordion-list li span {
    color: #000000;
}
.accordion-footnote span {    
    margin-bottom: 20px;
}


/* Info Box
------------------------*/
#info-box {
    position: relative;
    height: 90px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 5px;
    width: 450px;
    display: flex;
    margin-top: 20px;
}
#info-box .circle {
    flex: 0 1 10%;
    position: inherit;
    left: 20px;
    border: 1px solid grey;
    border-radius: 50%;   
    height: 44px;
    top: 20px;
    padding: 0px 0;
}
#info-box i {
    position: absolute;
    color: #FFFFFF;
    top: 8px;
    left: 9px;
}
#info-box .text-box {
    flex: 1 0 50%;
    padding-left: 80px;
}
#info-box .text-box:before {
    position: absolute;
    content: '\f059';
    top: 5px;
    left: 18px;
    font-family: "fontawesome";
    font-size: 3em;
    color: #cccccc;
}

/* Login page
-------------------------*/
.login-bg .container .row {
    background-size: 100%;
    margin-left: 0%;
    overflow: hidden;  
    max-height: 490px;
}

/* Login Panel
-------------------------*/
#login{
	margin: 0 0 30px 0;
}
#login p.message{
    white-space: initial;
}
#login-Box {
    margin: 18px 44px 12px 44px;
    width: 81%;
    position: relative;
}
#login-Box .btn-alt {
    float: right;
}
#login-Box .panel-heading {
    padding: 10px 50px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#login-Box .panel-heading .panel-title {
    color: #FFFFFF;   
    margin-top: 6px;
    margin-bottom: 6px;
}
#login-Box .panel-heading span {    
    display: block;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 17px;
}
#login-Box .panel-body {
    background-color: rgba(242, 242, 242, 1);
    padding: 30px 60px;
}
#login-Box .panel-body a.forgot-password {
    float: right;
}
#login-Box .panel-body span {
    padding: 0 4%;
    font-weight: 700
}
#login-Box .panel-body .box-bottom {
    padding-top: 16px;
}

/* Info section
-------------------------*/
.info-section {
    padding: 40px;
}
.info-section .welcome {
    padding: 20px 120px 0 100px;
}
.info-section .welcome h2 {    
    font-family: "gobold", sans-serif;
    font-size: 34px;
    font-style: italic;
}
.info-section .welcome p {
    padding-top: 17px;
	line-height: 2em;
	margin: 0;
}

/* Icon Panels
-------------------------*/
.box {
    width: 94%;
}
.box > .icon {
    text-align: center;
    position: relative;
}
.box > .icon > .image {
    position: relative;
    z-index: 1;
    margin: auto;
    width: 88px;
    height: 88px;
    line-height: 88px;
    border-radius: 50%;
    background: green;
    vertical-align: middle;
}
.box > .icon > .image > i {
    position: absolute;
    top: 21px;
    left: 23px;
    font-size: 46px;
    color: #fff;
}
.box > .icon > .info {
    margin-top: -47px;    
    background: #FFFFFF;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 55px 12px 0;
    min-height: 180px;
}
.box > .icon > .info > h3.title {
    font-family: "gobold", sans-serif;
    font-size: 24px;
    font-style: italic;
    color: #222;
    line-height: 36px;
}
.box .space {
    height: 30px;
}
.last-box > .icon > .info {
    padding: 55px 28px 0;
}


/* Panels
-------------------------*/
.panel {    
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.panel .panel-heading {
    padding: 10px;
}
.panel .panel-heading .panel-title {      
    margin-top: 6px;
    margin-bottom: 6px;
}
.panel .panel-heading span {
    color: #000000;
    font-weight: 700;
}
.panel .panel-body {
    padding: 10px;
}
.panel .panel-body a.forgot-password {
    float: right;
}
.panel .panel-body span {
    padding: 20px;
    font-weight: 700
}
.card-panel {
    display: inline-block;
    border: 1px solid #cccccc;
    background: #FFFFFF;    
    border-radius: 4px;
    overflow: hidden;
	width: 100%;
}
.card-panel h3{	
    font-family: 'Calibri';
    font-weight: bold;
    font-size: 18px;    
    margin: 15px;
}

/* Form: Layout
-------------------------*/

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-layout {
    padding: 30px 0 40px;
}
.form-layout .form-group {
    margin-bottom: 20px;
}
.form-layout .form-group label {
    margin-bottom: 4px;
}
.form-layout .form-group span {
    display: block;
    white-space: nowrap;
    margin-bottom: 5px;
}
.form-layout .box-bottom {
    padding-top: 20px;
}
textarea {
    display: block;
}

/* Form: label
-------------------------*/
label {
    font-size: 18px;
    font-weight: 700;   
    /*white-space: nowrap;*/
}
textarea {
    border: solid 1px #e0e0e0;
    border-radius: 4px;
}


/* Form: Inputs
-------------------------*/
.form-control {
    border-color: #dcdcdc;
    border-radius: 4px !important;
    font-size: 18px;
    height: 50px;
}
.form-control:focus {
    border-color: #e0e0e0;
    outline: 0;  
}
.form-select {
    margin-bottom: 24px;
}
.passwordicon {
    position: absolute;
    top: 40px;
    right: 20px;
    cursor: pointer;
}

.input-banking {
    padding: 0 16px;
    margin-right: 15px;
    width: 12% !important;
}


/* Form: Checkbox / Radio Buttons
-------------------------*/
.form-group .ckbox label{
	display: inline;
	padding-left: 10px;
}

/*.ckbox input {
    display: none;
}
.ckbox label {
    cursor: pointer;
    font-weight: 300;
}
.ckbox .icon {
    text-align: center;
    display: inline-block;
}
.ckbox .icon i {
    visibility: hidden;   
    position: absolute;
    left: 23px;
}
.ckbox input:checked + .icon i {
    visibility: visible; 
}
.ckbox input {
    margin: 0 .1em; /* Use something similar to .icon 
}*/
.ckbox .icon {   
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
    font-size: .8em;
    color: #666;
    margin: 0px 4px -3px 0;
    height: 1.3em;
    width: 1.3em;
    padding: 0.15em;
    line-height: 1.1em;
}


/* Dropdown Toggle
-------------------------*/
.dropdown-toggle {
    position: relative;    
    text-align: left;
    width: 240px !important;
}
.dropdown-toggle .caret {
    position: absolute;
    right: 15px;
    top: 20px;
}
.dropdown-toggle::after {
    position: absolute;
    content:'';
    top: 13px;
    right: 16px;
    width: 0;
    height: 0;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.btn-login::after {
    top: 20px;
    right: 0;
} 

/* Dropdown Menu
-------------------------*/
.drop-theme {
    border-radius: 6px;
    border: solid 1px #dddddd;
    padding: 0 10px
}
.dropdown-menu {
    width: 260px;   
    padding: 5px 0 0 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 4px 5px 12px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 4px 5px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li {
    border-bottom: solid 1px #e5e5e5;
}
.dropdown-menu > li:last-child {
    border-bottom: 0;
}
.dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    font-size: 18px;
}


/* Tags
-------------------------*/
.tags a{    
    display:inline-block;
    color:#717171;
    background: #F2F2F2;
    border-radius: 4px !important;
    font-size: 12px;   
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    border-radius:2px;
    margin: 0 0px 6px 0;
    padding: 3px 10px;
}
.tags a:hover{    
    color:#717171;
    text-decoration: none;
}


/* Alerts
-------------------------*/
.alert {
    position: relative;
}
.alert .icon-attention {
    display:table-cell;
    font-size: 2.3em;
    position: absolute;
    top: 13px;;
}
.alert .details {
    margin-left: 7%;
    float: left;
}
.alert .details .alert-title {
    font-weight: 700;
    color: #000000;
}
.alert .details ul {
    margin-left: -4%;
}
.alert .btn {
    float: right;    
    margin-top: 6px;
}


/* Alert - full width
------------------------*/
.alert-wrapper {
    display: inline-block;
    border: solid 2px #CC0033;    
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 14px;
    margin-right: 14px;
    width: 100%;
    overflow: hidden;
}
.alert-wrapper.success {
	border: solid 2px #66CC00;
	background: #E3F7BB;
}
.alert-wrapper.error {
	border: solid 2px #CC0033;
	background: #FED3D3;
}
.alert-wrapper.info {
	border: solid 2px #06A8D7;
	background: #DCF3FA;
}
.alert-wrapper.warning {
	border: solid 2px #FF9900;
	background: #FFEACA;
}
.alert-wrapper.evidence {
	border: solid 2px #CC0033;
	background: #FFFFFF;
}
.alert-wrapper .alert-inner {  
    padding: 10px 0px 10px 80px;
}
.alert-wrapper .alert-inner .title {        
    font-family: 'Calibri';
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #000000;
    line-height: 36px;
    margin-bottom: 5px;
}
.alert-wrapper.evidence .alert-inner .title:before {
    content:'\e800';    
    font-family: "fontello";
    font-size: 2.5em;
    color: #000000;
    color: #CC0033;
}
.alert-wrapper .alert-inner .title:before {
	position: absolute;
	top: 18px;
    left: 20px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.5em;
}
.alert-wrapper.message .alert-inner .title:before {	
	top: 4px;    		
}
.alert-wrapper.success .alert-inner .title:before {
	content:'\f058';
	color: #66CC00;
}
.alert-wrapper.info .alert-inner .title:before {
	content:'\f05a';
	color: #06A8D7;
}
.alert-wrapper.warning .alert-inner .title:before {
	content:'\f071';
	color: #FF9900;
}
.alert-wrapper.error .alert-inner .title:before {
	content:'\f071';
	color: #CC0033;
}
   
.alert-wrapper .alert-inner .description ul {
    padding-left: 20px;
}
.alert-wrapper .alert-inner .description ul li {
    color: #CC0033;
    font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    margin-top: 10px;    
}
.alert-wrapper .btn {
    transform: translate(140%,50%);
}



/* Tables
-------------------------*/
.table-slab {
    border: solid 1px #ccc;
    background-color: #FFFFFF;    
}
.table-slab > thead,
.table-slab > tbody {
    font-weight: 400;
}
.table-slab > thead > tr > th, .table-slab > tbody > tr > th, 
.table-slab > tfoot > tr > th, .table-slab > thead > tr > td, 
.table-slab > tbody > tr > td, .table-slab > tfoot > tr > td {
    padding: 14px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.table-slab a {
    cursor: pointer;
}
td[data-title="Update"] {
    text-align: center;  
}

.table-slab .visit-type {
    width: 11%;
}
.table-slab .scheme {
    width: 20%;
}
.table-slab .visit-date {
    width: 9%;
    text-align: right;
}
.table-slab .visit-time {
    width: 8%;
    text-align: right;
}
.table-slab .assessor {
    width: 15%;
}

.table-slab .outcome {
    width: 40%;
}
th.date, td.date {
    width: 10%;
    text-align: right;
}
th.price, td.price {
	width: 10%;
	text-align: right;
}
th.select, td.select, th.pdf, td.pdf {
	text-align: center;
	width: 50px;
}

/* Table: Dropdown button
-------------------------*/
.table-slab .dropdown {
    text-align: center;
}
.table-slab .dropdown-toggle {
    padding: 6px 40px;
    width: 140px !important;
    font-size: 14px;
}
.table-slab .dropdown-toggle .caret {
    top: 14px;
}
.table-slab .dropdown-menu {  
    min-width: 140px;
    width: 140px;
    left: 12px;
}
.table-slab .dropdown-menu > li > a {
    font-size: .9em;
}

/* Table: Sorting
------------------------*/
.toggle-sort::after {
    position: relative;
    content:'';    
    right: -5px;
    width: 0;
    height: 0;    
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.descending.toggle-sort::after{
    top: 13px;
    border-top: 4px dashed;
    border-top: 4px solid \9;
}
.ascending.toggle-sort::after{
    bottom: 11px;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}
/* Footer
-------------------------*/
.top-bottom {
    border-top: solid 1px #FFFFFF;
    padding-top: 6px;
    margin: 0;    
}
.site-footer {
    padding: 10px 0;
    height: 218px;
}
.site-footer a {
    color: #FFFFFF;}
.site-footer a:hover {
    color: #FFFFFF; }

.site-footer span {
    color: #FFFFFF;
    font-size: 0.8em;
    cursor: default;
}
.site-footer-bottom {
    clear: none;
    padding-left: 0;
}
.site-footer-bottom .copyright-left {
    float: left;
}
.site-footer-bottom .copyright-right span {
    padding-left: 93px;
}
.site-footer span.label{
    padding-top: 20px;    
}

/* Footer - Web links
-------------------------*/
.weblinks {
    padding: 5px 0 30px 0;
}
.weblinks li {
    list-style: none;
}


/* Footer - Social icons
-------------------------*/
.social-links {
    margin-bottom: 0;
    padding-left: 0;
    float: right;
    margin-right: -10px;
}
.social-links li {
    list-style: none;
    display: inline;
    padding: 0 10px;
}
.social-links li:first-child {    
    padding: 0 10px 0 0;
}
.social-links li > a {
    font-size: 22px;
    padding-top: 5px;
}
.social-links li > a:hover,
.social-links li > a:focus {
    text-decoration: none;
}

/* Footer - Scheme
-------------------------*/
.scheme-block {
    border: solid 1px #FFFFFF;
    border-radius: 6px;
    min-height: 104px;
    margin-top: 20px;
    width: 100%;
}
.scheme-block h2 {
    color: #FFFFFF;
    margin-top: 0;
}
.scheme-block a,
.scheme-block span {
    color: #FFFFFF;
    font-size: 1em;    
}
.scheme-item {
    display: inline-block;
    margin-top: 20px;
}
.scheme-item img {
    width: 50%;
}
.scheme-item-long {   
    display: inline-block; 
    padding: 20px;
    width: 100%;
}

.powered-by {
    margin-top: 20px;
}

/* Dashboard - components
-------------------------*/
#dashboard {
    margin: 30px 0 80px 0;
}
/*.small-title {
    font-family: 'Calibri';
    font-weight: 400;
    font-size: 20px;    
    margin-bottom: 20px;
}*/

/* Dashboard - News panel
-------------------------*/
.news-panel {
    border-radius: 6px;
    padding: 12px 0 22px;
	height: 591px;
	overflow: hidden;
}
.news-panel .panel-heading {    
    border-bottom: solid 1px #FFFFFF;
    padding: 2px 20px 13px;
}
.news-panel .panel-heading h2 {
    color: #FFFFFF;
    font-family: 'Calibri';
    font-weight: 400;
    font-size: 18px;
    margin-top: 0;    
    margin-bottom: 0;
}
.news-panel .panel-body {
    padding: 10px 20px;
}
.news-panel .panel-body .panel-item {
    padding: 10px 0;
    border-bottom: solid 1px #FFFFFF;
}
.news-panel .panel-body .panel-item a {
    color: #FFFFFF;
    font-weight: 700;
}
.news-panel .panel-body .panel-item p {
    color: #FFFFFF;    
    margin: 10px 0;
}
.news-panel .panel-body .panel-item time {
    color: #FFFFFF;
    display: block;
    margin: 20px 0 3px;    
}
.news-panel .panel-body .panel-item:last-child {
    border-bottom: none;
}


/* Dashboard - Cards
-------------------------*/
#dashboard .card-panel{
	margin-bottom: 14px;    
    height: 188px;
	padding: 10px;
}
#dashboard .panel-container{
    font-size: 0;
}
.card-panel .card-panel-inner {
    margin-top: 15px;
}
.card-panel .card-panel-inner:hover,
.card-panel .card-panel-inner:focus {
    text-decoration: none;
    cursor: pointer;
}
.card-panel .card-panel-inner:first-child  {
    margin-top: 0;
}
.panel-imgBox, .panel-info {
    display: inline-block;
    vertical-align: top; 
}
.panel-imgBox {    
    width: 40%;
    padding: 10px 0;
}
.panel-info {    
    width: 50%;
    padding: 20px
}

.panel-imgBox img{
    max-width: 100%;
}

.card-panel .card-panel-inner .panel-info .title {        
    font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #000000;
    line-height: 36px;
    margin-bottom: 10px;
}
.card-panel .card-panel-inner .panel-info .description {
    font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #3F3F3F;
}
.card-panel .card-panel-inner .panel-imgBox .profile-img {
    background: white;
}
.card-panel .card-panel-inner .panel-imgBox .img-certificate {
    background: white;
    margin-left: 20px
}
.card-panel .card-panel-inner .panel-imgBox .dashboard-Acm {
    background: white;
    width: 118%;
}
.card-panel .card-panel-inner .panel-imgBox-alt .img-certificate {
    width: 99%;
}
.card-panel .card-panel-inner .panel-imgBox-alt {
    display: inline-block;
    vertical-align: top;
    background: white;
    padding: 0 0 0 6px;
    width: 40%;
}
#dashboard .card-panel .card-panel-inner .panel-info .title {        
    font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    font-size: 33px;
    color: #000000;
    line-height: 36px;
    margin-bottom: 10px;
}
#dashboard .card-panel .card-panel-inner .panel-info .description {
    font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #3F3F3F;
}
#dashboard .card-panel .card-panel-inner .panel-info .description.count{        
    font-size: 57px;
    text-align: center;
}
/*.download-panels .card-panel {
    width: 32.4555%;
}*/
.download-panels .card-panel:nth-child(3n) {
    margin-right: 0;
}





.card-panel-long {
    display: inline-block;
    border: 1px solid #cccccc;
    background: #FFFFFF;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 14px;
    margin-right: 14px;
    height: 150px;
    width: 100%;
    overflow: hidden;
}
.card-panel-long .btn {
    position: absolute;
    left: 25%;
    top: 50%;
    transform: translateY(110%);
}
.card-panel-long .card-panel-inner {  
    padding: 10px 0px 10px 30px;
}
.card-panel-long .card-panel-inner .title {        
    font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #000000;
    line-height: 36px;
    margin-bottom: 5px;
}
.card-panel-long .card-panel-inner .title:before {
    content:'\f15b';
    top: 13px;
    left: 10px;
    font-family: "fontawesome";
    font-size: 1.2em;
    color: #000000;
    position: absolute;
}
.card-panel-long .card-panel-inner .description {
    font-family: 'Calibri';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #3F3F3F;
    margin-top: 10px;
}
.card-panel-long .card-panel-inner .description p {
    margin-bottom: 0;
}
.card-panel-long .card-panel-inner .meta-block .meta-tags {
    display: inline-block;
    font-size: 0.7em;
}
.card-panel-long .card-panel-inner .meta-block .meta-tags ul {
    display: inline-flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0px;
}
.card-panel-long .card-panel-inner .meta-block .meta-tags ul.category {
    padding-left: 5px;
}
.card-panel-long .card-panel-inner .meta-block .meta-tags ul.tags {

}
.card-panel-long .card-panel-inner .meta-block .meta-tags ul li {
    margin-right: 6px;
}
.card-panel-long .card-panel-inner .meta-block .meta-tags ul li a:hover,
.card-panel-long .card-panel-inner .meta-block .meta-tags ul li a:focus {
    text-decoration: none
}
.card-panel-long .card-panel-inner .meta-block .meta-tags ul li:last-child {    
    margin-right: 10px;
}
.card-panel-long .card-panel-inner .meta-block .meta-tags ul li a {
    background-color: #F2F2F2;
    padding: 5px;
    font-size: 1em;
    color: #000000;
    margin-right: 5px;
    border-radius: 6px;
}
.card-panel-long .card-panel-inner .meta-block .meta-tags ul li a {
    background-color: #F2F2F2;
    padding: 5px;
    font-size: 1em;
    color: #000000;
    margin-right: 5px;
    border-radius: 6px;
    word-wrap: break-word;
    text-align: center;
    line-height: normal;
}




/* Add contact
-------------------------*/
#addContact,
#editContact{
    margin-left: -15px;
}






/* Application - components
-------------------------*/
#app-progress {
    margin: 50px 0 80px 0;
}
.app-name {
    font-size: 28px;
    font-weight: 400;   
    margin-top: -10px;
    margin-bottom: 20px;
}
.completion-row {
    position: relative;
    padding: 28px 0;
    cursor: default;
    max-height: 72px;
}
.number {
    display: inline-block;    
}

.typelabel {
    width: 72%;
    padding-left: 72px;
}
.status {
    text-align: left;
}
.completion-row .status .btn{
	position: relative;
	top: -13px;
}

/* Circle with number
-------------------------*/
.number .circle {
    border-radius: 50%;
    border: solid 1px #e0e0e0;
    background-color: transparent;
    color: #CC0033;
    padding: 14px 20px;
}


/* Circle with checkmark
-------------------------*/
.checked {
    position: absolute;
    background-color: #009933;
    border-radius: 50%;
    top: 18px;
    right: 16px;
    padding: 0px 4px;
}
.checked i {
    font-size: 0.7em;
    color: #FFFFFF;
}


/* Application - progress
-------------------------*/
.progress-title {
    margin-top: 10px;
}

.progress-title .small-title {
    margin-bottom: 10px;
}
.progress {
/*    position: absolute;   */
    height: 200px;
    width: 160px;
    margin: -20px 0 0 40px;
}
#circle {
    margin: 10px;
}
.prog-circle .slice {
    position: absolute;
    width: 1.3em;
    height: 1.3em;
    clip: rect(0em, 1em, 1em, 0.5em);
}
.prog-circle .slice.clipauto {
    clip : rect(auto, auto, auto, auto);
}
.prog-circle .fill, .prog-circle .bar {
    position: absolute;
    border: 0.08em solid transparent;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, .5em, 1em, 0em);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
}
.prog-circle {
    position: relative;
    font-size: 120px;
    width: 1.3em;
    height: 1.3em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: rgba(204, 0, 51, 0.1);
}
.prog-circle .percenttext {
    position: absolute;
    width: 100%;
    height: 1em;
    z-index: 1;
    margin : auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.3em;
    color: #000000;
    display: block;
    text-align: center;
    white-space: nowrap;
    line-height: 100%;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.prog-circle .after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: "";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #FFFFFF;
    width: 0.84em;
    height: 0.84em;
}
.progress-notification {
    margin-top: 20px;
}
.progress-notification span {  
    display: block;
    font-size: 18px;
    text-align: center;   
    font-weight: 400;
}
.progress-notification span.title {
    font-family: 'Calibri';
    font-weight: 400;
    font-size: 20px;
    margin: 10px 0; 
}

.requestchg-companyName {
    margin-bottom: 20px;
}
.requestchg-content {
    margin-bottom: 30px;
}
.requestchg-content span {
    display: block;
}
#app-progress div.documents{
	margin-right: 0px;
}
/* Secure payment
-------------------------*/
.requestchg-companyName .change-link a {    
    top: 55px;
}

#billingAddress {
    margin-top: 40px;
}
#payDetails {
    padding: 0;
}
#paymentBlock {
    padding: 0 0 50px 0;
}
#paymentBlock .pay-amount,
#paymentBlock .pay-buttons {
    display: inline-block;
}
.pay-amount {
    margin-right: 20px;
}
.pay-amount label {   
    display: block;
    padding-top: 10px;
}
.pay-buttons button {
    margin: -30px 0 0 0;
}
.pay-buttons button:first-child {
    margin: -30px 10px 0 10px;
}



/* Assessment visit tables
-------------------------*/
.table-header h3 {
    margin-top: 14px;
}
.table-header .btn {
    margin-bottom: 20px;    
}



/* Pagination
-------------------------*/
.form-error-box {
    width: 50%;
}
.form-error-box .error-title {
    font-weight: 700;
}
.form-error-box:before {
    position: relative;
    content: '\e800';
    top: 3px;
    left: 0;
    font-family: "fontello";
    font-size: 1.3em;
    color: #f00;
}
.form-error-box .error-message {
    background-color: #fed3d3;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 4px 10px;
    width: 65%;
    white-space: nowrap;
    margin-left: 28px;
}


#errorModal .modal-dialog {
    background-color: white;
    border: 1px solid #f00;
    border-radius: 6px;
    width: 800px;
    margin: auto;
    z-index: 10;
    position: absolute;
    top: 60%;
    left: 30%;
    padding: 60px;
}
.error-overlay {
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    min-height: 100%;    
}



/* Buttons
-------------------------*/
.btn {
    padding: 11px 20px;
    width: 172px;
    font-size: 18px;
	height: 50px;
}
a.btn, .upload-form .btn span {
	line-height: 1.8em;
}
.btn-alt {
    background-color: #FFFFFF;
    color: #000000;
}
.btn-alt:hover,
.btn-alt:focus {

}  
.btn-small {
    width: 144px;
}
.btn-lg,
.pageHeader a.btn-lg {
    width: 200px;
	line-height: 1.8em !important;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    width: 142px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.btn-primary input[type="file"] {
    position: fixed;
    top: -1000px;
}

#search {
    margin-bottom: 10px;
}
.btn-search {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;   
    padding: 10px 20px;
    width: 60px !important;
}
.input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
}
.input-search {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; 
    height: 50px !important; 
}

.searchResults-header {
    padding: 30px 0;
    clear: both;
}
.searchResults-header .left {
    float: left;
    padding-bottom: 20px;
}
.searchResults-header .right {
    float: right;
    padding-bottom: 20px;
}


/* Replce Contact
------------------------*/
.form-layout .form-group .rep-selected-user {
    margin-bottom: 40px;
}

/* Mobile navigation menu
-------------------------*/
.nav-mobile {
    position: fixed;
    bottom: 0;
    background-color: #000000; 
    border-top: solid 1px #F2F2F2;;
    width: 100%;
    z-index: 2;
}
.nav-mobile ul,
.nav-mobile-overlay ul {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
}
.nav-mobile li,
.nav-mobile-overlay li {
    list-style: none;
    flex: 1 1 100%;
    text-align: center;
    padding: 14px 14px 10px 14px;
}
.nav-mobile li a,
.nav-mobile-overlay li a{    
    color: #FFFFFF !important;
    font-size: 0.8em;
}
.nav-mobile li a:hover,
.nav-mobile li a:focus,
.nav-mobile-overlay li a:hover,
.nav-mobile-overlay li a:focus {  
    text-decoration: none;
}
.nav-mobile li a i,
.nav-mobile-overlay li a i {
    display: block;
    font-size: 2em;
}

.nav-mobile-overlay {
    position: fixed;
    transform: translateY(130%);
    transition-timing-function: ease-in;
    transition: 0.2s;
    z-index: 1;
    transition: z-index 0.9s step-start;
}
.nav-mobile-overlay.active { 
    background-color: #CC0033; 
    width: 100%;
    z-index: 2;    
    transition: z-index 0.9s step-end;
}
.nav-mobile-overlay.active:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid #CC0033;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
}


/* Assessment visit details
----------------------------*/
.segment {
    padding-bottom: 0;

}
.back-link {
    position: relative;
    margin-bottom: 20px
}
.back-link a {
    padding-left: 23px;
}
.back-link a:hover:before,
.back-link a:focus:before {
    text-decoration: none;
}
.back-link a:before {
    position: absolute;
    content: '\f100';
    top: -9px; left:0;
    font-size: 1.6em;
    font-family: "fontello";
}
#scheme-detail h2 {
    margin-top: 0;    
    margin-bottom: 0;
    font-weight: 700;
}
#tech-assessed span,
#assement-location span {
    display: block;
    padding-bottom: 5px;
}
#assessor-tbl .table > thead > tr > th,
#assessor-tbl tbody > tr > td {
    border: none;
}
#assessor-tbl .table > thead > tr > th {
    font-weight: 700;
}
#assessor-tbl tbody > tr > td {
    font-weight: 400;
}
#assessor-tbl > th,
#assessor-tbl > td {
    text-align: left;
}
#assessor-tbl .completed {
    text-align: left;
}
#assement-location {
    margin-bottom: 20px;
}
#assement-location .label {
    margin-bottom: 20px;
}
.location-map{
	text-align: right;
	height: 280px;
}

/* Document table
-------------------*/
#documents-tbl {
    margin-top: 10px;
}
.table-slab .document {
    width: 73%;
    padding: 10px 14px;
    line-height: 2;
}
.table-slab .lastUpdated {    
    width: 15%;
    text-align: right;
    padding: 10px 14px;
    line-height: 2;
}
.table-slab .actions {    
    width: 12%;
    text-align: right;
    padding: 10px 14px;
    line-height: 2;
}

.actions .dropdown .dropdown-toggle {
    padding: 10px 40px 10px 26px
}
.actions .dropdown .dropdown-toggle:after{
    top: 17px;
    right: 16px;
}


/* Tab panel menu
-----------------------------*/
.nav-tabs {
    border-bottom: 2px solid #DDD;

}
.nav-tabs > li:first-of-type > a {
    padding: 10px 10px 10px 0;
}

.nav-tabs > li.active > a:first-child,
.nav-tabs > li.active > a:first-child:focus,
.nav-tabs > li.active > a:first-child:hover {    
    margin: 0 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-width: 0;
    margin: 0 25px;
}

.nav-tabs > li > a {
    border: none;
    color: #666;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
    border: none;
    font-weight: 700 !important;
    background: transparent;
}

.nav-tabs > li > a::before {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}
.nav-tabs > li > a::after {
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.nav-tabs > li.active > a::after,
.nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 15px 0;
}

.tab-content {
    padding: 20px 0;
}




/* AC Management
-----------------------------*/
.standard-main {
    margin: 12px 0px 60px 0px;
}
.alternate-main {
    margin: 30px 0 0px 0;
}
.acManagement {
    margin-top: 20px;
}
.company-title, .sap-ac {
    margin-bottom: 30px;
}
.company-title span {
    font-size: 1.15em;
    font-weight: 700;
}
#ac_reqChng .btn {
    margin: 25px 0;
}
.table-branch-user > tbody > tr > td:nth-child(2) {
    text-align: center;
}
.table-branch-user > tbody > tr > td:nth-child(7) {
    padding: 10px 0;
}


#branch-contacts section {
    margin-bottom: 60px;
}
.acManagement .table-slab {
    margin-bottom: 24px;
}

#companydetails section {
    margin-bottom: 10px;
}
#schemes .company-title,
#chnglog .company-title {
    margin: 0 0 34px 0;
}

#ac_reqChng {
    margin-top: 10px;
}

main.companyDetails .label:not(form) {
    margin-bottom: 10px;
}

div.dropdown button{
	height: 30px;
}

/* Data table attr changes
---------------------------*/
td[data-title="Changes"] {
    color: #CC0033;
}

.column-small {    
    width: 16%;
    text-align: right;
}



/* Downloads
------------------------*/
#downloads .text-header:not(#search) {
    margin-bottom: 20px;
}
#downloads .small-title:not(#search) {
    margin-bottom: 6px;
}
#downloads .card-panel{
	min-height: 174px;
}
#downloads .panel-imgBox{
    padding: 10px 0 !important;
}
#downloads .title{
    line-height: 22px;
    margin-bottom: 10px;
}
#downloads .panel-container {
    font-size: 0;
    margin-bottom: 15px;
}
#downloads .panel-imgBox, #downloads .panel-info {
    display: inline-block;    
}
#downloads .card-panel .card-panel-inner .panel-imgBox-alt {
    display: inline-block;        
}
#downloads .panel-imgBox img{
    max-width: 100%;
}

.filter-tags label{
    display: block;
}
.filter-tags ul {
    display: inline-bock;
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.filter-tags ul li {
    margin-right: 10px;
    margin-bottom: 15px;
    float: left;
}

.filter-tags ul li a:hover,
.filter-tags ul li a:focus {
    text-decoration: none
}

.filter-tags ul li a {
    background-color: #CC0033;
    padding: 5px;
    font-size: 1em;
    color: #FFFFFF;
    margin-right: 5px;
    border-radius: 6px;
    text-align: center;
    line-height: normal;
}
.filter-tags ul li a:hover,
.filter-tags ul li a.selected{
    background-color: #000000;
}

/* Technical support
-----------------------*/
#support {
    margin: 70px 0;
}
.support-block {
    background-color: #333333;
    padding: 18px 35px 58px 35px;
    border-radius: 6px;   
    margin-bottom: 20px;
}
.support-search {
    padding-bottom: 65px;
    border-bottom: solid 1px #FFFFFF;
    margin-bottom: 45px;
}
.support-search h3.small-title {
    color: #FFFFFF;
}
.support-contact {
    min-height: 1px;
}
.support-contact .label {
    color: #FFFFFF;
    font-weight: 400;
    white-space: normal;
    margin-bottom: 10px;
    white-space: nowrap;
}
.support-contact .btn-block {
    width: 100%;
}
#support .card-panel {
	min-height: 155px;
}
#support .panel-container{
	font-size: 0;
	margin-bottom: 15px;
}
#support .panel-imgBox{
	padding: 10px !important;
}
#support .panel-imgBox .profile-img{
    max-width: 100%;
}
#support .tech-support-contact .card-panel{
	min-height: 130px;
}
#support .tech-support-contact .card-panel .title{
	line-height: 50px;
}
#support .tech-support-contact .card-panel-inner{
	font-size: 20px; 	
    padding: 45px 0;    
}
#support .tech-support-contact .card-panel-inner a{
	line-height: 1.3em;
}
#support .tech-support-contact .card-panel-inner .pull-right{
	text-align: right;
}
#support .panel-imgBox, #support .panel-info {
    display: inline-block;    
}
#support .card-panel .card-panel-inner .panel-imgBox-alt {
    display: inline-block;        
}
/* Equal heights
-----------------------------*/
.equal-height {
    display: table;
}
.equal-height > [class*="col-"] {
    display: table-cell;
}

address {
    white-space: pre-line;
    text-align: left;
    font-weight: 400;
    margin-top: -25px;
}


.department-lines {
    border-top: solid 1px #ccc;
    padding-top: 30px;
}
.dept-block {    
    list-style-type: none;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    list-style-position: inside;
    padding-left: 0;
}
.dept-block li {    
    float:left;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    width: 85%;
}
.dept-block li:first-child h1 {    
    margin-top: 0;
}
.dept-block li:nth-child(even){
    margin-right:0;
}
.dept-block h1 {
    font-size: 1em;
    font-family: inherit;
    font-style: normal;
    font-weight: 700;
}
.dept-block > span {
    display: block;

}
.dept-block .dept-text {
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px;
}
.dept-block span:before { 
    content: '\e803';
    top: -8px;
    left: -2px;
    font-size: 1.2em;
    font-family: "fontello";
    color: #CC0033;
}
.dept-block span a {   
    padding-left: 10px;
    font-size: 1.2em;
    color: #000;
}

.maintenance-box {
    background-color: rgba(254, 211, 211, 1);
    border: solid 1px #CC0033;
    padding: 50px 22% 50px 30%;
    border-radius: 6px;
    margin: 50px 0 20px;
}
.maintenance-box:before {
    position: absolute;
    content: '\e800';
    top: 82px;
    left: 20%;
    font-size: 6em;
    font-family: "fontello";
    color: #CC0033;
}
.maintenance-box p {
    font-size: 1.3em;
    font-weight: 400;
}


/* PopOver
------------------*/
.qMarker + .popover {
    top: 23px !important;
}
.popover {    
    background-color: #ffffff;
    border: solid 1px #dcdcdc;
    border-radius: 6px;
    box-shadow: 5px 5px 5px #eeeeee;
    width: 243px;    
    display: block;
    position: absolute;
}
.popover:before {
    position: absolute;
    content: '';
    top: 13px;
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 9px 8px 0;
    border-color: transparent #dcdcdc transparent transparent;  
}
.popover:after {
    position: absolute;
    content: '';
    top: 14px;
    left: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 9px 7px 0;
    border-color: transparent #ffffff transparent transparent;  
}
.popover .popover-title {       
    color: #0a0a0a;
    font-size: 20px;
}
.popover .popover-content {       
    color: #3a3a3a;
    padding: 14px;
}

/* Input error & success states
----------------------------------*/
input.success {
    border-color: rgb(0, 153, 51);
}
input.error, 
select.error,
textarea.error {
    border-color: rgb(255, 0, 0);
} 
p.message {
	border-radius: 4px;   
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 4px 10px;
    width: 100%; 
    white-space: nowrap;
}
p.error {
    background-color: #fed3d3;       
}
p.success {
	background-color: #daf7a6;       
}
p.info {
	background-color: #5dade2;       
}
p.warning {
	background-color: #f39c12;       
}
/*
p.error {
    background-color: #fed3d3;   
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 10px;
    width: 100%; 
}
*/
.error-list {
    float: right;
}
.error-list:before {
    position: relative;
    content: '\e800';
    top: 3px;
    left: -3px;
    font-family: "fontello";
    font-size: 1.3em;
    color: #f00;
}
.error-list .error-title {
    font-weight: 700;
}
.error-list ul {
    padding-left: 46px;
}
.error-list ul > li:first-child {
    margin-top: 10px;
} 
.error-list ul > li {
    color: #f00;
}


/* Circular progress bar
------------------------------*/
#progressBar {
    width: 160px;
    height: 160px;
    position: relative;
}
.progressbar-text {
    font-size: 3.5rem !important;
}


.success-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}


/* 404 Error message
------------------------------*/
#block_error{
    position: relative;
    height: 400px;
    width: 50%;
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    transform: translate(50%,50%);
}
#block_error div{
    padding: 100px 40px 0 186px;
}
#block_error h2{
    color: #218bdc;
    font-size: 24px;
    display: block;
    padding: 0 0 14px 0;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 12px;
    font-weight: normal;
}

#block_error:before {
    position:  absolute;
    content:'\f05a';
    top: 0px;
    left: -40px;
    font-size: 13em;
    font-family: "fontawesome";
    color: #cccccc;
}

.app-progress-check-title, .changes-title {
    margin: 25px 0;
}

/* Google map box
------------------*/
#map {
    height: 200px;
    width: 61%;
    border: solid 1px #000;
    transform: translate(10%,34%);
}
context {
    display: none;
}

/* Billing 
-----------------*/
#billing {
	margin-top: 30px;
}
#billing .card-panel{
	margin-bottom: 14px;    
    height: 170px;
}
#billing .card-panel h4{
	padding: 10px;
	margin: 0px;    
}
#billing .card-panel header{
	border-bottom: 1px solid #CC0033;
}
#billing .card-panel.overdue button{
	position: relative;
	top: 35px;
}
#billing .card-panel.download-history button{
	position: relative;
	top: 10px;
}
#billing .card-panel.download-history span{
	display: block;
	text-align: center;
	line-height: 50px;
}
#billing input[type=date]{
    font-size: 14px;
    padding: 12px 3px;
}
#billing .card-panel-body{
	padding: 10px;
}
#billing td.balance-label{
	width: 11%;
	font-weight: bold;
	font-size:	17px;
}
#billing td.balance-price{
	text-align: right;	
	width: 11%;
}
#billing div.btn-container{
	text-align: right;
}
#billing .total-to-pay .card-panel{
    height: 85px;
    padding-top: 15px;
    background-color: #F2F2F2;
}
#billing div.total-to-pay span.label{
	display: inline;
}
#billing #account-history .search-options{
	text-align: right;
}
#billing #account-history .search-options input{
	border-color: #dcdcdc;      
    height: 50px;	
	width: 150px;    
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -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;
	vertical-align: middle;
}
#billing #account-history .search-options span{
	margin: 0 20px;
	vertical-align: middle;
}

/* Meet the Team
-----------------*/
#meet-the-team .card-panel{
	padding: 20px 5px;
	margin-bottom: 20px;
}
#meet-the-team .info{
	padding: 20px 0 0 5px;
}
#meet-the-team header{
	margin-bottom: 20px;
}
#meet-the-team .name{
	font-weight: bold;	
}
#meet-the-team .card-panel img{
    max-width: 100%;
}

/* Modal Box
-----------------*/
.modal{
    padding:0;
    z-index:11;
    box-sizing:border-box;    
    position: fixed;
    top: 40%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translate(-50%,-50%);
    box-shadow: 0 .4rem .8rem 0 #808080;
    background:#fff;    
    border-radius:.5rem;
    font-size:1.6rem;  
}
.modal .close-contain{
        /*background:@secondary-theme;*/
        background: #3F3F3F;
        text-align:right;
        width:100%;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
}
.modal .close{
    margin:0;
    border-radius:0;
    /*border-top-right-radius:5px;   */ 
}
.modal .close.btn{
    width: 35px;
    height: 40px;
}
.modal .close.btn:hover{
    background-color: #CC0033;    
    border-color: #CC0033; 
    color: #000000;
} 
.modal-content{
    padding:2rem;
}
.modal-content textarea{
    height: 200px;
    width: 500px;
    border: none;
}
.modal-content textarea:disabled{
    background-color: white;
}
.overlay{
    z-index:10;
    background:rgba(0, 0, 0, 0.5);
    position:fixed;
    width:100%;
    height:100%;
    top:0;
}

/* Other Services
-----------------*/
#other-services .title{
    line-height: 22px;
    margin-bottom: 10px;
}
#other-services .card-panel {
	min-height: 173px;
}
#other-services .panel-info{
    padding-right: 18px;
}
#other-services .panel-container{
	font-size: 0;
	margin-bottom: 15px;
}
#other-services .panel-imgBox{
	padding: 10px !important;
}
#other-services .panel-imgBox, #other-services .panel-info {
    display: inline-block;    
}
#other-services .card-panel .card-panel-inner .panel-imgBox-alt {
    display: inline-block;        
}
#other-services .panel-imgBox .profile-img{
    max-width: 100%;
}
#other-services .panel-info, #other-services .panel-imgBox{
    width: 50%;        
}
.payment-pending{color:#CC0033}