/*! project specific CSS goes here. */

/*--------------------------
 *HUR STYLE GUIDE COLORSs
 *Primary:
 *46a9db (light blue)
 *3274b0 (dark blue)
 *Secondary:
 *660066 (purple)
 *616265 (grey)
 *9dc73c (light green)
 *8db336 (dark green)
 *1b1919 (black)
 *ec0c6f (red)
 *ff4033 (orange)
 *ffe600 (yellow)
-------------------------*/

html {
    position:               relative;
    height:                 100%;
    font-size:              1.0em;
}

body {
    background:             #fff;
    padding-top:            0px;
    font-family:            'Lato', sans-serif;
    height:                 100%;
    width:                  100%;
    font-size:              1.0em;
}

/* BASE */
.main-block-container{
    margin-top:             0px;
    padding-right:          0px;
    padding-left:           0px;
    width:                  100%;
    min-height:             100%;
}

#left_navigation{
    background:             #f4f4f4;
    background:             -moz-linear-gradient(left, #f4f4f4 0%, #f4f4f4 47%, #ededed 100%); /* FF3.6-15 */
    background:             -webkit-linear-gradient(left, #f4f4f4 0%,#f4f4f4 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background:             linear-gradient(to right, #f4f4f4 0%,#f4f4f4 47%,#ededed 100%);
    padding-top:            50px;
    padding-left:           0px;
    padding-right:          0px;
    position:               fixed;
    top:                    0;
    left:                   0;
    bottom:                 0;
    z-index:                500;
    display:                block;
    border-right:           1px solid #d7d7d7;
}
#main_block > .side-nav-container > .side-nav > .list-group.nav{
    background-color:       #f4f4f4;
    /*background:           url('../img/cream_pixels.png');*/
    height:                 94%;
    margin-top:             50px;
    padding-top:            0px;
    padding-left:           0px;
    padding-right:          0px;
    border-right:           1px solid #d7d7d7;
}
#main_block > .side-nav-container > .side-nav > .list-group.nav{
    border-right:           1px solid #80A91F;
    border-bottom:          1px solid #80A91F;
}
#left_navigation > .nav-container,
#main_block > .side-nav-container > .side-nav > .list-group.nav{
    padding-left:           0px;
    padding-right:          0px;
}
#left_navigation > .nav-container.nav-container-scrollable{
    max-height:             100%;
    overflow-y:             auto;
    overflow-x:             hidden;
}
#left_navigation > .nav-container > .nav.nav-sidebar{
    font-weight:            700;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li > a,
#main_block > .side-nav-container > .side-nav > .list-group.nav > .nav.nav-sidebar > li > a{
    line-height:            2em;
    padding-top:            5px;
    padding-bottom:         5px;
    padding-right:          5px;
    color:                  #585858;
    border-bottom:          1px solid #d7d7d7;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li:first-child > a,
#main_block > .side-nav-container > .side-nav > .list-group.nav > .nav.nav-sidebar > li:first-child > a{
    border-top:             1px solid #d7d7d7;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li:hover > a,
#left_navigation > .nav-container > .nav.nav-sidebar > li.active > a,
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown:hover > .sub-menu > li:hover > a,
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown.open:hover > .sub-menu > li:hover > a,
#main_block > .side-nav-container > .side-nav > .list-group.nav > .nav.nav-sidebar > li.active > a{
    background:             #9dc73c;
    border-bottom:          1px solid #80A91F;
    color:                  #fff;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li.active > a,
#main_block > .side-nav-container > .side-nav > .list-group.nav > .nav.nav-sidebar > li.active > a{
    border-top:             1px solid #80A91F;
    display:                inline-block;
    width:                  100%;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li > a > i.compact-icon,
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown > .sub-menu > li > a > i.compact-icon,
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown.open > .sub-menu > li > a > i.compact-icon,
#main_block > .side-nav-container > .side-nav > .list-group.nav > .nav.nav-sidebar > li > a > i.compact-icon{
    font-size:              1.5em;
    line-height:            0.5;
    margin-top:             5px;
    margin-right:           10px;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li.active > a > i.compact-icon,
#main_block > .side-nav-container > .side-nav > .list-group.nav > .nav.nav-sidebar > li.active > a > i.compact-icon{
    font-size:              1.5em;
    margin-top:             5px;
    margin-right:           10px;
}
i[class^="st-icon-"]{
    float:                  left;
    display:                inline-block !important;
    margin-top:             0px !important;
    font-size:              1.8em !important;
}

#left_navigation > .nav-container > .nav.nav-sidebar > li.active > a > i.link-active-icon,
#main_block > .side-nav-container > .side-nav > .list-group.nav > .nav.nav-sidebar > li.active > a > i.link-active-icon{
    float:                  right;
    color:                  #fff;
    margin-right:           -7px;
    font-size:              2em;
    margin-top:             2px;
}
#left_navigation > .nav-container > .nav.nav-sidebar.sidebar-no-icons > li > a:not(.has-icon){
    padding-top:            5px;
    padding-bottom:         5px;
}
#left_navigation > .nav-container > .nav.nav-sidebar.sidebar-no-icons > li.active > a:not(.has-icon) > i.link-active-icon{
    margin-top:             0px;
}

#left_navigation > .nav-container > .nav.nav-sidebar > .nav-divider{
    margin:                 0px;
    width:                  100%;
    height:                 15px;
    background:             inherit;
    border-bottom:          1px solid #d7d7d7;
}
/*BASE: left_navigation - submenu*/
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown > .sub-menu {
    font-size:              inherit;
    background:             #f4f4f4;
    width:                  100%;
    left:                   100%;
    position:               absolute;
    top:                    0;
    visibility:             hidden;
    padding-top:            0px;
    padding-bottom:         0px;
    padding-left:           0px;
    border:                 1px solid #939393;
    border-radius:          0px;
    border-left:            none;
    box-shadow:             none;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown > .sub-menu > li,
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown.open > .sub-menu > li{
    background:             inherit;
    list-style-type:        none;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown > .sub-menu > li > a,
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown.open > .sub-menu > li > a{
    background:             inherit;
    border-top:             none;
    border-radius:          0px !important;
    padding:                4px 0px 5px 15px;
    line-height:            2em;
    width:                  auto;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown:hover > .sub-menu,
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown.open > .sub-menu{
    visibility:             visible !important;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown.open:hover > .sub-menu > li:hover > a,
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown.open:hover > .sub-menu > li:focus > a,
.sub-menu > li.active > a{
    background:             #9dc73c !important;
    border:                 none;
    border-bottom:          1px solid #80A91F;
    color:                  #fff;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown.open:hover > .sub-menu > li:first-child:hover > a,
#left_navigation > .nav-container > .nav.nav-sidebar > li.dropdown.open:hover > .sub-menu > li:first-child:focus > a,
.sub-menu > li:first-child.active > a{
    border-left:            1px solid #80A91F;
}

#left_navigation > .nav-container > .nav.nav-sidebar > li > a > span.badge{
    font-size:              0.9em;
    margin-right:           5px;
    border-radius:          2px;
    margin-top:             5px;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li > a > span.badge.badge-notifier{
    background:             #f0ad4e;
    color:                  #fff;
}
#left_navigation > .nav-container > .nav.nav-sidebar > li.active > a > span.badge{
    background:             #fff;
    color:                  #9dc73c;
}

/* Headline for sidebar*/
#left_navigation > .nav-container > .nav.nav-sidebar > li.sidebar-header > a,
#left_navigation > .nav-container > .nav.nav-sidebar > li.sidebar-header:hover > a{
    cursor:                 default;
    color:                  #585858;
    background:             transparent;
    border-bottom:          1px solid #d7d7d7;
    text-align:             center;
}

.nav-sidebar .inner-list{
    background:             #e7e7e7;
    list-style-type:        none;
    padding-left:           0px;
    border-bottom:          1px solid #d7d7d7;
}
.nav-sidebar .inner-list > li{
    border-bottom:          1px solid #d7d7d7;
}
.nav-sidebar .inner-list > li > a{
    padding-top:            2px;
    padding-bottom:         2px;
    padding-left:           15px;
    display:                block;
    color:                  #585858;
    text-decoration:        none;
}
.nav-sidebar .inner-list > li > a > i{
    margin-left:            10px;
    margin-right:           5px;
}
.nav-sidebar .inner-list > li.active > a{
    background:             #9dc73c;
    color:                  #ffffff;
    border-top:             1px solid #93b83c;
    border-bottom:          1px solid #93b83c;
}
.nav-sidebar .inner-list > li > a:hover{
    background:             #8db336;
    color:                  #ffffff;
}
.nav-sidebar .inner-list > li > a > .badge{
    margin-top:             2px;
    margin-right:           5px;
}
.nav-sidebar .inner-list > li.active > a > .badge{
    background:             #fff;
    color:                  #9dc73c;
}
.nav-sidebar .inner-list > li > a:hover > .badge{
    background:             #fff;
    color:                  #8db336;
}
.dd-button-link{
    position:           absolute;
    font-size:          1.5em;
    line-height:        1.5em;
    display:            block;
    height:             100%;
    right:              0;
    top:                0px;
    padding:            15px 10px;
    z-index:            5;
}
.dd-button-link:hover{
    border-left:        1px solid #80A91F;
    cursor:             pointer;
}
li.active > .dd-button-link,
li:hover > .dd-button-link{
    color:              #fff;
}

#left_navigation > .personal-info-container{
    margin-top:             0px;
    margin-bottom:          15px;
    padding-bottom:         15px;
    color:                  #585858;
    back
    height:                 140px;
}
#left_navigation > .personal-info-container .mugshot_div{
    width:                  120px;
    height:                 120px;
    padding:                4px;
    background:             #fff;
    border:                 1px solid #d7d7d7;
    border-radius:          4px;
    background-size:        113px 113px;
    background-repeat:      no-repeat;
}
#left_navigation > .personal-info-container .mugshot_div > img{
    width:                  100%;
    min-height:             100px;
    height:                 100%;
}

#left_navigation .personal-info-container .client-info-container > span{
    overflow-wrap:          break-word;
}

#main_block{
    background:             #fff;
    height:                 93%;
    margin-top:             50px;
    padding-top:            20px;
}

/* BASE: Signing page */
#single_main_block{
    background-color:       #fff;
    height:                 100%;
    overflow:               hidden;
}
#single_main_block .signin-container{
    margin-top:             10em;
    color:                  #46a9db;
    z-index:                1030;
}
#single_main_block .signin-container .st-logo{
    width:                  60%;
    padding:                5px;
    display:                block;
    margin-left:            auto;
    margin-right:           auto;
}
#single_main_block .signin-container .input-group{
    margin:                 15px auto;
    width:                  60%;
}
#single_main_block .signin-container input[type="submit"]{
    display:                block;
    margin:                 15px auto;
    width:                  60%;
}
#single_main_block .signin-container .input-group input[type="text"],
#single_main_block .signin-container .input-group input[type="password"]{
    height:                 50px;
    line-height:            50px;
    border-right:           none;
}
#single_main_block .signin-container .input-group input[type="text"]:focus,
#single_main_block .signin-container .input-group input[type="password"]:focus{
    box-shadow:             none;
    -webkit-box-shadow:     none;
    -moz-box-shadow:        none;
    border:                 1px solid #ccc;
    border-right:           none;
}
#single_main_block .signin-container .input-group .input-group-addon{
    font-size:              1.2em;
    background:             #fff;
    color:                  #3274b0;
}
#single_main_block .signin-container input[type="submit"]{
    height:                 50px;
    font-weight:            700;
    border:                 transparent;
}
#single_main_block .signin-container input[type="submit"]:hover{
    background:             #8db336;
    color:                  #fff;
}
#single_main_block .signin-container .forgot-password{
    display:                block;
    margin:                 15px auto;
    width:                  60%;
}
#single_main_block .signin-container .forgot-password > a:hover{
    text-decoration:        none;
    cursor:                 pointer;
}

#single_main_block .signout-container{
    margin-top:             10em;
    color:                  #46a9db;
}
#single_main_block .signout-container a{
    text-decoration:        none;
    color:                  #46a9db;
}
#single_main_block .signout-container a > h2:hover{
    color:                  #3274b0;
}
#single_main_block .signout-container a > h2{
    padding-bottom:         15px;
    text-align:             center;
}

#single_main_block .login-bg{
    position:               fixed;
    width:                  100%;
    bottom:                 0px;
    left:                   0px;
}

#single_main_block .alert{
    line-height:            2.5em;
    padding:                10px;
    margin-left:            15px;
    margin-right:           15px;
}
#single_main_block .alert > .close{
    top:                    0px;
    right:                  0px;
}

.w80{
    width:                  80%;
}
.w95{
    width:                  95%;
}
.w100{
    width:                  100%;
}

/* BASE: Buttons */
.btn-edit{
    margin-right:           15px;
}

.small-input{
    width:                  60px !important;
    text-align:             center;
}
.medium-input{
    width:                  90px !important;
    text-align:             center;
    margin:                 0 auto;
}
.large-input{
    width:                  160px !important;
    text-align:             center;
    margin:                 0 auto;
}
.xl-input{
    width:                  100% !important;
    text-align:             center;
    margin:                 0 auto;
}

/* BASE: Tabs */
.panel-body-bg-image::after{
    position:               absolute;
    opacity:                0.2;
    font-size:              18em;
    top:                    38%;
    left:                   75%;
    color:                  #6b6b6b;
    content:                "\f0cb";
    font-family:            FontAwesome;
}

.tabs-left{
    padding-left:           0px;
}
.tabs-left > .tabs-header{
    text-align:             center;
    padding-top:            5px;
    padding-bottom:         5px;
    padding-left:           0px;
    padding-right:          0px;
    border-right:           1px solid #46a9db;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom:          0;
    height:                 100%;
}
/* NEW SHOW 'DROPPABLE' AREA */
.tabs-left.droppable{
    background:             rgba(0,0,0,0.1);
}
.tabs-left.droppable > .tabs-header{
    border-right:           none;
}
.tabs-left.droppable > .nav-tabs {
    background:             #fff;
    border:                 2px dashed #46a9db;
    border-radius:          4px;
}

