/**********************
 * Author: Les Creatives Sthlm AB
 * Copyright © 2013
 **********************/

/*
@import url('bootstrap/bootstrap-select.min.css');
@import url('bootstrap/bootstrap.min.css');
@import url('bootstrap/bootstrap-theme.min.css');
@import url('dataTables/dataTables.bootstrap.css');
@import url('datepicker/datepicker3.css');

@import url('font-awesome/css/font-awesome.min.css');
*/

/*
red: #d01717;
red dark: #af0e0e;
*/
body {font-size: 13px;line-height: 1.42em; font-family: arial; }
#wrapper {position:relative; display:block; margin:0; padding: 0; max-width: 1170px; background:#fff;}

/**********************
* login 
**********************/
#login {background:#fff;margin:0;padding:0}
#login .wrapper { position:relative; width:300px; margin:0px auto; padding:20px 10px; color:#333;}
#login .wrapper.form { margin:100px auto 0; padding:20px; border:1px solid #d01717; border-radius: 5px}
#login a {color:#d01717}

#login.blue .wrapper.form { margin:100px auto 0; padding:20px; border:1px solid #32a3b1; border-radius: 5px}
#login.blue a {color:#32a3b1}


/**********************
 * Navigation 
 **********************/
nav { position:fixed; display:block; margin:0; padding:0; width:190px; height:100%; overflow-y:auto; z-index:100; background: transparent url('../files/images/nav-bg.png') 0 0 repeat-y}
.blue nav { position:fixed; display:block; margin:0; padding:0; width:190px; height:100%; overflow-y:auto; z-index:100; background: transparent url('../files/images/nav-bg-blue.png') 0 0 repeat-y}

