/*
Timetjek NEW STYLE
*/

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
}

@media (max-width: 850px) {
  body {
    font-size:14px;
  }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    margin-top:0;
    margin-bottom:0;
}

.loading-text {
    font-size: 25px;
    font-weight: 500;
    color: #1d7cc0;
    display: block;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.checkin-message-content {
  width: 60%;
  margin: 0 auto 20px;
  overflow: hidden;
}
.checkin-message-content .title {
  margin-bottom: 0px;
  padding: 12px;
  background: #1e7bc1;
  color: #fff;
}
.checkin-message-content .title h4 {
  font-weight: 400;
  font-size: 20px;
}
.checkin-message-content .body {
  padding: 11px;
  background: #f1f1f1;
}

#loadingContainer {
    display: none;
}

#contentContainer {
    display: none;
}

.choose-period td {
  padding: 15px;
}
.period-year-radio input[type="radio"] + label {
  border:1px solid transparent;
}
.period-year-radio input[type="radio"]:checked + label {
    background-color: transparent!important;
    border: 1px solid #fff;
}
.choose-period .period-year {
  background: transparent;
  border-radius: 3px;
  text-align: center;
  color: #fff!important;
  text-align: center;
  margin-right: 0!important;
  margin-bottom: 16px!important;
}
.save-cancel-content {
  border-top: 1px solid #000;
  background-color: #f3f3f3;
  border: 1px solid #bebebe;
  padding: 15px;
  overflow: hidden;
}
.about-timetjek {color: #fff;}

a {
    color: #2C82BF;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.row {
    margin-bottom: 10px;
}

.blue {
    color: #257DBE;
}

.logo img {
    width: 220px;
}
.btn-pl {
  width: 100%;
font-size: 16px;
height: auto;
}
svg {width: 35px;}
svg path {fill: #fc0 !important;}
/*svg path:hover {fill: #f1f1f1 !important;}*/

.skatteverket-icon {
  width: 100%;
  max-width: 18px!important;
  position: relative;
  top: 2px;
  margin-right: 2px;
}

#place-icons {
  position: relative;
  top: -51px;
  right: 250px;
}
label {
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 400;
}

.choose-break {
  text-align: center;
  margin-top: 10px;
  color: #1d7cc0;
  font-size: 16px;
}

.grey-full-bg {
  background: #efefef;
  height: calc(100vh - 82px);
}
.clock-mt {
  margin-top: 30px;
}

.time-maxwidth {
  max-width: 400px;
  margin: 0 auto;
}

.name-title {
    font-size: 22px;
    display: block;
    line-height: 40px;
    max-width: 100%;
    margin-left: 0;
    font-weight: 400;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.confirm-container {
    border: 1px solid #d14f51;
    border-radius: 10px;
    max-width: 330px;
    width: 100%;
    margin: 15px auto 30px;
    margin-bottom: 30px;
    padding: 10px;
}

.title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 300;
}

.title-v2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 28px;
    color: #3385C2;
    font-weight: 400;
}

.title-box {
    font-size: 25px;
    color: #3385C2;
    font-weight: 300;
    margin-top: 16px;
    margin-bottom: 0;
}

.sub-title {
    color: #3385C2;
    border-bottom: 1px solid #E4E4E6;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.sub-title-v2 {
    color: #3385C2;
    padding: 0;
    margin: 0;
}

.breadcrumb {
    border-radius: 0;
    margin-bottom: 0;
}

.main-panel {
    background: rgba(203, 203, 210, 0.15);
    position: relative;
    z-index: 2;
    float: right;
    width: calc(100% - 260px);
    min-height: 100%;
}

    .main-panel > .content {
        padding: 25px 15px;
        min-height: calc(100% - 123px);
        margin: 0 auto;
        width: 100%;
    }

    .main-panel > .footer {
        border-top: 1px solid #e7e7e7;
    }

    .main-panel .navbar {
        margin-bottom: 0;
    }