.wizard-modal .nav-tabs > li > a > i{
    display:                none;
}
.wizard-modal .nav-tabs > li.active > a > i{
    display:                inline-block;
}

.wizard-modal #new_visit_activities{
    background:             rgba(255,255,255,0.8);
}
.wizard-modal #new_visit_activities > tbody > tr:not(.not-supported) > td:last-child{
    padding-top:            0px;
    padding-bottom:         0px;
}
.wizard-modal #new_visit_activities .act-results{
    table-layout:           fixed;
    width:                  100%;
}
.wizard-modal #new_visit_activities .act-results > tbody > tr > td{
    padding-top:            8px;
    padding-bottom:         8px;
}
.wizard-modal #new_visit_calendar table > thead > tr > th{
    background:             #46a9db;
    color:                  #fff;
    border-color:           #4096c3 !important;
}
.wizard-modal #new_visit_calendar table{
    cursor:                 pointer;
}
.wizard-modal #new_visit_calendar .calendar-selected-day{
    display:                block;
    font-size:              1.8em;
    color:                  #9dc73c;
    width:                  100%;
    height:                 100%;
    text-align:             center;
    vertical-align:         middle;
    line-height:            60px;
}
.wizard-modal #new_visit_calendar .fc-day:hover{
    background:             #eaf8ff;
}
.wizard-modal #new_visit_calendar .fc-today,
.wizard-modal #new_visit_calendar .fc-today:hover{
    background:             #c3ebff;
}
tr.not-supported > td{
    background:             #f6f6f6;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display:                none;
}
.tab-content > .tab-pane > .control-block{
    padding-bottom:         15px;
}
.tab-content > .tab-pane > .control-block > label{
    color:                  #444;
}
.tab-content > .tab-pane > .control-block > label.small-label{
    padding-left:           5px;
}
.tab-content > .tab-pane > .control-block select.form-control.error,
.tab-content > .tab-pane > .control-block input.form-control.error,
.tab-content > .tab-pane > .control-block input.form-control.error + .input-group-addon{
    border-color:           #d58989 !important;
    background:             #fbdcdc;
    color:                  #b33636;
}

.tab-content > .tab-pane > .error-block{
    display:                none;
    color:                  #b33636;
    text-align:             left;
    vertical-align:         middle;
    height:                 60px;
    font-size:              1.5em;
    padding-left:           0px;
    padding-top:            25px;
}

.tab-content > .active,
.pill-content > .active {
    display:                block;
}

.tabs-left > .nav-tabs > li{
    float:                  none;
}

.tabs-left > .nav-tabs > li > a{
    min-width:              74px;
    margin-right:           0;
    margin-bottom:          3px;
}

.tabs-left > .nav-tabs {
    float:                  left;
    margin-right:           19px;
    padding-right:          0px;
    border-right:           1px solid #46a9db;
}

.tabs-left > .nav-tabs > li > a {
    margin-right:           -1px;
    padding-right:          0px;
    -webkit-border-radius:  0px;
    -moz-border-radius:     0px;
    border-radius:          0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus{
    background:             rgba(70,169,219,0.5);
    border-color:           #46a9db #46a9db #46a9db #46a9db;
}

.tabs-left > .nav-tabs > li > a > i.link-active-icon{
    display:                none;
}
.tabs-left > .nav-tabs > li.active > a > i.link-active-icon{
    display:                inline-block;
    float:                  right;
    color:                  #fff;
    margin-right:           -2px;
    margin-top:             -5px;
    font-size:              2em;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    color:                  #fff;
    background:             #46a9db;
    border-color:           #46a9db transparent #46a9db #46a9db;
    *border-right-color:    #ffffff;
}

/* no-equipment styling for list items */
.tabs-left > .nav-tabs > li.no-equipment > a{
    color:                  #777;
    font-style:             italic;
}
.tabs-left > .nav-tabs > li.no-equipment > a::before{
    font-family:            'FontAwesome';
    font-style:             normal;
    content:                '\f05e';
    color:                  #db4646;
}
.tabs-left > .nav-tabs > li.no-equipment.active > a,
.tabs-left > .nav-tabs > li.no-equipment.active > a:hover,
.tabs-left > .nav-tabs > li.no-equipment.active > a:focus{
    background:             #b7b7b7;
    border-color:           #b7b7b7;
    color:                  #fff;
}
.tabs-left > .nav-tabs > li.no-equipment > a:hover,
.tabs-left > .nav-tabs > li.no-equipment > a:focus{
    background:             #eee;
    border-color:           #b7b7b7 #46a9db #b7b7b7 #b7b7b7;
    color:                  #777;
}

#eTable > tbody > tr.no-equipment > td{
    background:             #eee;
    color:                  #777;
    font-style:             italic;
}
#eTable > tbody > tr.no-equipment > td:first-child > span::before{
    font-family:            'FontAwesome';
    font-style:             normal;
    content:                '\f05e';
    color:                  #db4646;
}


/* BASE: datatables */
.datatable.dt-4-col > thead > tr > th,
.datatable.dt-4-col > tbody > tr > td{
    width: 25%;
}
.datatable.dt-5-col > thead > tr > th,
.datatable.dt-5-col > tbody > tr > td{
    width: 20%;
}

/* BREADCRUMBS */
.breadcrumb {
    background:             #fff;
    color:                  #3274b0;
}

.breadcrumb > li + li:before{
    content:                "\3E\20";
    color:                  #3274b0;
}

.breadcrumb > li{
    padding:                0px;
}

.breadcrumb > li a{
    font-size:              inherit;
    color:                  #3274b0;
}

.breadcrumb > .active {
    color:                  #3274b0;
    font-size:              inherit;
}

/* NAVBAR */
.navbar-default .navbar-header{
    background:             -moz-linear-gradient(left, #3274b0 0%, #3274b0 47%, #0e64af 100%); /* FF3.6-15 */
    background:             -webkit-linear-gradient(left, #3274b0 0%,#3274b0 47%,#0e64af 100%); /* Chrome10-25,Safari5.1-6 */
    background:             linear-gradient(to right, #3274b0 0%,#3274b0 47%,#0e64af 100%);
}
.navbar-default .navbar-brand,
.navbar-brand {
    width:                  100%;
    padding-left:           35px;
}
.navbar-brand > img{
    display:                block;
    margin-left:            auto;
    margin-right:           auto;
}

/*Navbar main*/
.navbar-default .navbar-nav ,
.navbar-default .navbar-nav .dropdown-menu {
    font-family:            'Lato', sans-serif;
    font-size:              inherit;
    font-weight:            700;
}

.navbar-default{
    background-color:       #46a9db;
    border-width:           0px;
}

.navbar-right {
    background-color:       #46a9db;
}
.navbar-right:last-child{
    margin-right:           0px !important;
}

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

.navbar-default .navbar-nav > li > a:hover {
    color:                  #fff;
    background:             #b0d262;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background:             #9dc73c;
    color:                  #fff;
    font-weight:            700;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background:             #b0d262;
    color:                  #fff;
    font-weight:            700;
}

.navbar-default .navbar-nav > li > a.a_right_nav:hover,
.navbar-default .navbar-nav > li > a.a_right_nav:focus {
    color:                  #fff;
}

/*NAVBAR: dropdown*/
.navbar .dropdown > .dropdown-menu{
    background:             #3274b0;
    color:                  #fff;
    font-weight:            300;
}
.navbar .dropdown > .dropdown-menu > li > a{
    color:                  #fff;
}
.navbar .dropdown > .dropdown-menu > li:hover > a{
    background:             #9dc73c;
}
.navbar .dropdown > .dropdown-menu > .divider{
    background:             #275a88;
}
.navbar .dropdown:hover > .dropdown-menu{
    visibility:             visible;
    display:                block;
}

.navbar-toggle-hur{
    background-color:       #3274b0 !important;
    border-radius:          0px;
    border:                 0px;
    margin-top:             0px;
    margin-bottom:          0px;
    margin-right:           0px;
    padding:                10px 10px 10px 10px;
    height:                 50px;
    width:                  auto;
    color:                  #fff;
    font-weight:            700;
}
.navbar-toggle-hur:focus{
    background-color:       #9dc73c !important;
}

/*NAVBAR: dropdown - user information */
.navbar-right > li > a > .navbar-username{
    display:                inline-block;
    vertical-align:         bottom;
    height:                 inherit;
    max-width:              80px;
    text-overflow:          ellipsis;
    overflow:               hidden;
    white-space:            nowrap;
    padding-left:           5px;
}

.user-rights-dropdown{
    font-size:              inherit;
    font-weight:            300;
    padding:                0px 4px 0px 20px;
}
.user-rights-dropdown > li.access-level{
    color:                  #9dc73c;
}
.user-rights-dropdown > li.facility-name{
    color:                  #fff;
    line-height:            90%;
    font-size:              0.8em;
    border-bottom:          1px solid #518DC2;
    padding-top:            5px;
    padding-bottom:         0px !important;
    margin-right:           15px !important;
}
.user-rights-dropdown > .permission-name-container{
    line-height:            90%;
    font-size:              0.8em;
    color:                  #fff;
    padding-top:            2px;
    padding-left:           5px;
}

/* NAVBAR: search block */
.navbar .search-container{
    margin-top:             10px;
}
.navbar .search-container > .input-group{
    background:             #fff;
    border-radius:          6px;
}
.navbar .search-container > .input-group > .twitter-typeahead > .tt-input{
    background:             #fff;
    border:                 1px solid #2496CD;
    border-right:           none;
}
.navbar .search-container > .input-group > .twitter-typeahead > .tt-input:focus{
    box-shadow:             none;
    -webkit-box-shadow:     none;
    -moz-box-shadow:        none;
}
.tt-dropdown-menu{
    max-height:             200px;
    overflow:               auto;
    width:                  110%;
}
.navbar .search-container > .input-group > .input-group-addon{
    background:             #fff;
    color:                  #2496CD;
    border:                 1px solid #2496CD;
    border-left:            none;
}

.navbar .quick-links{
    height:                 100%;
    margin-top:             10px;
    padding-left:           15px;
    padding-right:          15px;
    background:             #9dc73c;
    color:                  #fff;
    font-weight:            700;
    font-size:              0.9em;
}
.navbar .quick-links > a > i{
    color:                  #fff;
    margin-right:           5px;
}
.navbar .quick-links.btn.dropdown-toggle{
    padding:                6px 8px !important;
}

.navbar .quick-links:hover,
.navbar .quick-links:focus {
    background:             #8db336;
    color:                  #fff;
    font-weight:            700;
}

/* NAVBAR: collapse */
.navbar-default .navbar-collapse{
    border-color:           #3274b0;
}

/* MAIN FOOTER */

#main_footer{
    text-align:             right;
    position:               fixed;
    right:                  0px;
    bottom:                 0;
    margin-left:            -15px;
}
#main_footer a{
    color:                  #3274b0;
    text-decoration:        none;
}
#main_footer a:hover{
    color:                  #9dc73c;
}


/* CONTENT: panels */
.panel.panel-primary{
    border:                 transparent;
    box-shadow:             none;
}
.panel.panel-primary > .panel-heading{
    background:             #fff;
    color:                  #3274b0;
    border-radius:          0px;
    border:                 none;
}
.panel.panel-primary > .panel-heading > legend{
    padding-bottom:         5px;
}
.panel.panel-primary > .panel-heading > .help-block{
    padding-left:           15px;
}

.panel.panel-primary > .panel-body > .row > .help-block{
    padding-left:           15px;
    padding-bottom:         15px;
    font-size:              0.95em;
    font-style:             italic;
}
.panel.panel-primary > .panel-body > .row > .label-row > .label{
    font-size:              1.1em;
}

.panel.panel-primary > .panel-body > .row > .label-row .tag-input-container{
    padding-bottom:         5px;
}
.panel.panel-primary > .panel-body > .row > .label-row .tag-input-container > .bootstrap-tagsinput{
    border-radius:          0px 4px 4px 0px;
}

.panel.panel-primary > .panel-body .profile-data-panel{
    height:                 200px;
}
.panel.panel-primary > .panel-body .profile-data-panel > .table{
    height:                 100%;
}
.panel.panel-primary > .panel-body .profile-data-panel > .table > tbody > tr > th,
.panel.panel-primary > .panel-body .profile-data-panel > .table > tbody > tr > td{
    height:                 20%;
}

.panel.panel-hur{
    border:                 1px solid #ddd;
    border-radius:          0px;
}
.panel.panel-hur > .panel-heading{
    background:             #46a9db;
    color:                  #fff;
    border-radius:          0px;
    border:                 none;
}

/* SIDENAV: 2 types of sidemenu, default and phone sidemenu */
.default-class-block{
    display:                block;
}
.default-class-inline-block{
    display:                inline-block;
}
.default-class-td-block{
    display:                table-cell;
}

.mobile-class-block,
.mobile-class-tr-block,
.mobile-class-td-block{
    display:                none;
}

.mobile-class-block .mobile-menu-icon{
    background:             #fff;
    border:                 1px solid #80A91F;
    border-left:            none;
    border-radius:          0px 4px 4px 0px;
    color:                  #9dc73c;
    padding:                8px 8px 8px 15px;
    font-size:              2em;
    width:                  auto;
}
#mobile-side-nav-toggle {
  display:                  none;
  background:               #fff;
  color:                    #46a9db;
  border-left:              #fff;
  position:                 absolute;
  top:                      -70px;
  left:                     -21px;
}

.side-nav {
    display:                none;
    margin-top:             0px;
    margin-left:            0px;
    width:                  200px;
    padding-left:           0px;
}
.side-nav > .list-group.nav{
    background:             #fff;
    padding:                20px;
    margin-right:           -19px;
    overflow-y:             auto;
}

#mobile-side-nav-toggle {
    display:                block;
}

body.is-side-nav-open {
    overflow-x:             hidden;
}
body.is-side-nav-open .sg-main-container {
    border-left:            1px solid #46a9db;
    position:               relative;
}
body.is-side-nav-open .side-nav {
    position:               absolute;
    display:                block;
    left:                   -240px;
    top:                    -180px;
}