/* Sidebar1 */
.sidebar1 {position: absolute; display: block; top:0; left:0; width: 50px; height:100%; margin:0; padding:0; list-style: none;}
.sidebar1 li { min-height:47px; border-bottom:1px #890606 solid;}
.blue .sidebar1 li { min-height:47px; border-bottom:1px #23848f solid;}
.sidebar1 li.first {display:block; height:90px;}
.sidebar1 li a { position:relative; display:block; margin:0; padding:10px 5px; min-height:40px; color:#666; text-decoration:none; text-align:center;}
.sidebar1 li .glyphicon {color:#fff;}
.sidebar1 li.active {background:#f4f4f4; color:#333;}
.sidebar1 li.active .glyphicon {color:#890606;}
.blue .sidebar1 li.active .glyphicon {color:#23848f;}
.sidebar1 li:hover:not(.first):not(.active) { background:#af0e0e;}
.blue .sidebar1 li:hover:not(.first):not(.active) { background:#23848f;}
.sidebar1 li a.icon {width:100%; height:100%; min-height:47px; background: transparent url('../files/images/assets.png') 0 0 no-repeat}
.blue .sidebar1 li a.icon {width:100%; height:100%; min-height:47px; background: transparent url('../files/images/assets-blue.png') 0 0 no-repeat}

/* icon */
.sidebar1 li a.icon.customer {background-position: 0px 0px;}
.sidebar1 li.active .icon.customer {background-position: 0px -50px;}
.sidebar1 li a.icon.home {background-position: -50px 0px;}
.sidebar1 li.active .icon.home {background-position: -50px -50px;}
.sidebar1 li a.icon.cog {background-position: -100px 0px;}
.sidebar1 li.active .icon.cog {background-position: -100px -50px;}


.sidebar1 li a.nav-letter { font-size: 20px; font-weight: 400; color:#fff; padding:0 auto;}
.sidebar1 li div.nav-subtxt { position:relative; display:block; margin:0 -15px -5px -15px; padding:0; font-size: 9px; font-weight:normal; color:#fff; text-align:center; opacity:0.3;}
.sidebar1 li a.nav-letter:hover div.nav-subtxt { opacity:1;}

.sidebar1 li.active a.nav-letter {color:#890606;}
.blue .sidebar1 li.active a.nav-letter {color:#23848f;}
.sidebar1 li.active div.nav-subtxt {position:relative; display:block; margin:0 -15px -5px -15px; padding:0; color:#890606; opacity:1;}
.blue .sidebar1 li.active div.nav-subtxt {position:relative; display:block; margin:0 -15px -5px -15px; padding:0; color:#23848f; opacity:1;}


/* Sidebar2 */
.sidebar2 {position: absolute; display: block; top:0; left:50px; width: 140px; height:100%; margin:0; padding: 10px 15px; list-style: none; }
.sidebar2 li {position:relative;min-height:40px; border-bottom:1px #ccc solid; font-size:0.9em;}
.sidebar2 li a { position:relative; display:block; padding:10px 20px 10px 0;  margin:0; color:#666; text-decoration:none;}
.sidebar2 li.logo {border-bottom:none;}
.sidebar2 li.logo a {display:block; width:100px; height:80px; background: transparent url('../files/images/logo-app.png') 0 0 no-repeat}
.sidebar2 li.first { min-height:20px; padding:0 0 5px 0;}
.sidebar2 li span {position:absolute; top:13px; right:0; width: 20px; height:20px;} 
.sidebar2 li a:hover {color:#af0e0e;}
.sidebar2 li:hover:not(.logo):not(.first) a { color:#af0e0e;}
.sidebar2 li.active, .sidebar2 li.active a { color:#af0e0e;}
.blue .sidebar2 li a:hover {color:#23848f;}
.blue .sidebar2 li:hover:not(.logo):not(.first) a { color:#23848f;}
.blue .sidebar2 li.active, .blue .sidebar2 li.active a { color:#23848f;}



/**********************
 * Top Main 
 **********************/
.navbar {max-width: 960px; height:40px; border:0; }
.navbar-fixed-top {margin:0 0 0 210px; padding:0; background:none;}
.navbar .container {position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.navbar .fixedBg {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:99; opacity:0.7}

.navbar-default {
background-image: -webkit-linear-gradient(top, #fff 0, #fff 100%);
background-image: linear-gradient(to bottom, #fff 0, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-radius: 0;
-webkit-box-shadow: none; 
box-shadow: none;
}

.navbar-default {
background-image: none;
background-repeat: none;
border-radius: 0;
-webkit-box-shadow: none; 
box-shadow: none;
}

.navbar .user {position:relative; display:inline-block; margin:0; padding:10px 20px; color:#333; }
.navbar .user .glyphicon {color:#d01717; margin-right:10px;}
.blue .navbar .user .glyphicon {color:#39c2d2; margin-right:10px;}




/**********************
* Logout 
**********************/
.navbar a.logout {position:relative; display:block; width:100%; margin:0; padding:10px 0px; color:#fff; text-align:center; background: #d01717}
.navbar .logout:hover {background: #af0e0e; cursor:pointer;text-decoration: none;}

.blue .navbar a.logout {position:relative; display:block; width:100%; margin:0; padding:10px 0px; color:#fff; text-align:center; background: #39c2d2}
.blue .navbar .logout:hover {background: #23848f; cursor:pointer;text-decoration: none;}

/**********************
 * Main 
 **********************/
#main {position:relative; display:block; margin:0 20px 0 210px; padding:90px 0 0 0; background:#fff;}

.error-message {display:none;}


h2 { margin-top:0 }

/**********************
 * Invoice 
 **********************/

.delete-product-row {cursor:pointer;}
.invoice-logo {max-width: 300px;}

table .td-xs-1 {width:8.333333333%; vertical-align:top;}
table .td-xs-1-5 {width:12.5%; vertical-align:top;}
table .td-xs-2 {width:16.66666667%; vertical-align:top;} 
table .td-xs-2-5 {width:20.83333333%; vertical-align:top;} 
table .td-xs-3 {width:25%; vertical-align:top;} 
table .td-xs-4 {width:33.33333333%; vertical-align:top;}
table .td-xs-5 {width:41.66666667%; vertical-align:top;}
table .td-xs-6 {width:50%; vertical-align:top;}
table .td-xs-6-5 {width:54.16666667%; vertical-align:top;}
table .td-xs-7 {width:58.33333333%; vertical-align:top;}
table .td-xs-7-5 {width:62.5%; vertical-align:top;}
table .td-xs-8 {width:66.66666667%; vertical-align:top;}
table .td-xs-9 {width:75%; vertical-align:top;}
table .td-xs-9-5 {width:79.16666667%; vertical-align:top;}
table .td-xs-10 {width:83.33333333%; vertical-align:top;}
table .td-xs-11 {width:91.66666667%; vertical-align:top;}
table .td-xs-12 {width:100%; vertical-align:top;}



table .td-space {padding:10px;}
table .td-label {width:20%;padding:0 10px 5px 0; vertical-align:top; }
table .td-definition {width:80%;padding:0 0 5px 10px; vertical-align:top; border-left:1px #ccc solid; } 
table .td-definition.no-border{border-left:none; } 

table .header {font-size:9px;}

table .td-elt-desc, table .td-elt-desc.even {padding:10px 10px 10px 5px; vertical-align:top; border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
table .td-elt-desc.even {background:#f4f4f4;}

table .header.td-elt-desc {padding:0 10px 5px 5px;}
table .header.td-elt-value {padding:0 10px 5px 10px;}
table .header.td-elt-value.last {padding:0 5px 5px 10px;}

table .td-elt-value, table .td-elt-value.last {vertical-align:top; text-align:right; border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
table .td-elt-value, table .td-elt-value.even {padding:10px;}
table .td-elt-value.last, table .td-elt-value.last.even {padding:10px 5px 10px 10px; border-right:none;}
table .td-elt-value.even, table .td-elt-value.last.even {background:#f4f4f4;}


table .td-total-header {vertical-align:top; text-align:right;}
table .td-total-header {padding:5px 10px;}

table .td-total-value {vertical-align:top; text-align:right;}
table .td-total-value {padding:5px;}
table .tot.td-total-value {padding:5px 5px 5px 0;}
table .tot {font-size:15px;}
/* footer */
table .td-border-bottom {padding:10px 10px 10px 5px; border-bottom:1px #ccc solid;}
table .td-border-top {padding:10px 10px 10px 5px; border-top:1px #ccc solid;}
table .td-border-top-2 {padding:5px 10px 5px 5px; border-top:1px #ccc solid;}



p.br {margin:0;}

.pdf table {font-size:13px;}
.pdf table .invoice-notes {padding:10px 5px; font-size:13px;line-height:1.5em}

.font-10 {font-size:.8em;}
.font-8 {font-size:.6em;}
.font-6 {font-size:.4em;}


/**********************
 * Form / Bootstrap 
 **********************/



.table tbody {font-size:0.9em;}
.table thead {font-size:0.8em;}
.table .alignRight {text-align: right; padding-right:20px;}

.txt-red {color:#d01717;}
.txt-gray {color:#d6d6d6;}


label { font-weight: normal;}
label.error {display:none;}

.label-info { background-color: #d6d6d6;}
.label-info[href]:hover,.label-info[href]:focus { background-color: #bbb;}


textarea.input-sm {height: 92px;}
textarea.input-sm.small {height: 68px;}

.btn-primary { color: #fff; background: #d01717; border-color: #af0e0e;}
.btn-primary:hover, .btn-primary:focus {background: #af0e0e;border-color: #af0e0e;}
.blue .btn-primary { color: #fff; background: #39c2d2; border-color: #23848f;}
.blue .btn-primary:hover, .blue .btn-primary:focus {background: #23848f;border-color: #23848f;}

.btn-default { background-image: none; }
.btn-default:hover, .btn-default:focus {background: #f4f4f4;border-color: #ccc;}
.btn-default:active, .btn-default.active { background-color: #d01717; border-color: #af0e0e; color:#fff; text-shadow:none; }
.blue .btn-default:active, .blue .btn-default.active { background-color: #32a3b1; border-color: #32a3b1; color:#fff; text-shadow:none; }
/*
.btn-default { color: #333; background: #e8e8e8; border-color: #ccc;text-shadow:none;}
.btn-default:hover, .btn-default:focus {background: #af0e0e;border-color: #af0e0e;}
*/

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #f4f4f4; border-color: #ccc; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .error { color: #a94442;}
.pagination>li>a, .pagination>li>span, .pagination>li>a:hover { color: #af0e0e; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { color: #fff; background-color: #af0e0e; border-color: #af0e0e;}

.blue .pagination>li>a, .blue .pagination>li>span, .blue .pagination>li>a:hover { color: #23848f; }
.blue .pagination>.active>a, .blue .pagination>.active>span, .blue .pagination>.active>a:hover, .blue .pagination>.active>span:hover, .blue .pagination>.active>a:focus, .blue .pagination>.active>span:focus { color: #fff; background-color: #23848f; border-color: #23848f;}


.font-small {font-size:85%;}

input[type="text"]::-webkit-input-placeholder {
   color: #d4d4d4;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}


.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.blue .panel-heading .accordion-toggle.done {
    color: #32a3b1;    /* adjust as needed, taken from bootstrap.css */
}

.panel-heading .accordion-toggle.done {
    color: #d01717;    /* adjust as needed, taken from bootstrap.css */
}

.panel-heading .accordion-toggle.done:before {
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e013";    /* adjust as needed, taken from bootstrap.css */
    float: left; 
    padding-right:10px;       /* adjust as needed */
    color: #d01717;    /* adjust as needed, taken from bootstrap.css */
}

.blue .panel-heading .accordion-toggle.done:before {
    color: #32a3b1;    /* adjust as needed, taken from bootstrap.css */
}

.panel-title h3 {margin-top: 0; margin-bottom: 5px;}


th.dpass, td.dpass {display: none;}

.dropdown-menu {font-size:12px;}
.dropdown-menu>li>a {padding: 5px 20px;}

.table tbody tr.active td, .table tbody tr.active th { background-color: #fff; color: #333; }
.table tbody tr.active:hover td, .table tbody tr.active:hover th { 
	background-color: #f5f5f5 !important;
}

.dataTables_wrapper.form-inline tr {cursor:pointer;}

.status-label .label {display: block;}
.panel-title-label {text-align:right;}
a.label {color:#fff;}
a.label:hover  { text-decoration: none;color:#fff;}


.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}


/* DATEPICKER */
.blue .datepicker table tr td.active:hover,
.blue .datepicker table tr td.active:hover:hover,
.blue .datepicker table tr td.active.disabled:hover,
.blue .datepicker table tr td.active.disabled:hover:hover,
.blue .datepicker table tr td.active:focus,
.blue .datepicker table tr td.active:hover:focus,
.blue .datepicker table tr td.active.disabled:focus,
.blue .datepicker table tr td.active.disabled:hover:focus,
.blue .datepicker table tr td.active:active,
.blue .datepicker table tr td.active:hover:active,
.blue .datepicker table tr td.active.disabled:active,
.blue .datepicker table tr td.active.disabled:hover:active,
.blue .datepicker table tr td.active.active,
.blue .datepicker table tr td.active:hover.active,
.blue .datepicker table tr td.active.disabled.active,
.blue .datepicker table tr td.active.disabled:hover.active,
.blue .open .dropdown-toggle.datepicker table tr td.active,
.blue .open .dropdown-toggle.datepicker table tr td.active:hover,
.blue .open .dropdown-toggle.datepicker table tr td.active.disabled,
.blue .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #32a3b1;
  border-color: #32a3b1;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
color: #000000;
background-color: #ccc;
border-color: #ccc;
}

.blue .datepicker table tr td.today:hover,
.blue .datepicker table tr td.today:hover:hover,
.blue .datepicker table tr td.today.disabled:hover,
.blue .datepicker table tr td.today.disabled:hover:hover,
.blue .datepicker table tr td.today:focus,
.blue .datepicker table tr td.today:hover:focus,
.blue .datepicker table tr td.today.disabled:focus,
.blue .datepicker table tr td.today.disabled:hover:focus,
.blue .datepicker table tr td.today:active,
.blue .datepicker table tr td.today:hover:active,
.blue .datepicker table tr td.today.disabled:active,
.blue .datepicker table tr td.today.disabled:hover:active,
.blue .datepicker table tr td.today.active,
.blue .datepicker table tr td.today:hover.active,
.blue .datepicker table tr td.today.disabled.active,
.blue .datepicker table tr td.today.disabled:hover.active,
.blue .open .dropdown-toggle.datepicker table tr td.today,
.blue .open .dropdown-toggle.datepicker table tr td.today:hover,
.blue .open .dropdown-toggle.datepicker table tr td.today.disabled,
.blue .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #fff;
  background-color: #23848f;
  border-color: #23848f;
}