.navbar .nav.pull-right {
    float: right;
    /*margin*/
}

.navbar-default {
    background-color: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar .nav > li {
    float: left;
}

.nav > li {
    font-weight: 400;
}

    .nav > li > a {
        position: relative;
        display: block;
    }

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
        color: #1d7cc0;
    }

    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
        background-color:#fff;
    }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #267EBE;
    background-color: #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color:transparent!important;}

.navbar-inverse .navbar-toggle {
    border-color: transparent;
    margin-right: 0;
    margin-top: 9px;
}
.navbar-nav {
    margin: 0 -15px;
}
.navbar-collapse {box-shadow: none!important;}

.navbar {
    border: 0;
    font-size: 16px;
    border-radius: 0;
    padding: 5px 15px;
    margin-bottom: 0;
    background: #1d7cc0;
    border-bottom: 5px solid #0e609c;
}

.navbar-button {
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   background: #0e609c;
}

.navbar-button:hover {background:#fff;}

.sidebar .menu-icon {
    margin-right: 10px;
    color: #FFFFFF;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.sidebar {
    overflow: auto;
    max-height: 100%;
    height: 100%;
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    -webkit-overflow-scrolling: touch;
}

.main-panel {
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    -webkit-overflow-scrolling: touch;
}

.wrapper {
    position: relative;
    top: 0;
    height: 100vh;
}

.sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    display: block;
    z-index: 1;
    color: #fff;
    font-weight: 200;
    background-size: cover;
    background-position: center center;
}

    .sidebar .sidebar-background {
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 100%;
        display: block;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center center;
    }

    .sidebar .sidebar-wrapper {
        position: relative;
        max-height: none;
        min-height: 100%;
        overflow: hidden;
        width: 260px;
        z-index: 4;
    }

    .sidebar .nav {
        margin-top: 20px;
    }

        .sidebar .nav li > a {
            color: #FFFFFF;
            margin: 15px 30px;
        }

        .sidebar .nav li:hover > a {
            background: rgba(255, 255, 255, 0.13);
            opacity: 1;
        }

        .sidebar .nav li.active > a {
            color: #FFFFFF;
            background: rgba(255, 255, 255, 0.23);
        }

        .sidebar .nav p {
            margin: 0;
            line-height: 30px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .sidebar .nav i {
            font-size: 28px;
            float: left;
            margin-right: 15px;
            line-height: 16px;
            width: 30px;
            text-align: center;
        }

    .sidebar .logo, body > .navbar-collapse .logo {
        padding: 10px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        background: #FFF;
        border-bottom: 1px solid #E6E6E6;
    }

    .sidebar:after, .sidebar:before, body > .navbar-collapse:after, body > .navbar-collapse:before {
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .sidebar:before, body > .navbar-collapse:before {
        opacity: .33;
        background: #000000;
    }

    .sidebar[data-color="blue"]:after, body > .navbar-collapse[data-color="blue"]:after {
        background: rgba(37, 125, 190, 0.80);
    }

/*CONTENT*/

.content-fill {
    background-color: #FFFFFF;
    padding: 30px;
    overflow: hidden;
}

    .content-fill.app-settings {
        padding: 50px 70px;
    }

.content-fill-home {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
    background-color: #FFFFFF;
    margin-bottom: 25px;
    padding: 30px;
    overflow: hidden;
}

.settings-picker {
    padding: 10px;
    border-bottom: 1px solid #E4E4E6;
}

.content-fill > .title {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}

.btn-box {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    text-align: center;
    text-decoration: none !important;
    padding: 25px 0;
    margin: 0 0 30px;
}

.sub-title-widget {
    margin-top: -15px;
    font-style: italic;
    font-size: 13px;
    margin-bottom: 15px;
}

/*ANSTÄLLDA*/

.data-h {
    font-weight: 500;
}

/*NOTIFIKATION*/

.notifications {
    right: 10px;
    top: 10px;
}

.notify {
    width: 100%;
    height: 70px;
    background-color: whitesmoke;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
    margin: 10px 0;
}

.circle {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
    transform: translate(17px, 17px);
    color: whitesmoke;
    padding: 10px 0 10px 13px;
}

.gr > .circle {
    background-color: #38ad65;
}

.gr > .info span:first-child {
    color: #38ad65;
}

.rd > .circle {
    background-color: #de3b12;
}

.rd > .info span:first-child {
    color: #de3b12;
}

.or > .circle {
    background-color: #c87a46;
}

.or > .info span:first-child {
    color: #c87a46;
}

.bl > .circle {
    background-color: #225877;
}

.bl > .info span:first-child {
    color: #225877;
}

.info {
    width: 230px;
    height: 70px;
    transform: translate(70px, -35px);
    padding: 10px;
}

    .info span:first-child {
        display: block;
        color: #38ad65;
        font-weight: 600;
        font-size: 15px;
    }

    .info span:last-child {
        color: #919191;
        font-size: 13px;
    }

    .info span a {
        color: #545454;
        text-decoration: none;
        font-weight: 600;
    }

/*EMPLOYEE*/
.employees {
    overflow: hidden;
    padding-top: 20px;
}

.employee-showcase {
    border: 1px solid #D6D6D6;
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}

    .employee-showcase:hover {
        background: #F3F3F3;
        transition: all 0.5s ease;
        border: 1px solid transparent;
    }

.employee-headline {
    font-size: 16px;
}

.employee-status {
    margin: 0;
    color: #9C9C9C;
}

.employee-img {
    max-width: 90px;
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
    border: 1px solid #d4d4d4;
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.checked-out-details {
  font-size: 16px;
  text-align: center;
  width: 500px;
  margin: 15px auto 30px;
}
.checked-out-details.error {
  border: 1px solid #d14f51;
  border-radius: 4px;
  padding: 10px;
}

#user-buttons {
    margin-top: 20px;
}

    #user-buttons ul li {
        margin-bottom: 4px;
        padding: 6px;
        cursor: pointer;
        width: 380px;
        height: 80px;
        overflow: hidden;
        border: 1px solid #E0E0E0;
        margin: 5px 0 0 5px;
        display: inline-block;
        vertical-align: top;
    }

    #user-buttons ul {
        padding-left: 0;
        margin: 0;
    }