/* TRAINING PROGRAMS */
.add-activity-filter .bootstrap-tagsinput{
    border:                 none !important;
}
.tr-program-content .tr-program-settings{
    min-height:             45px;
    padding-top:            5px;
    padding-bottom:         0px;
    padding-left:           0px;
    margin-bottom:          0px;
    border-bottom:          1px solid #d7d7d7;
}
.tr-program-content .tr-program-settings > strong{
    padding-left:           15px;
    line-height:            35px;
}
.tr-program-content .tr-program-settings > .checkbox{
    vertical-align:         middle;
    padding-left:           35px;
    margin-bottom:          0px;
}
.tr-program-content .tr-program-settings > .tr-program-concept{
    display:                block;
    width:                  100%;
    border-top:             1px solid #ddd;
    border-bottom:          1px solid #ddd;
    line-height:            40px;
    padding-left:           15px;
}
.tr-program-content .tr-program-settings > .tr-program-concept:hover{
    cursor:                 pointer;
    border-top:             1px solid #46a9db;
    border-bottom:          1px solid #46a9db;
}
.tr-program-content .tr-program-settings > .tr-program-concept .concept-name{
    display:                inline-block;
    font-weight:            bold;
    color:                  #3274b0;
}
.tr-program-content .tab-content{
    padding-left:           0px;
    padding-right:          0px;
}
.exercise-legend > .btn{
    border-color:           #46a9db;
    color:                  #46a9db;
    padding:                0px !important;
    margin-top:             5px;
    margin-right:           5px;
}
.exercise-legend > .btn:hover,
.exercise-legend > .btn:focus{
    background:             #46a9db;
    color:                  #fff;
}
.exercise-legend > .btn > i.fa-angle-double-down,
.exercise-legend > .btn > i.fa-angle-double-up,
.exercise-legend > .btn > a > i.fa-plus,
.exercise-legend > .btn > i.fa-plus
{
    color:                  #428bca;
    display:                inline-block;
    cursor:                 pointer;
    padding:                6px 12px !important;
}
.tr-program-content .tr-program-settings > .setting-text-block{
    padding-top:            15px;
    padding-bottom:         15px;
    max-height:             150px;
    overflow-y:             hidden;
    overflow-x:             hidden;
}

.tr-program-content .tr-program-settings > .setting-text-block .added-info-list{
    display:                inline-block;
    vertical-align:         top;
    list-style-type:        none;
    padding-left:           15px;
}
.tr-program-content .tr-program-settings > .setting-text-block .added-info-list > li > b{
    display:                inline-block;
    width:                  60%;
}
.tr-program-content .tr-program-settings > .setting-text-block .added-info-list > li > span{
    display:                inline-block;
    float:                  right;
    width:                  40%;
}
.tr-program-content .tr-program-settings .description-block{
    display:                inline-block;
}

.tr-program-content .tabbable.tabs-left{
    padding-left:           15px;
}
.tabbable.tabs-left .activity-info{
    display:                block;
    overflow:               auto;
}
.tabbable.tabs-left .activity-info legend{
    font-weight:            bold;
}
.tabbable.tabs-left .activity-info .instruction-container,
.tabbable.tabs-left .activity-info .comments-container,
.tabbable.tabs-left .activity-info .available-activity-comments-container, 
.tabbable.tabs-left .activity-info .available-activity-description-container{
    padding-left:           0px;
    padding-right:          0px;
}
.tr-program-content .trainingtemplate-controls{
    padding-top:            5px;
    padding-right:          15px;
}
.tr-program-content .trainingtemplate-controls > .dropdown-menu{
    margin-right:           15px;
}
.tr-program-content .trainingtemplate-controls > .dropdown-menu > li > a > i{
    color:                  #9dc73c;
}

.tr-program-content .exercise-tabs > li.active > a{
    border-bottom:          1px solid transparent;
}
.tr-program-content .exercise-tabs > li > #new_wizard{
    margin-top:             5px;
    padding:                5px 10px;
    border-radius:          5px;
}
.tr-program-content .exercise-tabs > li > #new_wizard:hover{
    background:             #8db336;
    color:                  #fff;
}

.exercise-legend{
    border:                 none;
}

.tr_ac_image{
    display:                inline-block;
    max-width:              350px;
    max-height:             350px;
    width:                  auto;
    height:                 auto;
    margin-left:            auto;
    margin-right:           auto;
}
.btn.btn-create-tr-program{
    font-size:              1.5em;
    padding:                15px 20px;
}
span.edit-exercise{
    color:                  #46a9db;
}
span.edit-exercise:hover,
span.edit-exercise:focus{
    color:                  #3274b0;
    cursor:                 pointer;
}
abbr{
    border-bottom:          none !important;
}

/* TRAINING PROGRAMS: create trainingprogram wizard */
a#new_wizard{
    margin-left:            5px;
}
#new-wizard > .modal-dialog > form > .modal-content > .modal-header{
    border-bottom:          none;
}
#new-wizard > .modal-dialog > form > .modal-content > .modal-body{
    height:                 500px !important;
    overflow-y:             auto;
    padding:                0px 15px;
}
#new-wizard > .modal-dialog > form > .modal-content > .modal-body .tabbable.tabs-left{
    height:                 500px !important;
}
#new-wizard > .modal-dialog > form > .modal-content > .modal-body .tab-content{
    padding:                15px 0px;
}
#new-wizard > .modal-dialog > form > .modal-content > .modal-body .tab-content > .tab-pane > .control-block{
    padding-bottom:         15px;
}
#new-wizard > .modal-dialog > form > .modal-content > .modal-footer{
    margin-top:             0px;
}
#new-wizard > .modal-dialog > form > .modal-content > .modal-footer .pBar{
    margin-top:             5px;
    margin-bottom:          -10px;
    display:                inline;
}
#new-wizard > .modal-dialog > form > .modal-content > .modal-body .wizard-alert-success,
#new-wizard > .modal-dialog > form > .modal-content > .modal-body .wizard-alert-error{
    text-align:             center;
    margin-top:             50px;
}

/* TRAINING PROGRAMS: edit popup */
.settingsValues > td{
    padding-bottom:         10px;
}
.setsTable{
    margin-top:             -10px;        /* To fix the position difference done by border-spacing*/
    margin-left:            -10px;
    height:                 auto;
    vertical-align:         top;
    border-spacing:         0px;
    border-collapse:        separate;
    width:                  100%;
}
.setsTable > tbody > tr > td{
    padding:                5px;
}
.setsTable th{
    text-align:             center;
}
.selectInput{
    margin:                 auto;
    width:                  85px;
    text-align:             center;
}
.smallInput{
    margin:                 auto;
    width:                  55px;
    text-align:             center;
}
.mediumInput{
    margin:                 auto;
    width:                  70px;
    text-align:             center;
}
.hiddenTD{
    display:                none;
}

.has-condition-values ._update{
    margin-bottom:          -20px;
}
.has-condition-values .edit-update-tresholds{
    position:               relative;
    color:                  #428bca;
    font-size:              15px;
    margin-top:             5px;
    padding-right:          0px;
}
.has-condition-values .edit-update-tresholds:hover{
    cursor:                 pointer;
    color:                  #3274b0;
}

.btn-white-blue {
    background:             #fff;
    color:                  #3274b0;
    border-color:           #ccc;
}

.btn-white-blue:hover,
.btn-white-blue:focus {
    background:             #3274b0;
    color:                  #fff;
    border-color:           #fff;
}
.btn-white-blue.active{
    background:             #3274b0;
    color:                  #fff;
    border-color:           #fff;
}

/* new stuff */
[id^="editExercise-"] > .modal-dialog{
    margin-top:             15px;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body{
    padding:                0px;
    height:                 auto;
    min-height:             150px;
    max-height:             525px;
    overflow-x:             hidden;
    overflow-y:             auto;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table{
    border:                 none;
    margin-bottom:          0px;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable{
    padding-left:           0px;
    padding-right:          0px;
    margin-bottom:          0px;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr{
    cursor:                 move;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > th,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > thead > tr > th:first-child,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr > th{
    border:                 none;
    border-bottom:          1px solid #ccc;
    border-right:           1px solid #ccc;
    background:             #efefef;
    width:                  20%;
    text-align:             center;
    height:                 50px;
    vertical-align:         middle;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr:last-child > th{
    border-bottom:          1px solid #efefef;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr:last-child > td,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr:last-child > td{
    border-bottom:          none;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr.table-data-row > th,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > thead > tr > th{
    text-align:             center;
    width:                  auto;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr.table-data-row > th:not(:first-child),
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > thead > tr > th:not(:first-child),
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr > td:not(:first-child){
    border-right:           none;
    border-bottom:          1px solid #ededed;
    background:             #fff;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr > td,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > thead > tr > th{
    border:                 none;
    border-bottom:          1px solid #ededed;
    height:                 50px;
    vertical-align:         middle;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td.added-padding,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr > td.added-padding{
    padding-left:           25px;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr.table-data-row > td,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr > td{
    text-align:             center;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr.table-data-row > td > .input-group{
    margin:                 0 auto;
    float:                  none;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > input{
    display:                inline-block;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .small-input,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr > td > .small-input{
    width:                  60px;
    text-align:             center;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .medium-input,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr > td > .medium-input{
    width:                  90px;
    text-align:             center;
    margin:                 0 auto;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .large-input,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr > td > .large-input{
    width:                  160px;
    text-align:             center;
    margin:                 0 auto;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .large-input > input,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table .table-sortable > tbody > tr > td > .large-input > input{
    text-align:             center;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .selector-group > .btn{
    width:                  45px;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .selector-group.selector-group-large{
    width:                  80%;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .selector-group.selector-group-large > .btn{
    width:                  auto;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .input-help-block{
    display:                inline-block;
    padding-left:           10px;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td.disabled > .input-help-block{
    text-decoration:        line-through;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .edit-update-tresholds{
    position:               absolute;
    color:                  #428bca;
    font-size:              1.2em;
    margin-top:             0px;
    margin-left:            -15px;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .edit-update-tresholds:hover{
    cursor:                 pointer;
    color:                  #3274b0;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td > .action-buttons{
    display:                inline-block;
    margin-left:            10px;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td select.form-control.error,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td input.form-control.error,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td input.form-control.error + .input-group-addon{
    border-color:           #d58989 !important;
    background:             #fbdcdc;
    color:                  #b33636;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td select.form-control.hover-selected,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td input.form-control.hover-selected,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td input.form-control.hover-selected + .input-group-addon,
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr > td textarea.form-control.hover-selected{
    border-color:           #46a9db !important;
    background:             #c2dcf4;
}
[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-body > fieldset > .ee_modal_content_table > tbody > tr.table-set-row.hover-selected > th:first-child{
    background:             #6CBEE6;
    color:                  #fff;
    border:                 1px solid #46a9db;
}

[id^="editExercise-"] > .modal-dialog > .modal-content > .modal-footer{
    margin-top:             0px;
}

#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > thead > tr > th,
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > tbody > tr > td{
    text-align:             center;
    vertical-align:         middle;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > thead > tr > th{
    background:             #efefef;
    border-bottom:          1px solid #ccc;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > thead > tr > th:not(:nth-child(2)){
    width:                  40%;
    height:                 35px;
    text-transform:         uppercase;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > tbody > tr > td:nth-child(2){
    font-weight:            bold;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > tbody > tr > td > ul > li{
    padding-top:            1px;
    padding-bottom:         1px;
    text-align:             left;
    background-color:       #eee;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > tbody > tr > td > ul > li > i.not-available-icon{
    display:                none;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > tbody > tr > td > ul.clickable > li{
    cursor:                 pointer;
    background-color:       #eee;
    overflow:               hidden;
    text-overflow:          ellipsis;
    white-space:            nowrap;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > tbody > tr > td > ul.clickable > li > i.not-available-icon{
    display:                none;
    margin-top:             2px;
    color:                  #db4646;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > tbody > tr > td > ul.clickable > li.active{
    background-color:       #fff;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > tbody > tr > td > ul.clickable > li.not-available{
    background-color:       #eee;
    cursor:                 default;
}
#duplicate_tr_prog > .modal-dialog > .modal-content > form > .modal-body > .duplicate_tr_prog_table > tbody > tr > td > ul.clickable > li.not-available > i.not-available-icon{
    display:                inline-block;
}

.selector-group > .btn{
    min-width:              20%;
    width:                  auto;
}

.selector-group > button:hover{
    cursor:                 pointer;
    background-color:       #a5c7d9 !important;
    border-color:           #3274b0 !important;
}
.selector-group > button.active{
    color:                  #fff !important;
    background-color:       #46a9db !important;
    border-color:           #3274b0 !important;
}


/* VISITS: visit-view */
.activity-over-performed,
.act-results tr.activity-over-performed > td{
    color:                  #12256d;
    background:             #9eafef;
    border:                 1px solid #778DDE;
}
.activity-fully-performed,
.act-results tr.activity-fully-performed > td{
    color:                  #256d12;
    background:             #aeef9e;
    border:                 1px solid #8DE276;
}
.activity-under-performed,
.act-results tr.activity-under-performed > td{
    color:                  #6d1212;
    background:             #efa29e;
    border:                 1px solid #C86A65;
}
.activity-not-performed,
.act-results tr.activity-not-performed > td{
    color:                  #6b6b6b;
    background:             #a4a4a4;
    border:                 1px solid #787878;
}
.activity-started,
.act-results tr.activity-started > td{
    color:                  #126d61;
    background:             #9eefe8;
    border:                 1px solid #71DCD4;
}

.table.detailed-table{
    margin-bottom:          0px;
}
.table.detailed-table > tbody > tr > th,
.table.detailed-table > tbody > tr > td,
#edit_visit_modal input{
    text-align:             center !important;
}

.accordion-modal .modal-dialog,
#edit_visit_modal .modal-dialog{
    margin-top:             15px;
}
.accordion-modal .modal-body,
#edit_visit_modal .modal-body{
    background:             #f9f9f9;
    padding-top:            0px;
    padding-left:           0px;
    padding-right:          0px;
    max-height:             525px;
    min-height:             450px;
}
.accordion-modal .modal-body > #signup_message,
#mark_clients_signup #mark_clients_message{
    position:               absolute;
    width:                  100%;
    padding-top:            15px;
    padding-left:           15px;
    padding-right:          15px;
    z-index:                3;
}
.accordion-modal .modal-body legend,
#edit_visit_modal .modal-body legend{
    cursor:                 pointer;
    background:             #fff;
    padding-top:            8px;
    padding-bottom:         8px;
    padding-left:           15px;
    display:                block;
    position:               relative;
}
.accordion-modal .modal-body legend:not(:first-child),
#edit_visit_modal .modal-body legend:not(:first-child){
    border-top:             1px solid #e5e5e5;
}
.accordion-modal .modal-body legend > i.dropdown-icon,
#edit_visit_modal .modal-body legend > i.dropdown-icon{
    display:                block;
    font-size:              1.5em;
    padding-right:          15px;
    margin-bottom:          0px;
}
.accordion-modal .modal-body legend > i.dropdown-icon:hover,
#edit_visit_modal .modal-body legend > i.dropdown-icon:hover{
    cursor:                 pointer;
}
.accordion-modal .modal-body > .accordion-base-container,
#edit_visit_modal .modal-body > .edit-visit-base-container{
    padding-top:            5px;
    padding-bottom:         5px;
    display:                none;
}
.accordion-modal .modal-body > .accordion-base-container > .accordion-image-container{
    height:                 250px;
}
.accordion-modal .modal-body > .accordion-base-container > .accordion-image-container > img{
    display:                inline-block;
    margin:                 0 auto;
    height:                 100%;
    max-width:              350px;
}
.accordion-modal .modal-body > .accordion-base-container > .accordion-image-container > .image-overlay{
    position:               absolute;
    display:                block;

}
.accordion-modal .modal-body > .accordion-base-container .attending-client-container .client-panel-name{
    max-width:              65%;
    display:                inline-block;
    text-overflow:          ellipsis;
    overflow:               hidden;
    white-space:            nowrap;
}
.accordion-modal .modal-body > .accordion-base-container .attending-client-container:hover{
    text-decoration:        none;
}
.accordion-modal .modal-body > .accordion-base-container .attending-client-container img{
    height:                 45px;
    width:                  45px;
    margin:                 5px;
    border-radius:          4px;
    overflow:               hidden;
}
.accordion-modal .modal-body > .accordion-base-table,
#edit_visit_modal .modal-body > .edit-visit-base-table{
    margin-bottom:          0px;
}
.accordion-modal .modal-body > .accordion-base-table > tbody > tr > th,
#edit_visit_modal .modal-body > .edit-visit-base-table > tbody > tr > th{
    text-align:             left;
    width:                  40%;
    line-height:            35px;
}
.accordion-modal .modal-body > .accordion-base-table > tbody > tr > th,
.accordion-modal .modal-body > .accordion-base-table > tbody > tr > td,
#edit_visit_modal .modal-body > .edit-visit-base-table > tbody > tr > th,
#edit_visit_modal .modal-body > .edit-visit-base-table > tbody > tr > td{
    padding:                2px 5px 2px 5px;
}

.accordion-modal .undo-changes,
#edit_visit_modal .undo-changes{
    display:                inline-block;
    text-align:             center;
    padding:                0px;
    padding-top:            10px;
    cursor:                 pointer;
}
.accordion-modal .activity-over-performed .undo-changes,
#edit_visit_modal .activity-over-performed .undo-changes{
    color:                  #35447c;
}
.accordion-modal .activity-fully-performed .undo-changes,
#edit_visit_modal .activity-fully-performed .undo-changes{
    color:                  #619b51;
}
.accordion-modal .activity-under-performed .undo-changes,
#edit_visit_modal .activity-under-performed .undo-changes{
    color:                  #914e4a;
}
.accordion-modal .activity-not-performed .undo-changes,
#edit_visit_modal .activity-not-performed .undo-changes{
    color:                  #444;
}
.accordion-modal .activity-started .undo-changes,
#edit_visit_modal .activity-started .undo-changes{
    color:                  #478883;
}

.accordion-modal .status-select-container,
#edit_visit_modal .status-select-container{
    padding:                10px;
    padding-right:          0px;
}
.accordion-modal .status-select-container > .status-select,
#edit_visit_modal .status-select-container > .status-select{
    display:                inline-block !important;
}
.accordion-modal .activity-over-performed .status-select,
#edit_visit_modal .activity-over-performed .status-select{
    border:                 1px solid #778DDE;
}
.accordion-modal .activity-fully-performed .status-select,
#edit_visit_modal .activity-fully-performed .status-select{
    border:                 1px solid #8DE276;
}
.accordion-modal .activity-under-performed .status-select,
#edit_visit_modal .activity-under-performed .status-select{
    border:                 1px solid #C86A65;
}
.accordion-modal .activity-not-performed .status-select,
#edit_visit_modal .activity-not-performed .status-select{
    border:                 1px solid #787878;
}
.accordion-modal .activity-started .status-select,
#edit_visit_modal .activity-started .status-select{
    border:                 1px solid #71DCD4;
}

.accordion-modal .accordion-panel,
#edit_visit_modal .accordion-panel{
    padding-left:           5px;
    padding-right:          5px;
}
.accordion-modal .accordion-panel > .accordion-container,
#edit_visit_modal .accordion-panel > .accordion-container{
    margin-top:             0px;
}
#edit_visit_modal .accordion-panel > .accordion-container a .dropdown-container{
    display:                inline-block;
    text-align:             left;
    padding:                0px;
    font-size:              1.7em;
    vertical-align:         middle;
}
#edit_visit_modal .accordion-panel > .accordion-container a .dropdown-container::after{
    font-family:            FontAwesome;
    content:                "\f106";
}
#edit_visit_modal .accordion-panel > .accordion-container a.collapsed .dropdown-container::after{
    font-family:            FontAwesome;
    content:                "\f107";
}

/* CLIENT REPORTS: */
.segmental-progress-container{
    overflow-x:             scroll;
}
.segmental-progress-container > .table.segmental-progress{
    min-width:              750px;
}
.activity-img > img.av_ac_image{
    width:                  100%;
}
/* CLIENT REPORTS: tests */
#activityTabs > #activity_tabs_content{
    margin-top:             15px;
}
.tab-content-panel{
    padding-left:           0px;
    padding-right:          0px;
}

/* CLIENT REPORTS: tests - info rectangle coloring */
.rectangle{
    width:                  20px;
    height:                 20px;
    padding-left:           5px;
}
.rectangle.rectangle-green{
    background:             #9dc73c;
}
.rectangle.rectangle-red{
    background:             #ff8467;
}
.rectangle.rectangle-yellow{
    background:             #f3ee68;
}
.rectangle.rectangle-blue{
    background:             #46a9db;
}

/* CLIENT REPORTS: classes medals - info circle coloring */
.circle{
    width:                  24px;
    height:                 24px;
    padding-left:           8px;
    border-radius: 50%;
  }
  .circle.circle-green{
    background:             #9dc73c;
  }
  .circle.circle-red{
    background:             #ff8467;
  }
  .circle.circle-yellow{
    background:             #f3ee68;
  }
  .circle.circle-blue{
    background:             #46a9db;
  }
  
  .circle.circle-gold{
    background:             #D6AF36;
  }
  .circle.circle-silver{
    background:             #A7A7AD;
  }
  .circle.circle-bronze{
    background:            #A77044;
  }

/* CLIENT REPORTS: tests - info about LOS circles */
.reference-limit-circle{
    width:                  51px;
    height:                 51px;
    margin:                 0 auto !important;
}
.reference-limit-circle.circle-full{
  background:               url('../img/LOS_circles.png') 0px 0px;
}
.reference-limit-circle.circle-middle{
  background:               url('../img/LOS_circles.png') -51px 0px;
}
.reference-limit-circle.circle-small{
  background:               url('../img/LOS_circles.png') -102px 0px;
}

/* CLIENT REPORTS: tests - table styling */
.hur-bg-red{
    background:             #ff8467;
}
.hur-bg-yellow{
    background:             #f3ee68;
}
.hur-bg-green{
    background:             #9dc73c;
}
.hur-bg-blue{
    background:             #46a9db;
}

.table-no-header-border{
    border:                 transparent;
}
.table-no-header-border > thead > tr > th{
    border:                 transparent;
}
.table-no-header-border > tbody > tr > th{
    border:                 transparent;
}


.table-center-th-cells > thead > tr > th,
.table-center-td-cells > tbody > tr > td{
    text-align:             center;
}

td.td-selectable{
    cursor: pointer;
}
td.td-selectable:hover{
    color:                  #3274b0;
    border-bottom:          1px solid #46a9db;
}
td.selected{
    color:                  #ffffff;
    background:             #46a9db;
}

/* CLIENT REPORTS: main-report-view */
.report-link-container,
.video-link-container{
    padding-top:            15px;
    padding-bottom:         15px;
}
.report-link-container > h3,
.video-link-container > h3{
    margin-top:             0px;
    padding-left:           15px;
    color:                  #46a9db;
}
.report-link-container > a > img,
.video-link-container > a > img{
    border:                 1px solid #d3d3d3;
    border-radius:          4px;
    width:                  100%;
    height:                 200px;
}
.video-link-container > a > img{
    padding:                4px;
}
.video-link-container > a > .overlay{
    position:               absolute;
    width:                  90%;
    text-align:             center;
    margin-top:             80px;
}
.video-link-container > a > .overlay > i{
    background:             rgba(255,255,255,0.8);
    padding:                5px;
    border-radius:          60%;
}
.report-link-container > a > img:hover,
.report-link-container > a > img:focus,
.video-link-container > a > img:hover,
.video-link-container > a > img:focus{
    cursor:                 pointer;
    border:                 1px solid #9ed9f8;
}

/* CLIENT REPORTS: overview-report */
.filter-block > .filter-selection{
    margin-bottom:          5px;
}
.filter-block > .filter-selection > a{
    width:                  100%;
}

.segmental-progress-container > table.segmental-progress > tbody > tr > td >.segmental-image{
    display:                block;
    margin-left:            auto;
    margin-right:           auto;
}
.segmental-progress-container > table.segmental-progress > tbody > tr > td.segmental-percent > span{
    display:                block;
    text-align:             center;
}

.individual-activity-table > tbody > tr > th{
    text-align:             left;
    width:                  40%;
}
.individual-activity-table > tbody > tr > td{
    width:                  20%;
}
.individual-activity-table > tbody > tr.no-comparison > th,
.individual-activity-table > tbody > tr.no-comparison > td{
    background-color:       #ececec;
}
.individual-activity-table > tbody > tr > td > img.arrow-rotate-ccw{
    -ms-transform:          rotate(-45deg);
    -webkit-transform:      rotate(-45deg);
    transform:              rotate(-45deg);
}

.individual-activity-table > tbody > tr > td > img.arrow-rotate-cw{
    -ms-transform:          rotate(45deg);
    -webkit-transform:      rotate(45deg);
    transform:              rotate(45deg);
}

/* CLIENT REPORTS: visit-comparison-report*/
table#comparisonTable > thead > tr > th{
    color:                  #3274b0;
    text-align:             center;
}
table#comparisonTable > tbody > tr > td{
    text-align:             center;
}

/* CLIENT REPORTS: one-repetition-estimation */
.equipment-image:hover{
    text-decoration:        none;
}
.equipment-image > img{
    width:                  100%;
    max-width:              150px;
}

.one-rep-max-list > .list-group > li{
  background: #ffffff;
  color: #3274b0;
}

.one-rep-max-list > .list-group > li:hover{
  background: #9dc73c;
  color:  #ffffff;
  cursor: pointer;
}

.label.label-green{
  background: #9dc73c;
  padding: 10px;
  font-size: 14px;
}
.label.label-hur{
    background:             #fff;
    color:                  #3274b0;
    border:                 1px solid #ccc;
}

/* LIST CRITERIONS: client */
.panel.panel-primary > .panel-heading > legend.list-criterion-legend{
    font-size:              1.0em;
}
.dt-buttons > .dt-button{
    margin-right:           0px;
    background:             #9dc73c;
    color:                  #fff;
    border:                 none;
    border-radius:          4px;
    margin-left:            5px;
}
.dt-buttons > .dt-button:hover,
.dt-buttons > .dt-button:focus{
    background:             #8db336 !important;
    color:                  #fff !important;
    border:                 none !important;
}

.no-padding{
    padding-left:           0px;
    padding-right:          0px;
}

.tag-filter,
.person-filter{
    padding-right:          0px;
}
.person-filter .input-group{
    height:                 auto;
}
.person-filter .input-group .form-control{
    padding:                0px;
}
.person-filter .input-group .form-control label{
    width:                  100%;
    margin-bottom:          0px;
    padding-left:           5px;
    height:                 32px;
}
.person-filter .input-group .form-control label > input{
    margin:                 0px;
    width:                  100%;
    height:                 100%;
    border:                 none;
    padding:                0px;
}

/* LIST CRITERIONS: add client */
.slidetoggle-button{
    color:                  #46a9db;
}
.slidetoggle-button:hover{
    -webkit-animation:      up-down-popping 1s linear infinite;
    -moz-animation:         up-down-popping 1s linear infinite;
    -o-animation:           up-down-popping 1s linear infinite;
    animation:              up-down-popping 1s linear infinite;
}
.slidetoggle-button > i.fa-angle-double-down,
.slidetoggle-button > i.fa-angle-double-up{
    color:                  inherit;
    display:                inline-block;
    cursor:                 pointer;
}
.import-list > a{
    cursor:             default;
    border-radius:      0px !important;
    min-height:         80px;
    background:         #f3f3f3 !important;
    border-right:       transparent;
}
.import-list > a:first-child{
    border-top:         none;
}
.import-list > a:last-child{
    border-bottom:      transparent !important;
}
.import-list > a .additional-info{
    display:            none;
}

.import-list > a.active,
.import-list > a.active:hover,
.import-list > a.active:focus{
    background:         #fff !important;
    border-color:       #ccc !important;
    color:              #333 !important;
}
.import-list > a.active  p{
    color:              #333 !important;
}
.import-list > a.active .additional-info{
    display:            block;
    border-top:         1px dashed #ddd;
    padding-top:        5px;
}
.import-list > a.active .additional-info > div{
    color:              #3274b0;
}