.user {
    text-align: center;
    text-transform: none;
}

.title-profile {
    color: #333333;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

.avatar {
    width: 140px;
    height: 140px;
    border: 5px solid #E4E4E6;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 50%;
}

.navigation-list {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

    .navigation-list li {
        float: left;
        position: relative;
        font-size: 15px;
        padding: 0 15px;
    }

        .navigation-list li.active > a {
            color: #3385C2;
        }

select {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 8px 12px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.total-salary-employee {
    color: #FFFFFF;
    background: #257DBE;
    padding: 11px;
    max-width: 170px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

/*BUTTONS*/

.btn-default {
}

    .btn-default:hover,
    .btn-default.hover,
    .btn-default:active,
    .btn-default.active,
    .btn-default:visited,
    .btn-default.visited,
    .btn-default:focus,
    .btn-default.focus {
        color: #333 !important;
        background-color: #fff !important;
        border-color: #ccc !important;
    }

.btn-info {
    color: #fff;
    background-color: #1d7cc0;
    border-color: #1d7cc0;
    margin-right: 10px;
}

    .btn-info.visited,
    .btn-info:visited {
        color: #fff;
        background-color: #1d7cc0;
        border-color: #1d7cc0;
    }

    .btn-info:hover,
    .btn-info.hover {
        color: #fff;
        background-color: #1f689f;
        border-color: #1f689f;
    }

    .btn-info.focus,
    .btn-info:focus,
    .btn-info.active,
    .btn-info:active {
        color: #fff !important;
        background-color: #1b5785 !important;
        border-color: #1b5785 !important;
    }

.btn-warning {
    color: #fff;
    background-color: #D44D4D;
    border-color: #D44D4D;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning:focus, .btn-warning.focus,.btn-warning:active:focus {
    background-color: #BD5A5A!important;
    border-color: #BD5A5A!important;
}

.btn-table-sm {
    height: 23px !important;
    font-size: 14px;
    line-height: 21px;
    padding: 0 8px;
    width: 75px;
}

.btn-table-sm-container {
    display: inline-block;
    width: 75px;
    margin-right: 10px;
}

.btn-edit {
    background-color: #dbc323;
    border-color: #dbc323;
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #1d7cc0;
    border-color: #1d7cc0;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active {
    color: #fff !important;
    background-color: #125d94 !important;
    border-color: #125d94 !important;
}
.btn-danger:hover,.btn-danger:focus, .btn-primary:active {
    background-color: #b51d19;
    border-color: #b51d19;
}
.btn-danger {
    margin-right: 15px;
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-longer {
    width: 150px;
    height: 44px !important;
    line-height: 30px;
}

.btn-orange {
    color: #fff;
    border-color: #f89406;
    background-color: #f89406;
}

.btn-orange:hover, .btn-orange.focus, .btn-orange:focus, .btn-orange.active, .btn-orange:active {
    color: #fff !important;
    background-color: #d67e03 !important;
    border-color: #d67e03 !important;
}

.btn-checkable {
    display: inline-block;
    border: 1px solid #1d7cc0;
    border-radius: 4px;
    padding: 10px;
    height: 44px;
    width: 150px;
    cursor: pointer;
    text-align: center;
}

.btn-checkable-timereg {
    display: inline-block;
    border: 1px solid #1d7cc0;
    border-radius: 4px;
    padding: 10px 25px;
    height: 44px;
    cursor: pointer;
    text-align: center;
    background-color: #1d7cc0;
    color: #fff;
    margin-top: 15px;
}

.btn-checked {
    background-color: #5fbd3a;
    border: 1px solid #5fbd3a;
}

.btn-not-checked {
    background-color: #aeaeae;
    border: 1px solid #aeaeae;
    color: #fff;
}
.btn-stripe {
    background-color: #989898;
    border-color: #ddd;
    color: #333 !important;
}

.stripe {
    background: -webkit-repeating-linear-gradient(-45deg, rgb(225, 225, 225), rgb(225, 225, 225) 10px, #f3f3f3 10px, #f3f3f3 20px)!important;
    background: repeating-linear-gradient(-45deg, rgb(225, 225, 225), rgb(225, 225, 225) 10px, #f3f3f3 10px, #f3f3f3 20px)!important;
}

/*TABLES*/

.table-responsive {
    overflow-x: inherit;
}

.table-header {
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 30px;
}

    .table-header a {
        color: #2D81C0;
    }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    vertical-align: middle;
}

.table > thead > tr > th {
    border-bottom-width: 1px;
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
    font-weight: 600;
    padding-bottom: 5px;
}

.table .td-actions .btn {
    opacity: 0.36;
    filter: alpha(opacity=36);
}

    .table .td-actions .btn.btn-xs {
        padding-left: 3px;
        padding-right: 3px;
    }

.table .td-actions {
    min-width: 90px;
}

.table > tbody > tr {
    position: relative;
}

    .table > tbody > tr:hover .td-actions .btn {
        opacity: 1;
        filter: alpha(opacity=100);
    }

td a {
    color: #1d7cc0;
}

/* MÅNADSRAPPORT */
.report-date {
    float: left;
    position: relative;
    top: -20px;
    font-size: 16px;
    font-weight: 300;
}

.label-info.report {
    padding: 3px 5px;
    margin-right: 2px;
    font-size: 10px;
    top: -3px;
    position: relative;
}

.report-information {
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 25px;
    float: right;
    margin-top: 10px;
}

/*SETTINGS*/
.settings-app {
}

/*FOOTER*/

footer {
    border-top: 1px solid rgba(255, 255, 255, 0.46);
    padding-top: 25px;
    font-size: 12px;
}

.copyright a {
    color: #fff;
}

/* .editRegisteredTime-wrapper {
  width: 450px;
  margin: 0 auto; */
}

/*PROFILE*/

/* .form-control {
    display: inline-block;
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 8px 12px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
} */

.form-control {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    /*#e3e3e3*/
    border-radius: 4px;
    color: #333;
    padding: 8px;
    font-size: 14px;
    height: 49px;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: none;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**** BREAK IPAD ****/
@media (max-height:720px){
  /* .float-left-max-height-ipad {
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
  }
  .float-right-max-height-ipad {
    margin-top: 20px;
    margin-left: 30px;
    display: inline-block;
  }
  .numpad-container-margin {
    margin-left: 40px;
}
  .checkin-btn-container,
  .checkout-btn-container {

  } */
}

@media (max-width:845px){
  /* .float-left-max-height-ipad,
  .float-right-max-height-ipad {
    float: none;
  }
  .float-left-max-height-ipad {
    margin-top: 0;
    margin-left: 0;
    margin-left: 0;
  }
  .float-right-max-height-ipad {
    margin-top: 0;
    margin-right: 0;
  } */
}
/**** MOBILE ****/

@media (max-width:992px) {
  .grey-full-bg {
    height: auto;
    overflow: hidden;
  }
}

@media (max-width:700px) {
  .hidemobile {
    display: none;
  }
  /*#th-place-out,
  #th-place-in {
    display: none;
  }*/
}

@media (max-width:800px) and (max-height:720px) {
    .checkout-btn-container {
        margin-left: 0px;
    }
  }

  @media (max-width:711px) and (max-height:720px) {
    .checkout-btn-container {
        line-height: 0px;
        margin-top: 0px;
        margin-left: 0px;
    }
  }

  @media (max-width:577px) and (max-height:720px) {
    .checkin-btn-container {
        margin-left: 0px;
    }
  }

  @media (max-width:547px) and (max-height:720px) {
    .checkin-btn-container {
        line-height: 0px;
        margin-top: 20px;
        margin-left: 0px;
    }
  }

  @media (max-width:869px) and (max-height:720px) {
    .numpad-container-margin {
        margin-left: 15px;
    }
  }


.line-through {
    text-decoration: line-through;
}

.no-margin-right {
    margin-right: 0 !important;
}

/* ##### TIMETJEK COLORS #####*/

.row-created {
    background-color: #cbf3cf !important;
}

.row-deleted {
    background-color: #f2dede !important;
}

.row-updated {
    background-color: #cae2f2 !important;
}

.fa-timereg-gray {
    color: #666;
}

.icon-timetjek-success {
    color: #4ccf83;
}

.icon-timetjek-danger {
    color: #d14f51;
}

.icon-timetjek-info {
    color: #1c7bbf;
}

.icon-timetjek-warning {
    color: #dac222;
}

.icon-timetjek-status {
    color: #1f7cbf;
}

.icon-text {
    margin-left: 4px;
}

.timetjek-bg-danger {
    background-color: #d14f51 !important;
}

.timetjek-bg-info {
    background-color: #1c7bbf !important;
}

.timetjek-bg-warning {
    background-color: #dac222 !important;
}

.timetjek-bg-success {
    background-color: #0a0 !important;
}

.timetjek-bg-blue-darker {
    background-color: #125d94 !important;
}

.timetjek-bg-blue {
    background-color: #1d7cc0 !important;
}

.timetjek-color-success {
    color: #0a0 !important;
}

.timetjek-color-warning {
    color: #dac222 !important;
}

.timetjek-color-danger {
    color: #d14f51 !important;
}

.timetjek-color-white {
    color: #fff !important;
}

.timetjek-color-orange {
    color: #f89406 !important;
}

.timetjek-bg-gray {
    background-color: #9a9a9a !important;
}

.timetjek-border-gray {
    border-color: #9a9a9a !important;
}

.timetjek-border-danger {
    border-color: #d14f51 !important;
}

.timetjek-border-success {
    border-color: #5fbd3a !important;
}

.timetjek-border-orange {
    border-color: #f89406 !important;
}

.timetjek-color-blue {
    color: #1d7cc0 !important;
}

.timetjek-color-gray {
    color: #9a9a9a;
}

.timetjek-color-gray-darker {
    color: #666;
}

.timetjek-cursor-not-allowed {
    cursor: not-allowed;
}

.gray-border {
    border-color: #9a9a9a !important;
}

.gray-background {
    background-color: #9a9a9a !important;
}

.gray-text {
    color: #9a9a9a !important;
}

/* ##### MÅNADSVÄLJARE #####*/

/*********************/

.link-list {
    padding: 0 0 0 0;
    list-style: none;
    margin-left: 0;
}

    .link-list li {
        float: left;
        position: relative;
        font-size: 10pt;
        padding: 0 20px 0 0;
    }

        .link-list li a {
            color: #747474;
            text-decoration: none;
        }

            .link-list li a:hover {
                text-decoration: underline;
                color: #018e9e;
            }

.link-list-selected {
    font-weight: bold;
    font-size: 12pt;
}

.time-col {
    width: 70px;
    text-align: center;
}

.radio-toolbar input[type="radio"] {
    display: none;
    width: 0;
}

    .radio-toolbar input[type="radio"] + label {
        width: 90px;
        font-size: 12pt;
        padding: 5px;
        margin: 5px;
    }

    .radio-toolbar input[type="radio"]:checked + label {
        background-color: #1d7cc0;
        color: white;
    }

.radio-link {
    font-size: 10pt;
    padding: 3px;
    margin-right: 12px;
    border: 1px solid white;
    color: #747474;
}

.radio-link-selected {
    font-size: 12pt;
    font-weight: bold;
}

.bct-infobox {
    font-style: italic;
    padding: 3px;
    text-align: center;
}

/*********************************************/

.alert-error {
    background: #d9534f;
    border-color: #d9534f;
    text-align: center;
    box-shadow: none;
    color: #fff;
}

.alert-success {
    color: #ffffff;
    background-color: #5fbd3a;
    border-color: #5fbd3a;
    background-image: none;
    text-shadow: none;
    border-radius: 0;
    box-shadow: none;
}


.calender{
    display: block;
    font-size: 20px;
    font-weight: 400;
    border: 0;
    text-align: center;
    background: #1d7cc0;
    padding: 10px;
    color: white;
    line-height: 40px;
}

.form-padding{
    padding: 10px;
}

.rowCalander {
    margin-bottom: 70px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px;
    border-top: 1px solid #eee;
    width: 100%;
}
.padding-top{
    padding-top: 20px;
}

h5.modal-title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}

.modal-header .close {
    margin-top: -2px;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 300px;
    width: 25px;
    height: 25px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

.minus-margin{
    margin-left: -21px;
    margin-right: -21px;
    margin-bottom: -20px;
}

.summary-text{
    color: #1c7bbf;

}

.tooltip {
  position:fixed;
  font-size: 14px!important;
}

.tooltip-inner {
  background-color: #0e609c!important;
  font-size: 14px!important;
  font-weight: 500;
  max-width: 400px;
  text-align: left;
  word-break: break-word;
  word-wrap: break-word;
}
.tooltip.in{opacity:1!important;}

.tooltip.top .tooltip-arrow {padding-bottom:15px;border-top-color: #0e609c!important;}
.tooltip.top {padding-bottom:20px;}

.tooltip.right .tooltip-arrow {border-right-color: #0e609c!important;}

.tooltip-action-container {
    white-space: nowrap;
}

.red-tooltip + .tooltip > .tooltip-inner {
  background-color: #d9534f !important;
  font-size: 14px!important;
  font-weight: 500!important;
  max-width: 400px;
  text-align: left;
  word-break: break-word;
  word-wrap: break-word;
}

.red-tooltip + .tooltip.top .tooltip-arrow {
  padding-bottom:15px!important;
  border-top-color: #d9534f!important;}
.red-tooltip + .tooltip.top {
  padding-bottom:20px!important;
}

.red-tooltip + .tooltip.right .tooltip-arrow {
  border-right-color: #d9534f!important;
}
.red-tooltip + .tooltip.left .tooltip-arrow {
  border-left-color: #d9534f!important;
}

/*************Animation for checkin/checkout text-field ******************/

.text-marker-animation {
    width: 1px;
    height: 39px;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 1.5s;
    position: relative;
    top:-3px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {color: black;}
    to {color: transparent;}
}

/* Standard syntax */
@keyframes example {
    from {color: black;}
    to {color: transparent;}
}
h6.law-header {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #1d7cc0;
}

p.law-text {
    color: #333;
}

.law-footer a {
    color: #1d7cc0;
    font-style: italic;
}

.law-footer .link-text {
    font-size: 14px;
    color: #1d7cc0;
    font-style: italic;
}

.law-segment {
    margin-bottom: 30px;
    text-align: left;
}

.law-segment:last-child {
    margin-bottom: 0;
}

.law-segment p {
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
}


/* ############################################*/
/* checkout timereg adjust page */
/* ############################################*/

.checkable-buttons-container {
    margin-bottom: 30px;
    text-align: center;
}

input[type=tel]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  opacity: 100;
}

input[type=tel]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  opacity: 100;
}

.checkout-input {
  border: 1px solid #1d7cc0;
  border-radius: 4px;
  font-size: 20px;
  padding: 12px;
  color: #000;
  letter-spacing: 4px;
  text-align: center;
  width: 100%;
  max-width: 250px;
}

.time-line {
    background-color: #1d7cc0;
    height: 3px;
    width: 65%;
    position: relative;
    top: 23px;
    margin: 0 auto;
}

div #addBreak {
  height: 53px;
}
#checkedOutSummary {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#checkedOutSummary b {
  color:#1d7cc0;
}
.add-break-icon {
  color: #afafaf;
  font-size: 30px;
  line-height: 53px;
  cursor: pointer;
}

.remove-break-icon {
  color: #d9534f;
  font-size: 30px;
  line-height: 53px;
  cursor: pointer;
}

/* VALIDATION */
.validation-error {
    display: inline-block;
    margin: 2px;
    padding: 0;
    font-size: 12px;
    color: #d9534f;
    height: 16px;
}

.validation-error-row {
    display: block;
    margin: 2px;
    padding: 0;
    font-size: 12px;
    color: #d9534f;
    height: 16px;
    white-space: nowrap;
}

.validation-error-input {
    border: 1px solid #f88;
}

/*****FLOAT LABEL*****/

#floating-label .control-label {
    font-size: 16px;
    font-weight: 400;
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    transform: translate3d(10px, 15px, 0) scale(1);
    transform-origin: left top 0;
    transition: .3s ease 0s;
    text-transform: inherit;
    z-index: 9;
  }
  #floating-label select {
    padding-top:21px;
  }

  .form-group.focused {color: #1d7cc0;}

  #floating-label .form-group.focused .control-label {
    opacity: 1;
    transform: scale(0.75);
    margin-left: 9px;
    margin-top: 7px;
    text-overflow: ellipsis;
    z-index: 9;
  }

  #floating-label input {
    height: 49px;
    padding-top: 22px;
  }

  #floating-label textarea {
    padding-top: 22px;
  }

  #floating-label .form-control::-webkit-input-placeholder {
    color: transparent;
    transition: .3s ease 0s;
  }

  #floating-label .form-control:focus::-webkit-input-placeholder {
    transition: none;
  }

  #floating-label .form-group.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
  }

  .fa-bg-gray {
    background: #dadada;
    border-radius: 3px;
    color:#666;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

.fa-bg-blue {
    background: #247cbc;
    border-radius: 3px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}