.import-list > a.active .additional-info > div.success > .a-info-success,
.import-list > a.active .additional-info > div.error > .a-info-error{
    display:            inline-block;
}
.import-list > a.active .additional-info > div.success > .a-info-error,
.import-list > a.active .additional-info > div.error > .a-info-success{
    display:            none;
}

#import_json_icon{
    display:            inline-block;
    width:              15%;
    font-size:          1.5em;
}
.import-list > a.active .additional-info > div > .a-info-success,
#import_json_icon.success{
    color:              #9dc73c;
}
.import-list > a.active .additional-info > div > .a-info-error,
#import_json_icon.error{
    color:              #ff3f13;
}

.list-group-overlay{
    position:           absolute;
    z-index:            2;
    height:             100%;
    width:              100%;
    background:         rgba(0,0,0,0.4);
}
.list-group-overlay > i{
    position:           absolute;
    z-index:            4;
    font-size:          150px;
    color:              rgba(219, 70, 70, 1);
    left:               50%;
    margin-left:        -75px;
    margin-top:         50px;
}
.required-info-container{
    display:            none;
}
.required-info-panel-icon{
    position:           absolute;
    margin-left:        -0.75em;
    font-size:          2.2em;
    color:              #FF3B3B;
}
.required-info-panel{
    background:         #FF3B3B;
    border:             1px solid #FF3B3B;
    color:              #FFE6E6;
}
.required-info-panel legend{
    border-bottom:      transparent;
    line-height:        34px;
    color:              inherit;
}
.required-info-panel .required-info-body{
    text-align:         center;
    min-height:         34px;
    line-height:        34px;
}
.required-info-panel .required-info-body > span{
    display:            inline-block;
    font-weight:        bold;
    color:              inherit;
    margin-right:       10px;
}
.required-info-panel .required-info-body > span > i{
    display:            none;
    line-height:        34px;
}

.required-info-panel .required-info-body > span:hover{
    cursor:             pointer;
}
.required-info-panel .required-info-body > span:hover > i{
    display:            inline-block !important;
}
.required-info-container{
    display:            none;
}
.required-info-panel-icon{
    position:           absolute;
    margin-left:        -0.75em;
    font-size:          2.2em;
    color:              #FF3B3B;
}
.required-info-panel{
    background:         #FF3B3B;
    border:             1px solid #FF3B3B;
    color:              #FFE6E6;
}
.required-info-panel legend{
    border-bottom:      transparent;
    line-height:        34px;
    color:              inherit;
}
.required-info-panel .required-info-body{
    text-align:         center;
    min-height:         34px;
    line-height:        34px;
}
.required-info-panel .required-info-body > span{
    display:            inline-block;
    font-weight:        bold;
    color:              inherit;
    margin-right:       10px;
}
.required-info-panel .required-info-body > span:hover{
    cursor:             pointer;
}
.required-info-panel .required-info-body > span:hover > i{
    display:            inline-block !important;
}

/* DASHBOARDS */
#dTable thead th{
    text-align:             center;
}
#dTable > tbody > tr > td{
    color:                  #585858;
    text-align:             center;
}
#dTable > tbody > tr:nth-child(3){
    background:             #c8ccff;
}
#dTable > tbody > tr:nth-child(6){
    background:             #ffe3dc;
}
#dTable > tbody > tr:nth-child(9){
    background:             #fff2b8;
}
#dTable > tbody > tr:nth-child(11){
    background:             #bef7d1;
}
#dTable > tbody > tr > td:nth-child(1){
    padding-left:           25px;
    text-align:             left;
}
#dTable > tbody > tr:nth-child(3) > td,
#dTable > tbody > tr:nth-child(6) > td,
#dTable > tbody > tr:nth-child(9) > td{
    color:                  #363535;
}
#dTable > tbody > tr:nth-child(3) > td:nth-child(1),
#dTable > tbody > tr:nth-child(6) > td:nth-child(1),
#dTable > tbody > tr:nth-child(9) > td:nth-child(1){
    padding-left:           10px;
}
#dTable > tbody > tr.table-hilight-row{
    background:             #f1f1f1;
}
#dTable > tbody > tr.table-hilight-row > td{
    color:                  #464646;
    font-weight:            bold;
    text-align:             center;
}
#dTable > tbody > tr:not(.table-hilight-row) > td:first-child{
    text-align:             right;
    padding-right:          15px;
}
/* training instructor dashboard */
#yTable thead th{
    text-align:             center;
}
#yTable > tbody > tr > td{
    color:                  #585858;
    text-align:             center;
}
#yTable > tbody > tr:nth-child(3){
    background:             #ffe3dc;
}
#yTable > tbody > tr:nth-child(5){
    
    border:                 2px solid #778DDE;
}
#yTable > tbody > tr:nth-child(6){
    color:#35447c;
    border:                 2px solid #8DE276;
}
#yTable > tbody > tr:nth-child(7){
    color:#35447c;
    border:                 2px solid #C86A65;
}
#yTable > tbody > tr:nth-child(8){
    color:#35447c;
    border:                 2px solid #787878;
}

#yTable > tbody > tr:nth-child(9){
    background:             #bef7d1;
}

#yTable > tbody > tr > td:nth-child(1){
    padding-left:           25px;
    text-align:             left;
}

#yTable > tbody > tr:nth-child(3) > td:nth-child(1),
#yTable > tbody > tr:nth-child(6) > td:nth-child(1),
#yTable > tbody > tr:nth-child(9) > td:nth-child(1){
    padding-left:           10px;
}
#yTable > tbody > tr.table-hilight-row{
    background:             #f1f1f1;
}
#yTable > tbody > tr.table-hilight-row > td{
    color:                  #464646;
    font-weight:            bold;
    text-align:             center;
}
#yTable > tbody > tr:not(.table-hilight-row) > td:first-child{
    text-align:             right;
    padding-right:          15px;
}


#your_classes_table > tbody,
#classes_table > tbody{
    display:                block;
    max-height:             300px;
    overflow:               auto;
    border-top:             1px solid #ccc;
}
#your_classes_table > tbody > tr:first-child > td,
#classes_table > tbody > tr:first-child > td{
    border-top:             none;
}
#your_classes_table > thead,
#your_classes_table > tbody > tr,
#classes_table > thead,
#classes_table > tbody > tr{
    display:                table;
    width:                  100%;
    table-layout:           fixed;
}
#your_classes_table > thead,
#classes_table > thead{
    width:                  calc( 100% - 1em );
}
#your_classes_table > thead > tr > th,
#classes_table > thead > tr > th{
    border:                 none;
}
#your_classes_table > tbody > tr > td > img.av_sch_ac_image,
#classes_table > tbody > tr > td > img.av_sch_ac_image{
    width:                  100%;
    height:                 80px;
}

#add_clients_to_class table > tbody > tr > td,
#mark_clients_signup table > tbody > tr > td{
    padding: 0px 0px 0px 15px;
    vertical-align: middle;
}
#add_clients_to_class table > tbody > tr > td:first-child,
#mark_clients_signup table > tbody > tr > td:first-child{
    width: 80%;
}
#add_clients_to_class table > tbody > tr > td:last-child,
#mark_clients_signup table > tbody > tr > td:last-child{
    width: 20%;
    padding-right: 0px;
}
#add_clients_to_class table > tbody > tr > td img,
#mark_clients_signup table > tbody > tr > td img{
    height:                 45px;
    width:                  45px;
    margin:                 5px;
    border-radius:          4px;
    overflow:               hidden;
}

.class_picture > .picture_container > a{
    margin:                 0px 5px 0px 5px;
}
.class_picture a.thumbnail{
    padding:                0px;
    margin:                 0px;
}
.class_picture a.client-name{
    padding-top:            10px;
}

.class_picture img{
    max-height:             220px;
    padding:                3px;
    width:                  100%;
}

/* REPORTS */
.panel-added-filter{
    background:             transparent;
    border:                 none;
}

.panel-added-filter .dropdown-menu{
    min-width:              120px;
    width:                  120px;
}
.panel-added-filter select,
.panel-added-filter input{
    font-size:              0.8em;
    height:                 30px;
    width:                  150px;
    text-align:             center;
}
.panel-added-filter .added-filter-input-block > div{
    display:                none;
}
.panel-filter-add{
    display:                inline-block;
    background:             #9dc73c;
    color:                  #ffffff;
    padding:                4px 6px 4px 6px;
    margin-left:            15px;
    border-radius:          4px;
    width:                  2em;
}
.panel-added-filter .panel-filter-add{  /* this because it needs different styling when moved to the "added filter" line*/
    padding:                4px 6px 4px 6px;
    margin-right:           5px;
    margin-top:             2.5px;
    border-radius:          4px;
    margin-left:            auto;
}
.panel-filter-add:hover{
    background:             #7da41f;
    color:                  #ffffff;
}
.panel-filter-remove{
    display:                inline-block;
    background:             #c73c3c;
    color:                  #ffffff;
    padding:                4px 6px 4px 6px;
    margin-right:           5px;
    margin-top:             2.5px;
    border-radius:          4px;
    width:                  2em;
}
.panel-filter-remove:hover{
    background:             #c73c3c;
    color:                  #ffffff;
}

.canvas-label{
    text-align:             center;
    color:                  #3274b0;
    font-size:              1.4em;
}

/* FACILITIES */
.location-header{
    text-align:             center;
    padding:                5px 15px;
    border-radius:          0px 0px 4px 4px;
    background:             #9dc73c;
    color:                  #fff;
}
.equipment-thumbnail{
    height:                 200px;
    margin-bottom:          0px;
    -webkit-box-shadow:     0px 3px 9px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:        0px 3px 9px 0px rgba(50, 50, 50, 0.75);
    box-shadow:             0px 3px 9px 0px rgba(50, 50, 50, 0.75);
}
.equipment-thumbnail > img{
    height:                 100%;
    width:                  100%;
}
.equipment-thumbnail-name{
    height:                 50px;
    line-height:            50px;
}

/*FACILITIES: easy-facility-setup */
.accordion-panel > .panel input[type='checkbox']{
    cursor:                 pointer;
}
.accordion-panel > .panel > .panel-heading{
    color:                  #333;
    background-color:       #f5f5f5;
    border-color:           #ddd;
    text-decoration:        none;
}
.accordion-panel > .panel > .panel-heading:hover{
    background-color:       #e8e8e8;
}
.accordion-panel > .panel > .panel-heading > .panel-title > a,
.accordion-panel > .panel > .panel-heading > .panel-title > a:hover{
    text-decoration:        none;
}
.accordion-panel > .panel > .panel-heading.active{
    color:                  #fff;
    background-color:       #9dc73c;
    border-color:           #ddd;
}
.accordion-panel .panel-body{
    padding:                5px 0px 0px 0px;
}
.accordion-panel .accordion-equipment-group,
.accordion-panel .accordion-machine-group{
    width:                  100%;
    padding:                0px 0px;
    margin:                 0px;
}
.accordion-panel .accordion-equipment-group > li,
.accordion-panel .accordion-machine-group > li{
    background-color:       inherit;
    border-color:           transparent;
    border-bottom-color:    #eaeaea;
    color:                  #3274b0;
}
.accordion-panel .accordion-machine-group > li:first-child{
    border-radius:          0px;
}
.accordion-panel .accordion-machine-group > li.existing-equipment{
    background-color:       #ddf3ff;
    border-bottom-color:    #b0daef;
}
.accordion-panel .accordion-machine-group > li:not(:first-child).existing-equipment{
    border-top-color:       #b0daef;
}

/* SITE-PREFERENCES */
.table.borderless td, .table.borderless th{
    border:                 none;
}

.hur-table{
    table-layout:           fixed;
    margin-bottom:          0px;
}
.hur-table > thead > tr > th:first-child,
.hur-table > tbody > tr > td:first-child{
    width:                  15%;
}
.hur-table > thead > tr > th:not(:first-child),
.hur-table > tbody > tr > td:not(:first-child){
    text-align:             center;
}

.hur-table > thead > tr > th{
    background-color:       #46a9db;
    color:                  #fff;
    border-top:             transparent;
    border-bottom:          transparent;
}
.hur-table > tbody > tr > td{
    font-size:              0.8em;
    text-overflow:          ellipsis;
    white-space:            nowrap;
    overflow:               hidden;
}
.hur-table > tbody > tr:first-child > td{
    border-top:             1px solid #2496CD;
}
.hur-table > tbody > tr:first-child > td > span.change-pos{
    color:                  #5cb85c;
    font-weight:            bold;
}
.hur-table > tbody > tr:first-child > td > span.change-neg{
    color:                  #d9534f;
    font-weight:            bold;
}

.system-info-table{
    width:                  100%;
}
.system-info-table > tbody > tr > th{
    background:             #46a9db;
    color:                  #fff;
    border-bottom:          1px solid #2496CD;
    border-left:            1px solid #2496CD;
}
.system-info-table > tbody > tr:first-child > th{
    border-top:             1px solid #2496CD;
}
.system-info-table > tbody > tr > td{
    border-right:           1px solid #ddd;
}

/* TRAINING TEMPLATES */
.ui-sortable > li{
    cursor:                 move;
}

table#training_templates .tt-img{
    display:                block;
    margin:                 0 auto;
    width:                  auto;
    height:                 80px;
}

/* EQUIPMENT */
.available-activity-card-container{
    color:                  inherit;
    padding:                0px;
    border-radius:          4px;
    background:             #fff;
    border:                 1px solid #ccc;
}
.available-activity-card-container:hover{
    cursor:                 pointer;
    border-color:           #9ed9f8;
}
.available-activity-card-container .av_ac_image{
    padding:                5px;
    height:                 100px;
    width:                  100%;
}
.available-activity-card-container .available-activity-card-inner > .table{
    height:                 100px;
    margin-bottom:          0px;
}
.available-activity-card-container .available-activity-card-inner > .id-block{
    position:               absolute;
    margin-top:             -1.4em;
    right:                  0;
    padding-right:          5px;
}

.rfid-panel > .panel-body > span{
    padding:                0px;
    padding-left:           10px;
    margin:                 0px;
    margin-top:             15px;
}

.rfid-panel > .panel-body > .btn{
    padding:                10px;
    margin-top:             5px;
    margin-left:            20px;
}

/* SUPPORT */
.video-modal > .modal-dialog > .modal-content{
    background-color:       #333333;
}

.video-modal > .modal-dialog > .modal-content > .modal-body > #close_modal_button{
    background:             #333333;
    color:                  #ffffff;
    position:               absolute;
    border-radius:          0px 0px 0px 4px;
    right:                  5px;
    top:                    5px;
    padding:                5px;
    cursor:                 pointer;
    z-index:                10;
}
.video-modal > .modal-dialog > .modal-content > .modal-body > #video_controls > div{
    padding-left:           0px;
    padding-right:          0px;
    cursor:                 pointer;
}

.version-container > .panel{
    border-radius:          0px 0px 0px 0px;
}
.version-container legend{
    padding:                10px 10px 10px 15px;
}
.version-container legend > .date-legend{
    font-size:              1em;
    font-style:             italic;
}
.version-container .table > tbody > tr > th{
    width:                  5%;
    text-align:             center;
    font-size:              1.2em;
    background:             #46a9db;
    color:                  #fff;
    border-radius:          0px !important;
}
.version-container .table > tbody > tr > th.new{
    background:             #9dc73c;
    border-bottom:          #8db336;
}

.version-container .table > tbody > tr:not(:last-child) > th{
    border-bottom:          1px solid #3274b0;
}
.version-container .table > tbody > tr > td > .sub-header{
    color:                  #3274b0;
    font-weight:            bold;
    padding-left:           20px;
}
.version-container .table > tbody > tr > td > ul{
    list-style: none;
    line-height: 1.5em;
    padding-left:          15px;
}
.version-container .table > tbody > tr > td > ul > li::before {
    content: "";
    line-height: 1.5em;
    width: .28em;
    height: .28em;
    background-color:       #3274b0;
    float: left;
    margin: .58em .28em 0;
    border-radius: 50%;
}
.version-container .table > tbody > tr > td > ul.sub-header-list{
    padding-left:           40px;
}

/* MESSAGES */
.pm-filters{
    margin-top:             10px;
}
.pm-filters > .pm_by_mode{
    margin-right:           5px;
}
.pm-filters > .pm_by_mode > a,
.pm-filters > .pm_by_mode > b{
    border:                 1px solid #ddd;
    border-radius:          4px 4px 0px 0px;
    border-bottom:          none;
    padding:                2px 4px;
}
.pm-filters > .pm_by_mode > a:hover,
.pm-filters > .pm_by_mode > b{
    text-decoration:        none;
    background:             #46a9db;
    color:                  #fff;
    border-color:           #46a9db;
}

/* TRANSLATIONS */
.translation-table{
    width:                  100%;
    overflow:               hidden;
    border-top:             1px dashed #ccc;
}
.translation-table > tbody > tr.header > th{
    color:                  #3274b0;
    border-top:             transparent;
    padding-top:            15px;
}
.translation-table > tbody > tr > td{
    height:                 100%;
    width:                  30%;
    line-height:            35px;
    height:                 35px;
}
.translation-table > tbody > tr > td:first-child{
    width:                  20%;
    font-weight:            bold;

}
.translation-table > tbody > tr > td:nth-child(3){
    width:                  10%;
    text-align:             center;
}
.translation-table > tbody > tr > td:last-child{
    width:                  5%;
    text-align:             center;
}
.translation-table > tbody > tr > td > textarea{
    display:                inline-table;
    height:                 100%;
    width:                  100%;
    -webkit-box-sizing:     border-box;
    -moz-box-sizing:        border-box;
    box-sizing:             border-box;
}

.translation-table > tbody > tr > td > .translation-marker{
    font-size:              1.2em;
    line-height:            35px;
    height:                 100%;
    width:                  100%;
}
.translation-table > tbody > tr > td > .translation-marker.fa-question,
.translation-table > tbody > tr > td > .translation-marker.fa-question-circle-o,
#status_helper > dl > dt > i.fa-question,
#status_helper > dl > dt > i.fa-question-circle-o{
    color:                  #f0ad4e;
}
.translation-table > tbody > tr > td > .translation-marker.fa-check,
#status_helper > dl > dt > i.fa-check{
    color:                  #9dc73c;
}
.translation-table > tbody > tr > td > .translation-marker.fa-times,
#status_helper > dl > dt > i.fa-times{
    color:                  #c73c3c;
}

.translation-table > tbody > tr > td > span.overlay {
    display:                block;
    z-index:                10;
    width:                  35px;
    height:                 35px;
    position:               absolute;
    right:                  -25px;
    background:             #fff;
}

.translation-table.po-table > tbody > tr > td:first-child,
.translation-table.po-table > tbody > tr > td:last-child{
    width:                  5%;
}
.translation-table.po-table > tbody > tr > td:nth-child(2){
    width:                  25%;
    white-space:            pre-wrap;
    word-break:             keep-all;
}
.translation-table.po-table > tbody > tr > td:nth-child(4){
    width:                  25%;
}
.translation-table.po-table > tbody > tr > td:nth-child(5){
    width:                  30%;
    font-size:              0.8em;
}
.translation-table.po-table > tbody > tr > td > .trans-variable{
    color:                  #3274b0;
    display:                inline-block;
}
.translation-submit-panel{
    border:                 1px solid #46a9db;
}
.translation-submit-panel > .panel-heading{
    background:             #46a9db;
    color:                  #fff;
    border-bottom:          1px solid #46a9db;
    text-align:             center;
    font-size:              1.8em;
    padding:                2px 10px;
}


/* QUESTIONAIRES */
#question_block{
    margin-bottom:          15px;
}
#question_block > tbody > tr.multi-select-row{
    display:                none;
    background:             #ddd;
}
#question_block > tbody > tr.multi-select-row > td > div > ol > li > button.remove-multiselect-option,
#question_block > tbody > tr.multi-select-row > td > div > button.add_multiselect_option{
    visibility:             hidden;
}
#question_block > tbody > tr.multi-select-row:hover > td > div > ol > li > button.remove-multiselect-option,
#question_block > tbody > tr.multi-select-row:hover > td > div > button.add_multiselect_option{
    visibility:             visible;
}
#question_block > tbody > tr > td{
    line-height:            35px !important;
    padding-bottom:         0px;
    border-bottom:          1px solid #ccc;
}
#question_block > tbody > tr > td.handle:not(.disabled){
    cursor:                 move;
}
#question_block > tbody > tr.multi-select-row > td{
    padding-bottom:         20px;
}
#question_block > tbody > tr.multi-select-row > td:nth-child(2){
    text-align:             center;
    color:                  #a1a1a1;
}
#question_block > tbody > tr.multi-select-row > td:nth-child(3) > div{
    width:                  90%;
}
#question_block > tbody > tr > td.open{
    background:             #ddd;
    border-left:            1px solid #ccc;
    border-right:           1px solid #ccc;
    border-bottom:          1px solid #ddd;
    border-radius:          0px;
}
#question_block > tbody > tr > td ol.multiselect > li{
    padding-top:            5px;
}
#question_block > tbody > tr > td ol.multiselect > li > input:first-child{
    display:                inline-block;
    width:                  80%;
}
#question_block > tbody > tr > td ol.multiselect > li > input.q_ms_score{
    display:                inline-block;
    width:                  11%;
}
#question_block > tbody > tr > td ol.multiselect > li > button.remove-multiselect-option{
    display:                inline-block;
}

/* ----- VISIT MONITOR DASHBOARD ----- */
#visit_monitor_table td{
  border:solid 1px #616265;
}

#visit_monitor_table caption{
    color: #3274b0;
    text-align: left;   
}

#visit_monitor_table td.status{
  border:solid 1px #616265;
  width: 60px;
  font-size: 0.8em;
  text-align: center;
  vertical-align: middle;
}

#visit_monitor_table td.index{
  width: 40px;
  text-align: center;
}

#visit_monitor_table td.name{
  width: 220px;
}

#visit_monitor_table td.time{
  width: 100px;
  text-align: center;
}

#visit_monitor_table th{
  border-bottom:solid 1px #616265;
  padding-bottom: 4px;
  color: #3274b0;
  font-weight: 600;
  text-align: center;
}

#visit_monitor_table > thead > tr > th.rotate {
  /* Something you can count on */
  height: 160px;
  white-space: nowrap;
  padding-top: 2px !important;
  vertical-align: bottom;
  text-align: center;
}

#visit_monitor_table > thead > tr > th.rotate > div {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);   
  -o-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);
  width: 20px;
  padding: 0 !important;
  display: inline-block;
}

#visit_monitor_table > thead > tr > th.rotate > div > span {
  padding-bottom: 0px;
  text-align: center;
}

/* ----- CLIENT PORTAL -------*/

/* CLASSES */
.view-class-tab{
    padding:                2px 6px;
    margin-right:           5px;
    border:                 1px solid #ddd;
    border-top:             none;
    border-radius:          0px 0px 4px 4px;
    background:             #fff;
}
.view-class-tab:hover{
    border:                 1px solid #46a9db;
    border-top:             none;
    background:             #46a9db;
}
.view-class-tab:hover > a{
    text-decoration:        none;
    color:                  #fff;
}

.weekdays-selector{
    display: block;
    width: auto;
}
.weekdays-selector input {
    display:                none!important;
}

.weekdays-selector input[type=checkbox] + label {
    display:                inline-block;
    border:                 1px solid #ccc;
    border-radius:          6px;
    background:             #fff;
    height:                 35px;
    width:                  35px;
    margin-right:           3px;
    line-height:            35px;
    text-align:             center;
    cursor:                 pointer;
}
.weekdays-selector input[type=checkbox] + label:hover{
    border-color:           #2496CD;
    color:                  #2496CD;
}

.weekdays-selector input[type=checkbox]:checked + label {
    background:             #46a9db;
    border-color:           #2496CD;
    color:                  #fff;
}


/* FORMS */
.required > input,
.required > .input-group > input,
.required > select{
    background:             #e5f4e2;
    border-color:           green;
}

/* CONTENT: general */
.rotate-90-degrees{
    -ms-transform:          rotate(90deg);
    -webkit-transform:      rotate(90deg);
    transform:              rotate(90deg);
}
.flip-horizontal{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

legend{
    color:                  #3274b0;
}

.modal .modal-dialog .modal-content .modal-header{
    background:             #46a9db;
    color:                  #fff;
    border-radius:          5px 5px 0px 0px;
}
.modal .modal-dialog .modal-content .modal-header > .help-block{
    color:                  #fff;
}

.hur-color-light-blue{
    color:                  #46a9db;
}
.hur-color-dark-blue{
    color:                  #3274b0;
}
.hur-color-light-purple{
    color:                  #db46a9;
}
.hur-color-dark-purple{
    color:                  #7c2d7d;
}
.hur-color-red{
    color:                  #b33636;
}
.hur-color-green{
    color:                  #9dc73c;
}
/* visit monitor table bg colors */
.background-over-performed{
    background:             #9eafef;
}
.background-fully-performed{
    background:             #aeef9e;
}
.background-under-performed{
    background:             #efa29e;
}
.background-not-performed{
    background:             #bfbfbf;
}
.background-started{
    background:             #9eefe8;
}
.background-disabled{
    background:             #fff;
}

.color-over-performed{
    color:             #9eafef;
}
.color-fully-performed{
    color:             #aeef9e;
}
.color-under-performed{
    color:             #efa29e;
}
.color-not-performed{
    color:             #bfbfbf;
}
.color-started{
    color:             #9eefe8;
}
.color-disabled{
    color:             #fff;
    border: 1px solid #ccc;
}

/* --- END OF VISIT MONITOR COLORS --- */

.btn-hur-green{
    background:             #9dc73c;
    color:                  #fff;
}
.btn-hur-green:hover,
.btn-hur-green:focus{
    background:             #8db336;
    color:                  #fff;
}

.btn-hur-red{
    background:             #c73c3c;
    color:                  #fff;
}
.btn-hur-red:hover,
.btn-hur-red:focus{
    background:             #b33636;
    color:                  #fff;
}

.btn-hur-blue{
    background:             #46a9db;
    color:                  #fff;
}
.btn-hur-blue:hover,
.btn-hur-blue:focus{
    background:             #0782BD;
    color:                  #fff;
}

.btn-filter{
    font-weight:            700;
    text-overflow:          ellipsis;
    white-space:            nowrap;
    overflow:               hidden;
}

.btn-info{
    background:             #46a9db;
    border-color:           #3e9ccd;
}
.btn-info:hover{
    background:             #389cd0;
}


.bigger-font{
    font-size:              1.2em;
}

.modal,
.smaller-font{
    font-size:              0.9em;
}

.exercise-legend .btn-group > .dropdown-menu{
    font-size:              0.7em;
}
.btn-group > .dropdown-menu > li > span{
    font-size:              1.0em;
}
.filter-block > .filter-selection{
    padding-left:           0px;
    padding-right:          0px;
}
.filter-block > .filter-selection > a.dropdown-toggle,
.filter-block > .filter-selection > #reportrange{
    text-overflow:          ellipsis;
    overflow:               hidden;
}

.btn-group > .dropdown-menu.custom,
.filter-block > .filter-selection > .dropdown-menu.custom{
    width:                  100%;
    max-height:             250px;
    overflow-y:             auto;
    overflow-x:             hidden;
}
.filter-block > .filter-selection > .dropdown-menu.custom > li,
.btn-group > .dropdown-menu.custom > li{
    padding-left:           20px;
    padding-right:          20px;
    padding-top:            2px;
    padding-bottom:         2px;
}
.filter-block > .filter-selection > .dropdown-menu.custom > li:hover,
.filter-block > .filter-selection > .dropdown-menu.custom > li:focus,
.filter-block > .filter-selection > .dropdown-menu.custom > li.active,
.btn-group > .dropdown-menu.custom > li:hover,
.btn-group > .dropdown-menu.custom > li:focus,
.btn-group > .dropdown-menu.custom > li.active,
.facilities-dropdown li > a:hover,
.employee-dropdown li > a:hover{
    cursor:                 pointer;
    background-color:       #3274b0;
    color:                  #fff;
    font-weight:            bold;
}
.dropdown-menu.custom > li:hover > a{
    background:             #3274b0;
    color:                  #fff;
    font-weight:            bold;
}

i.exercise-i{
    color:                  #9dc73c;
}

.hero-unit{
    height:                 300px;
    padding-top:            20px;
    text-align:             center;
}
.hero-unit > .hero-icon-main{
    font-size:              3em;
    color:                  #3274b0;
}
.hero-unit > .hero-icon-secondary{
    position:               absolute;
    display:                inline-block;
    color:                  #3274b0;
    font-size:              2em;
    margin-top:             -10px;
    margin-left:            2px;
}

/* close button for modals, some small tweaking */
button.close{
    font-size:              1.9em !important;
}
/* expand button for modals. made to look much like close button */
.modal-header > button.expand{
    margin-top:             2px;
}
button.expand{
    float:                  right;
    padding:                0px;
    cursor:                 pointer;
    background:             0 0;
    border:                 none;
    font-size:              1.0em;
    margin-right:           10px;
    margin-top:             5px;
    font-weight:            700;
    color:                  #000000;
    text-shadow:            0 1px 0 #ffffff;
    opacity:                0.2;
}
button.expand:hover{
    opacity:                0.5;
}

.datepicker{
    z-index:                1152 !important;
}

.thumbnail{
    margin-bottom:          0px;
}
.thumbnail > img{
    width:                  100%;
    height:                 100%;
}

.thumbnail-icon{
    position:               absolute;
    background:             rgba(255,255,255,0.8);
    border-radius:          4px;
    padding:                2px 4px;
    right:                  25px;
    top:                    10px;
    z-index:                20;
    color:                  #9dc73c;
}

/* "you have mail" icon */
span.badge.badge-mail{
    position:               absolute;
    top:                    10px;
    left:                   25px;
    background:             red;
    padding:                2px 5px;
}
/* 'notice me!' icon*/
i.notification-icon{
    display:                none;
    position:               absolute;
    color:                  red !important;
    font-size:              10px;
    margin-top:             -5px;
    margin-left:            2px;
}

span.badge.activities-badge{
    font-size:              0.8em;
    border-radius:          4px;
    background:             #46a9db;
    color:                  #fff;
}

.tooltip{
    display: block;
}
.tooltip > .tooltip-inner{
    white-space:            pre-wrap;
    background:             #46a9db;
}
.tooltip.bottom > .tooltip-arrow{
    border-bottom-color:    #46a9db !important;
}
.tooltip.right > .tooltip-arrow{
    border-right-color:    #46a9db !important;
}

/* CONTENT: modals */
.modal > .modal-dialog.modal-xl{
    width: 1300px;
}

/* CONTENT: general - disabled buttons*/
select.arm_position_m.disabled,
.adjustment-group > button.disabled,
a.disabled{
    color:                  #767676;
    text-decoration:        none;
    cursor:                 default;
    pointer-events:         none;
}
a.disabled > i{
    color:                  #767676;
}


/* CONTENT: general - alert message */
#customAlertMessage{
    width:                  80%;
}
#customAlertMessage > .modal-dialog{
    padding-top:            15%;
    overflow:               hidden;
}
#customAlertMessage > .modal-dialog > .modal-content > .modal-body{
    min-height:             100px;
    padding-top:            0px;
    padding-bottom:         0px;
    overflow:               hidden;
    text-align:             center;
}
#customAlertMessage > .modal-dialog > .modal-content > .modal-body > i{
    font-size:              3.0em;
    padding:                5px 15px 5px 15px;
    border-radius:          0px 0px 4px 4px;
    background-color:       #3274b0;
    color:                  #ffffff;
}
#customAlertMessage > .modal-dialog > .modal-content > .modal-body h4{
    padding-top:            20px;
    padding-bottom:         10px;
}
#customAlertMessage > .modal-dialog > .modal-content > .modal-footer > button{
    margin-left:            15px;
}

#customAlertMessage.popup-alert{
    position:               absolute;
    width:                  100%;
    left:                   0;
    right:                  0;
    margin-left:            auto;
    margin-right:           auto;
    margin-top:             -51px;
    border-radius:          0px !important;
    font-weight:            bold;
    border:                 none;
    border-bottom:          1px solid #9dc73c;
    -webkit-animation:      slideDownAlert 5s;
    animation:              slideDownAlert 5s;
}
#customAlertMessage.popup-alert.alert-warning{
    border-bottom:          1px solid #faebcc;
}
#customAlertMessage.popup-alert.alert-danger{
    border-bottom:          1px solid #a94442;
}

/* CONTENT: custom right-click menu */
.custom-contextmenu{
    width: 220px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 20px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 20px 0px rgba(50, 50, 50, 0.75);
}
.custom-contextmenu > table{
    padding-top: 5px;
    padding-bottom: 5px;
    border-collapse: collapse;
}
.custom-contextmenu > table > tbody > tr > td{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}
.custom-contextmenu > table > tbody > tr > td > span{
    display: block;
    width: 100%;
    height: 100%;
    padding: 2px 15px 2px 15px;
}
.custom-contextmenu > table > tbody > tr > td > span:hover{
    cursor: pointer;
    color: #ffffff;
    background: #46a9db;
}
.custom-contextmenu > table > tbody > tr > td > span > i{
    width: 15%;
}

/* CONTENT: general - loading animation */
#loading_container_pdf,
#loading_container{
    position:               absolute;
    height:                 100%;
    z-index:                20;
    margin-left:            -15px !important;
}
#loading_container_pdf > #loading_container_backdrop,
#loading_container > #loading_container_backdrop{
    position:               absolute;
    background:             #ffffff;
    opacity:                0.7;
    border-radius:          4px;
    height:                 100%;
}
#loading_container_pdf > #loading_container_inner,
#loading_container > #loading_container_inner{
    position:               relative;
}
#loading_container_pdf > #loading_container_inner > #loading_container_bg,
#loading_container > #loading_container_inner > #loading_container_bg{
    position:               relative;
    z-index:                20;
}
#loading_container_pdf > #loading_container_inner > #loading_container_img,
#loading_container > #loading_container_inner > #loading_container_img{
    position:               absolute;
    margin-top:             25px;
    margin-left:            25px;
    width:                  70px;
    z-index:                25;
}

/* CONTENT: general - hilight animation */
@keyframes hilight{
    17%{
        box-shadow:         none;
    }
    34%{
        box-shadow:         0 0 8px #ff0000;
    }
    51%{
        box-shadow:         none;
    }
    68%{
        box-shadow:         0 0 8px #ff0000;
    }
    85%{
        box-shadow:         none;
    }
    100%{
        box-shadow:         0 0 8px #ff0000;
    }
}
@-webkit-keyframes hilight{
    17%{
        box-shadow:         none;
    }
    34%{
        box-shadow:         0 0 8px #ff0000;
    }
    51%{
        box-shadow:         none;
    }
    68%{
        box-shadow:         0 0 8px #ff0000;
    }
    85%{
        box-shadow:         none;
    }
    100%{
        box-shadow:         0 0 8px #ff0000;
    }
}

.animation-hilight{     /* Class for the animation*/
    -webkit-animation:      hilight 8s;
    animation:              hilight 8s
}

/* CONTENT: general - checkbox animation */
.switch {
    position:               relative;
    display:                inline-block;
    width:                  40px;
    height:                 20px;
}

/* Hide default HTML checkbox */
.switch input {
    display:                none;
}

/* The slider */
.switch .slider {
    position:               absolute;
    cursor:                 pointer;
    top:                    0;
    left:                   0;
    right:                  0;
    bottom:                 0;
    background-color:       #ccc;
    -webkit-transition:     .4s;
    transition:             .4s;
}

.switch .slider:before {
    position:               absolute;
    content:                "";
    height:                 12px;
    width:                  12px;
    left:                   4px;
    bottom:                 4px;
    background-color:       white;
    -webkit-transition:     .4s;
    transition:             .4s;
}

.switch input:checked + .slider {
    background-color:       #2196F3;
}

.switch input:focus + .slider {
    box-shadow:             0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
    -webkit-transform:      translateX(20px);
    -ms-transform:          translateX(20px);
    transform:              translateX(20px);
}



/* New checkbox */
.checkbox-new {
    background-color:       #fff;
    display:                inline-block;
    height:                 50px;
    margin:                 0 0.25em;
    width:                  50px;
}
.checkbox-new label {
    display:                block;
    height:                 50px;
    position:               relative;
    width:                  50px;
    margin-bottom:          0px;
}
.checkbox-new label:after {
    -moz-transform:         scaleX(-1) rotate(135deg);
    -ms-transform:          scaleX(-1) rotate(135deg);
    -webkit-transform:      scaleX(-1) rotate(135deg);
    transform:              scaleX(-1) rotate(135deg);
    -moz-transform-origin:  left top;
    -ms-transform-origin:   left top;
    -webkit-transform-origin:   left top;
    transform-origin:       left top;
    border-right:           4px solid #cee;
    border-top:             4px solid #cee;
    content:                '';
    display:                block;
    height:                 20px;
    left:                   14px;
    position:               absolute;
    top:                    26px;
    width:                  10px;
}
.checkbox-new label:hover{
    cursor:                 pointer;
}
.checkbox-new label:hover:after{
    border-color:           #d2e3aa;
}
.checkbox-new input {
    display:                none;
}
.checkbox-new input:checked + label:after{
    -webkit-animation:      check 0.8s;
    -moz-animation:         check 0.8s;
    -o-animation:           check 0.8s;
    animation:              check 0.8s;
    border-color:           #8db336;
}

/* CONTENT: general - qtip */
.qtip-hur{
    padding: 5px;
    background-color:       #46a9db !important;
    border-color:           #3f95c1 !important;
    border-radius:          2px;
}
.qtip-hur .qtip-content{
    color:                  #fff;
    text-shadow:            none;
}

/* CONCENT: concept progressbar */
#pb_container .slider,
#pb_container .slider.slider-disabled,
#pb_container .slider.slider-horizontal{
    background-color:       transparent;
    width:                  100% !important;
}
#pb_container .slider > .slider-track,
#pb_container .slider.slider-disabled > .slider-track{
    height:                 15px !important;
    -webkit-box-shadow:     inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2) !important;
    box-shadow:             inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2) !important;
    background-size:        35px 35px;
    background-color:     #EcEcEc;
    background-image:       -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent) !important;
    background-image:       -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent) !important;
}
#pb_container .slider > .slider-track .slider-tick,
#pb_container .slider.slider-disabled > .slider-track .slider-tick{
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-color:     #ddd !important;
    background-image:       none;
    font-weight:            bold;
    opacity:                1.0;
    width:                  30px;
    height:                 30px;
    margin-top:             -8px !important;
    margin-left:            -15px !important;
    border:                 2px solid #ffffff;
}
#pb_container .slider > .slider-track .slider-tick > .slider-tick-text,
#pb_container .slider.slider-disabled > .slider-track .slider-tick > .slider-tick-text{
    color:                  #B1B1B1;
    width:                  100%;
    height:                 100%;
    padding-top:            5px;
    display:                block;
    text-align:             center;
}
#pb_container .slider > .slider-track .slider-tick.in-selection,
#pb_container .slider.slider-disabled > .slider-track .slider-tick.in-selection{
    background-color:     #57aed1 !important;
    background-image:       none !important;
    font-weight:            bold;
}
#pb_container .slider > .slider-track .slider-tick.in-selection > .slider-tick-text,
#pb_container .slider.slider-disabled > .slider-track .slider-tick.in-selection > .slider-tick-text{
    color:                  #ffffff;
}
#pb_container .slider > .slider-track > .slider-selection,
#pb_container .slider.slider-disabled > .slider-track > .slider-selection,
#pb_container .slider > .slider-track > .slider-selection-after,
#pb_container .slider.slider-disabled > .slider-track > .slider-selection-after{
    background-size: 35px 35px;
    background-color: #57aed1;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
#pb_container .slider > .slider-track > .slider-selection-after,
#pb_container .slider.slider-disabled > .slider-track > .slider-selection-after{
    position:               absolute;
    height:                 100%;
    background-color:       #8bc53f;
}
#pb_container .slider > .slider-track .slider-handle,
#pb_container .slider.slider-disabled > .slider-track .slider-handle{
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-color:     #8bc53f;
    background-image:       none;
    width:                  30px;
    height:                 30px;
    margin-top:             -8px !important;
    margin-left:            -15px !important;
    border:                 2px solid #ffffff;
}
#pb_container .slider > .slider-track .slider-handle > .slider-handle-text,
#pb_container .slider.slider-disabled > .slider-track .slider-handle > .slider-handle-text{
    color:                  #ffffff;
    width:                  100%;
    height:                 100%;
    padding-top:            5px;
    display:                block;
    text-align:             center;
}
/* SLIDER: labels*/
#pb_container .slider > .slider-tick-label-container > .slider-tick-label.done,
#pb_container .slider.slider-disabled > .slider-tick-label-container > .slider-tick-label.done{
    font-weight:            bold;
    color:                  #57aed1;
}
#pb_container .slider > .slider-tick-label-container > .slider-tick-label.active,
#pb_container .slider.slider-disabled > .slider-tick-label-container > .slider-tick-label.active{
    font-weight:            bold;
    color:                  #8bc53f;
}

/* SCROLLBAR */
#pb_container::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}
 
/* Track */
#pb_container::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.05);
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
#pb_container::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #46a9db; 
}
#pb_container::-webkit-scrollbar-thumb:window-inactive {
	background: #46a9db; 
}

/* CONTENT: general - slidedown animation  */
@keyframes slideDownAlert{
    0%{
        margin-top: -51px;
    }
    5%{
        margin-top: 0px;
    }
    95%{
        margin-top: 0px;
    }
    100%{
        margin-top: -51px;
    }
}

@-webkit-keyframes slideDownAlert{
    0%{
        margin-top: -51px;
    }
    5%{
        margin-top: 0px;
    }
    95%{
        margin-top: 0px;
    }
    100%{
        margin-top: -51px;
    }
}


/* CONTENT: general - checkbox animation */
@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
@-moz-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
@-ms-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
@keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
.animation-up-down-popping{
    -webkit-animation:      up-down-popping 1s linear infinite;
    -moz-animation:         up-down-popping 1s linear infinite;
    -o-animation:           up-down-popping 1s linear infinite;
    animation:              up-down-popping 1s linear infinite;
}
/* link 'popping' animation */
@-webkit-keyframes up-down-popping {
    0% {
      transform: translateY(0px);
    }
    40% {
      transform: translateY(-6px);
    }
    60% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(0px);
    }
}
@-moz-keyframes up-down-popping {
    0% {
      transform: translateY(0px);
    }
    40% {
      transform: translateY(-6px);
    }
    60% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(0px);
    }
}
@-ms-keyframes up-down-popping {
    0% {
      transform: translateY(0px);
    }
    40% {
      transform: translateY(-6px);
    }
    60% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(0px);
    }
}
@keyframes up-down-popping {
    0% {
        transform: translateY(0px);
    }
    40% {
        transform: translateY(-6px);
    }
    60% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* left-right popping animation */
.animation-left-right-popping{
    -webkit-animation:      left-right-popping 1s linear infinite;
    -moz-animation:         left-right-popping 1s linear infinite;
    -o-animation:           left-right-popping 1s linear infinite;
    animation:              left-right-popping 1s linear infinite;
}
/* link 'popping' animation */
@-webkit-keyframes left-right-popping {
    0% {
      transform: translateX(0px);
    }
    40% {
      transform: translateX(-6px);
    }
    60% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(0px);
    }
}
@-moz-keyframes left-right-popping {
    0% {
      transform: translateX(0px);
    }
    40% {
      transform: translateX(-6px);
    }
    60% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(0px);
    }
}
@-ms-keyframes left-right-popping {
    0% {
      transform: translateX(0px);
    }
    40% {
      transform: translateX(-6px);
    }
    60% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(0px);
    }
}
@keyframes left-right-popping {
    0% {
        transform: translateX(0px);
    }
    40% {
        transform: translateX(-6px);
    }
    60% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(0px);
    }
}

/* shake animation */
.animation-shake{
    -webkit-animation:      shake 2s linear infinite;
    -moz-animation:         shake 2s linear infinite;
    -o-animation:           shake 2s linear infinite;
    animation:              shake 2s linear infinite;
}
-webkit-keyframes shake {
    0% {
      transform: translateY(0px);
    }
    5% {
      transform: translateY(8px);
    }
    10% {
      transform: translateY(0px);
    }
    15% {
      transform: translateY(-8px);
    }
    20% {
      transform: translateY(0px);
    }
    25% {
      transform: translateY(8px);
    }
    30% {
      transform: translateY(0px);
    }
    35% {
      transform: translateY(-8px);
    }
    40% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(0px);
    }
}
@-moz-keyframes shake {
    0% {
      transform: translateY(0px);
    }
    5% {
      transform: translateY(8px);
    }
    10% {
      transform: translateY(0px);
    }
    15% {
      transform: translateY(-8px);
    }
    20% {
      transform: translateY(0px);
    }
    25% {
      transform: translateY(8px);
    }
    30% {
      transform: translateY(0px);
    }
    35% {
      transform: translateY(-8px);
    }
    40% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(0px);
    }
}
@-ms-keyframes shake {
    0% {
      transform: translateY(0px);
    }
    5% {
      transform: translateY(8px);
    }
    10% {
      transform: translateY(0px);
    }
    15% {
      transform: translateY(-8px);
    }
    20% {
      transform: translateY(0px);
    }
    25% {
      transform: translateY(8px);
    }
    30% {
      transform: translateY(0px);
    }
    35% {
      transform: translateY(-8px);
    }
    40% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(0px);
    }
}
@keyframes shake {
    0% {
      transform: translateY(0px);
    }
    5% {
      transform: translateY(8px);
    }
    10% {
      transform: translateY(0px);
    }
    15% {
      transform: translateY(-8px);
    }
    20% {
      transform: translateY(0px);
    }
    25% {
      transform: translateY(8px);
    }
    30% {
      transform: translateY(0px);
    }
    35% {
      transform: translateY(-8px);
    }
    40% {
      transform: translateY(0px);
    }
    100% {
      transform: translateY(0px);
    }
}

.up-down-shake-animation{
    transform:              translate3d(0, 0, 0);
    backface-visibility:    hidden;
    -webkit-animation:      up-down-shake 3s cubic-bezier(.36,.07,.19,.97) infinite;
    -moz-animation:         up-down-shake 3s cubic-bezier(.36,.07,.19,.97) infinite;
    -o-animation:           up-down-shake 3s cubic-bezier(.36,.07,.19,.97) infinite;
    animation:              up-down-shake 3s cubic-bezier(.36,.07,.19,.97) infinite;
}
@-webkit-keyframes{
    3.3%, 29.7% {
      transform: translate3d(-0.5px, 0, 0);
    }

    6.6%, 26.4% {
      transform: translate3d(1.5px, 0, 0);
    }

    9.9%, 16.5%, 23.1% {
      transform: translate3d(-2px, 0, 0);
    }

    13.2%, 19.8% {
      transform: translate3d(2px, 0, 0);
    }

    31%{
      transform: translate3d(0px, 0, 0);
    }
}
@-moz-keyframes{
    3.3%, 29.7% {
      transform: translate3d(-0.5px, 0, 0);
    }

    6.6%, 26.4% {
      transform: translate3d(1.5px, 0, 0);
    }

    9.9%, 16.5%, 23.1% {
      transform: translate3d(-2px, 0, 0);
    }

    13.2%, 19.8% {
      transform: translate3d(2px, 0, 0);
    }

    31%{
      transform: translate3d(0px, 0, 0);
    }
}
@-ms-keyframes{
    3.3%, 29.7% {
      transform: translate3d(-0.5px, 0, 0);
    }

    6.6%, 26.4% {
      transform: translate3d(1.5px, 0, 0);
    }

    9.9%, 16.5%, 23.1% {
      transform: translate3d(-2px, 0, 0);
    }

    13.2%, 19.8% {
      transform: translate3d(2px, 0, 0);
    }

    31%{
      transform: translate3d(0px, 0, 0);
    }
}
@keyframes up-down-shake {
    3.3%, 29.7% {
      transform: translate3d(-0.5px, 0, 0);
    }

    6.6%, 26.4% {
      transform: translate3d(1.5px, 0, 0);
    }

    9.9%, 16.5%, 23.1% {
      transform: translate3d(-2px, 0, 0);
    }

    13.2%, 19.8% {
      transform: translate3d(2px, 0, 0);
    }

    31%{
      transform: translate3d(0px, 0, 0);
    }
}


/* ALPACA RELATED */
/* default form */
[id^="alpaca_root"] .alpaca-field .alpaca-field{
    border-bottom:              1px dashed #46a9db;
    padding-bottom:             10px;
    padding-top:                0px;
    display:                    block;
    height:                     auto;
}
[id^="alpaca_root"] .alpaca-field .alpaca-field:after{
    clear:                      both;
    content:                    "";
    display: table;
}
[id^="alpaca_root"] .alpaca-field > .alpaca-control-label{
    width:                      34%;
    color:                      #46a9db;
    margin-top:                 10px;
    height:                     100%;
}
[id^="alpaca_root"] .alpaca-field > .alpaca-control-label:first-letter{
    text-transform:             capitalize;
}
[id^="alpaca_root"]:not(.alpaca-view) .alpaca-field > .alpaca-control-label > .alpaca-icon-required{
    float:                      right;
    visibility:                 hidden;
}
[id^="alpaca_root"]:not(.alpaca-view) .alpaca-field > .alpaca-control-label > .alpaca-icon-required::after{
    visibility:                 visible;
    content:                    '\f069';
    color:                      #9dc73c;
    font-family:                FontAwesome;
}

[id^="alpaca_root"] .alpaca-field > .alpaca-control{
    display:                    inline-block !important;
    width:                      65%;
    float:                      right;
    margin-top:                 0px;
}
[id^="alpaca_root"] .alpaca-field > .help-block{
    display:                    inline-block;
    width:                      34%;
}
[id^="alpaca_root"]:not(.alpaca-view) .alpaca-form-buttons-container{
    clear:                      both;
    margin-top:                 15px;
    float:                      right;
}

/* view form */
[id^="alpaca_root"].alpaca-view .alpaca-field > .alpaca-control-label{
    display:                    inline-block;
    width:                      34%;
    color:                      #46a9db;
    margin-top:                 15px;
    text-align:                 left;
}
[id^="alpaca_root"].alpaca-view .alpaca-field > .alpaca-control{
    display:                    inline-block;
    width:                      65%;
    float:                      right;
    margin-top:                 15px;
}

[id^="alpaca_root"].alpaca-view .alpaca-field > .alpaca-control-label > .alpaca-icon-required{
    display:                    none;
}
[id^="alpaca_root"].alpaca-view .alpaca-field > .alpaca-control > label{
    color:                      rgba(0,0,0,0.5);
}
[id^="alpaca_root"].alpaca-view .alpaca-field > .alpaca-control > label.active{
    color:                      rgba(0,0,0,0.8);
    font-weight:                bold;
}


/* HEIGHT RELATED */
@media screen and (max-height: 750px){
    .modal .modal-body{
        max-height: 450px !important;
        min-height: 250px !important;
    }
}

/* WIDTH RELATED */
/*----------------------*/
/* PHONE SCREEN         */
/*----------------------*/
@media screen and (max-width: 600px) {
    .modal .modal-dialog:not(.modal-sm){
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
    }
    .navbar-default .navbar-nav li.dropdown.open > .dropdown-menu > li > a,
    .navbar-default .navbar-nav li.dropdown.active > .dropdown-menu > li > a,
    .navbar-default .navbar-nav li.dropdown.open.active > .dropdown-menu > li > a{
        background:             #3274b0;
        color:                  #fff;
    }

    #main_block{
        padding-top:            0px !important;
        margin-top:             0px !important;
    }

    .navbar-default .navbar-brand,
    .navbar-brand > img{
        width:                  80% !important;
    }

    /* Hide default sidemenu when viewing on phone */
    .default-class-block,
    .default-class-inline-block,
    .default-class-td-block{
        display:                none !important;
    }

    .mobile-class-block{
        display:                block !important;
    }
    .mobile-class-tr-block{
        display:                table-row;
    }
    .mobile-class-td-block{
        display:                table-cell;
    }

    .breadcrumbs{
        display:                none;
    }

    .required-info-container{
        margin-top:             15px;
    }
    .required-info-container > .required-info-panel > .required-info-panel-icon{
        display:                none;
    }
    .required-info-container > .required-info-panel legend{
        text-align:             center;
    }
}
/*----------------------*/
/* SMALL SCREEN         */
/*----------------------*/

@media screen and (min-width: 601px) and (max-width: 990px) {
    .modal .modal-dialog:not(.modal-sm){
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
    }

    html,
    body{
        font-size:              0.8em;
    }

    .btn,
    .btn-group > a,
    .btn-group > .dropdown-menu{
        font-size:              0.8em;
    }

    .bigger-font,
    legend,
    .breadcrumb > li,
    .breadcrumb > li.active{
        font-size:              1.5em;
    }

    .navbar-brand{
        height:                 100px;
    }
    .navbar-nav.nav > li > a{
        font-size:              1.5em !important;
    }

    #left_navigation{
        padding-top:            100px;
    }
    #main_block{
        padding-top:            60px;
    }

    .navbar-default .navbar-brand,
    .navbar-brand > img{
        width:                  100%;
        padding-left:           0px;
        margin-left:            0px !important;
    }

    .navbar-right .navbar-username{
        display:                none !important;
    }

    .required-info-container{
        margin-top:             15px;
    }
    .required-info-container > .required-info-panel > .required-info-panel-icon{
        display:                none;
    }
}

/*----------------------*/
/* MEDIUM SCREEN        */
/*----------------------*/

@media screen and (min-width: 991px) and (max-width: 1300px){
    html,
    body{
        font-size:              0.9em;
    }

    .btn,
    .btn-group > a,
    .btn-group > .dropdown-menu{
        font-size:              0.9em;
    }

    .bigger-font,
    legend,
    .breadcrumb > li,
    .breadcrumb > li.active{
        font-size:              1.2em;
    }

    .navbar .nav{
        width:                  100%;
    }
    .navbar-default .navbar-brand,
    .navbar-brand > img{
        width:                  100%;
    }

    .quick-links.btn{
        padding:                6px 4px;
    }

    #left_navigation > .personal-info-container{
        height:                 200px;
    }
    #left_navigation .personal-info-container .mugshot-container,
    #left_navigation .personal-info-container .client-info-container{
        width:                  100%;
    }
    #left_navigation .personal-info-container .mugshot-container > .mugshot_div{
        margin-left:            auto;
        margin-right:           auto;
    }

    .navbar-right .navbar-username{
        display:                none !important;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1800px){
    .navbar-default .navbar-brand,
    .navbar-brand > img{
        width:                  100%;
    }

    #left_navigation > .personal-info-container{
        height:                 auto;
        margin-bottom:          0px;
    }
    #left_navigation .personal-info-container .mugshot-container,
    #left_navigation .personal-info-container .client-info-container{
        width:                  100%;
    }
    #left_navigation .personal-info-container .mugshot-container > .mugshot_div{
        margin-left:            auto;
        margin-right:           auto;
    }
}

#single_main_block .signup-container{
    margin-top: 2em;
    margin-bottom: 2em;
    color: #46a9db;
    z-index: 1030;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #ccc;
    background-color: #fff;
    display: block;
}

#single_main_block .signup-container input[type="submit"]{
    display:                block;
    margin:                 15px auto;
    width:                  60%;
}

#single_main_block .signup-st-logo{
    margin-top:             2em;
    width:                  20%;
    padding:                5px;
    display:                block;
    margin-left:            auto;
    margin-right:           auto;
}

#single_main_block .signin-container input[type="button"]{
    display:                block;
    margin:                 15px auto;
    width:                  60%;
    height:                 50px;
    font-weight:            700;
}

/* GENERAL SCALING SETTINGS */

/* hide username if under 1550px */
@media screen and (max-width: 1550px) {
    .navbar-right .navbar-username{
        display:                none !important;
    }
}