body {
 
  padding-top: 60px;
  padding-bottom: 40px;
}

	.page-break	{ display: none; }

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
     margin-right: 0px !important; 
}


.alert-warning {
    background-color:#ed9c28;
    border-color:#ed9c28;
}

.row_space {
    margin-bottom: 15px;
}

.row_border {
    border-bottom: 1px solid #333333;
}

.input-group_width {

min-width:39px;
}


.floatright {
    float: right;
    padding-right: 5px;
}

.dash_container_sm {

     min-height:150px !important;
   max-height: 150px !important;
}

.dash_container {
    min-height: 280px;
    background-color: #5B5D5E;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    border: 1px solid #5B5D5E;
    border-radius: 4px;
    margin-bottom:10px;
}

.dash_container_sm {
    min-height: 190px !important;
}


.dash_client {
    min-height: 200px;
    background-color: #1F3C54;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    border: 1px solid #1F3C54;
    border-radius: 8px;
    color:#ffffff;
}

.dash_client_header {
height: 130px;
font-size:80px;
text-align:center;
}

.dash_client_header a {
color:#ffffff;

}

    .dash_client_footer {
        font-size: 20px;
        text-align: center;
    }


.dash_title {
    color: #fff;
    font-size: 40px;
    text-align: center;
}

.dash_title a {
    color:#fff !important;
    text-decoration:none;
}

.dash_title_sm {
    font-size: 30px;
}

.dash_content {
    color:#fff;
}

.dash_line {
    border-top: solid #e5e4e4 1px;
    padding:2px;
    padding-left:15px;
    padding-right:15px;
    font-variant-caps: all-small-caps;

}

.dash_footer {
       border-top: solid #e5e4e4 1px;
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    font-size:small;
}

.dash_time {
    margin:auto;

}



.dash_alerts .dash_title {
        background-color: #ec7f25;
}

.dash_alerts .val {
color:#ec7f25;
font-weight:bold;
}

.dash_file .dash_title {
    background-color: #47a71f;
}

.dash_file .val {
    color: #ec7f25;
    font-weight: bold;
}

.dash_payroll .dash_title {
  background-color: #94C2E8 ;
}

.dash_payroll .val {
color:#94C2E8 ;
font-weight:bold;
}

.dash_messages .dash_title {
    background-color: #bd56d0;
}

.dash_messages .val {
    color: #bd56d0;
    font-weight: bold;
}


.dash_box_1 {
    min-height:200px;
    max-height:200px;
    height:200px;
    background-color:#5B5D5E;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    border:1px solid #5B5D5E;
    border-radius:4px;

    color:#ec7f25;
    margin-bottom:10px;

}

.dash_box_content {
    margin:auto;
    text-align:center;

}

.dash_box_text {
  font-variant-caps: all-small-caps;
    color:#fff;

}

.dash_box_text_green {
    font-size:30px;
    color:#1ebf26;
}
.dash_box_text_orange {
      font-size:30px;
    color:#ec7f25;
}

.dash_box_text_white {
      font-size:30px;
    color:#fff;
}


.module_menu_body {
display:flex;
min-width:100px;

}

.module_menu {
    float: left;
    margin: 10px;
    display:block;
}

.section_welcome_bg {
    background-color: #2B2A28 !important;
}
.section_qms_bg {
background-color: #337697 !important;
}

.section_timesheets_bg {
    background-color: #eea236 !important;
}

.section_forms_bg {
    background-color: #921B10 !important;
}

.section_helpdesk_bg {
    background-color: #2EB50C !important;
}

.section_asset_bg {
     background-color: #94C2E8 !important;
}

.section_system_bg {
     background-color: #1F3C54 !important;
}
.section_filedrive_bg {
    background-color: #47a71f !important;
}

.section_messages_bg {
    background-color: #bd56d0 !important;
}

.btn-mlg {
min-width:100px;
min-height:100px;

}

.btn-xlg {
min-width:140px;
min-height:140px;
}

.btn-link {
    color:#005580;
}
.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: none;/*underline*/
  background-color: transparent;
}
.btn-link-white {
    color:#fff;
}

.btn-link-white:hover,
.btn-link-white:focus {
  color: #fff;
  text-decoration: none;/*underline*/
  background-color: transparent;
}


.btn-default {

background-color:#5B5D5E;
color:#ffffff;
border-color:#5B5D5E;
}

.btn.pull-right, .btn-link.pull-right {
margin:1px 3px;

}

.btn-pad {
margin:2px;

}

.btn-fa {
width:41px !important;
}

.btn-outline {
background-color: transparent;
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
    background-color: transparent;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
    background-color: transparent;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        }

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
    background-color: transparent;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
    background-color: transparent;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
    background-color: transparent;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
    background-color: transparent;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
    background-color: transparent;
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
    background-color: transparent;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        }


.hover-black:hover {
color:#1f1e1e;
}

.hover-red:hover {
color:#d9534f;
}

.input-group-addon {
    background-color:#5B5D5E;
color:#ffffff;
border-color:#5B5D5E;

}

.navbar {

background-color:#337697; /*#007f7f;*/ /*#22c1c3;*/
z-index:99;
}


.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
padding:0px !important; 
}

.navbar .container {
max-width:100% !important;
}

.navbar .menu-main {
 margin-left:0px !important;
 vertical-align:bottom;
 padding-top: 0px;
 }

.navbar-brand {
padding:5px 15px;

}

.portal-page {
    padding-top: 30px;
    padding-bottom: 100px;
    min-height: 100%;
    height: auto !important;
    height: 100%
}


#footer {
    background-color: #337697;
    width: 100%;
    height: 30px;
    padding: 5px;
    position: fixed;
    bottom: 0px;
    border-top: solid 1px #080808;
    z-index: 9999;
}
    #footer * {
        color: #fff;
    }



.fixed-top {
/*padding-top:50px;*/
}


/* Menu - Main */
.menu-main.menu-list {
/*left:-50px;*/
}

.ul-blocks {
list-style-type:none;
}

.ul-blocks li {
/*height:20px;*/
/*min-width:80px;*/
/*display:block;*/
/*float:left;*/
padding:5px;
margin:5px;
/*line-height:50px;
text-align: center;*/
}


.li-red {
    background-color:red ;
}

.li-blue {
    background-color:blue;
}

.li-green {
    background-color:green;
}

.li-gray {
    background-color:#eeeeee ;
}

/* Menu - Settings */
.menu-settings {
   position:absolute;
   top:10px;
   right:10px;
}

.menu-settings .btn-link {
    color: #ffffff !important;
    text-shadow:none !important;
    }

.menu-settings a {
 /*  margin-top:10px;
   float:left;*/
}

.menu-settings.menu-list .menu-box {
background-color:#fff;
border:1px solid #1b1b1b;
margin-top:5px;
}

.menu-btn {
vertical-align:bottom;
color:#ffffff;
}
.menu-btn:hover {
vertical-align:bottom;
color:#ffffff;
}

  

/* Contracts Tree Styling */
.tree_locations li {
    list-style:none;
}

.tree_items_ul * {
    text-decoration:none;
    overflow:visible;
}
.tree_items_ul { min-height: 10px;  padding:0px !important; list-style:none;}
.tree_items_li { top:0px; position:relative;  min-height:30px; padding-left: 2px; margin-left: 5px; padding-top:1px; list-style:none;  overflow:visible;} /*border:solid 1px black;    background-color:#337697;*/

.tree_items_row { top:0px; position:relative;  min-height:30px; padding-left: 2px; margin-left: 5px; padding-top:1px; list-style:none;  overflow:visible;} /*border:solid 1px black;    background-color:#337697;*/
.tree_over {background-color:#337697 !important; color:#fff;}

.tree_text_a { padding-left:5px;  height:100%; padding-bottom:5px; display:block;  text-decoration:none !important;  color: #337697; overflow:visible;}
.tree_text { color:#337697;  width:100%; height:100%; min-height:25px; display:inline-block;}
/*.tree_text {color:#fff !important; background-color:#337697;    }*/

.tree_text_a2 {
    padding-left: 5px;
    height: 100%;
    padding-bottom: 5px;
    display: inline-block;
    text-decoration: none !important;
    color: #337697;
    overflow: visible;
}


/*.tree_items_ul:empty { min-height:5px; position: static;
top: -20px;
height: 30px;
margin-top: -25px;
overflow:visible;
z-index:9999;
}*/
/*.tree_items_lg ul:empty:hover { padding-top:20px; min-height:30px;}*/


.ui-sortable {
    min-height:10px !important;}

/*.ui-sortable-helper
{
   background:none;    
   border:none;
   position:static !important;   
}*/

.tree_item_empty {
    /*float:left;*/
    display:inline-block;
    width:40px;
    z-index:9999;
}

.tree_badge {
float:right;  position:absolute; right:10px; top:2px; display:inline-block;}

    .tree_badge .badge {
    display:inline-block !important;}
.tree_icons {float:right;  position:inherit; right:10px; top:2px; display:none;}
.tree_icons2 {
    float: right;
    position: inherit;
    right: 10px;
    top: 2px;
    display: none;
}
.tree_icons a { padding-right:5px;}
/*.tree_text:hover .tree_icons {display:inline-block;}*/
.tree_text_selected {border:1px solid #337697 !important; }
.tree_text_selected .tree_icons{display:inline-block;}

/*.tree_text_selected .tree_text_a, .tree_icons a{ color:#fff;}*/

.tree-collapse li{display:none !important;}
.ui-draggable-dragging {min-width:250px; overflow:visible;}
/*.tree-show .tree_items_li{display:block !important; }*/

/* END  Contracts Tree Styling */


/* Generic Styling of components h tags / a tags etc.... */


.navbar a  {
color: #FFFFFF !important;
text-shadow:none !important;
text-decoration:none !important;
}

.brand_a {
      text-shadow:none !important;
      text-decoration:none !important;
      vertical-align:bottom;
      text-transform:lowercase;
      top:-2px;
    }

.c_logo {
    background-image:url('images/logo_www_sm.png');
    background-repeat:no-repeat;
    padding-right: 140px;
padding-bottom: 10px;
padding-top: 25px;
}

.alerts{
position:relative;
}
.alerts-fixed {
position:fixed;
width:100%;
z-index:9999;
top:10px;
}

.alerts-fixed .alert {
    margin:auto;
    width: 80%;
    color: #000 !important;
    z-index: 999999;
    position:fixed;
    top:10%;
    left:10%;
    }


.alerts-fixed .alert-overlay {
    position: fixed; /* Sit on top of the page content */
    /*display: block;*/ /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.progress_dots {
background-image:url(images/progress_01.gif);
background-repeat:no-repeat;
width:200px;
height:15px;
float:left;
margin-top:5px;
}


.well-success {
    border:3px solid #4cae4c !important;
    border-radius:10px 10px 0px 0px;
    margin-bottom:0px;
}

.well-success-footer {
    background-color:#4cae4c;
    color:#fff;
    font-size:30px;
    font-weight:500;
    text-align:center;
    text-transform:uppercase;
    margin-bottom: 10px;
}

.well-danger {
     border:3px solid #d43f3a !important;
   /* border-radius:10px 10px 0px 0px;*/
    margin-bottom:0px;
    background-color:#d43f3a;/*rgba(212, 63, 58, 0.35);*/
    padding:10px;
    
}
.well-danger-footer {
    background-color:#d43f3a;
    color:#fff;
    font-size:30px;
    font-weight:500;
    text-align:center;
    text-transform:uppercase;
    margin-bottom: 10px;
}

.well-warning {
     border:3px solid #eea236 !important;
   /* border-radius:10px 10px 0px 0px;*/
    margin-bottom:0px;
    background-color:#eea236;
     padding:10px;
}
.well-warning-footer {
    background-color:#eea236;
    color:#fff;
    font-size:30px;
    font-weight:500;
    text-align:center;
    text-transform:uppercase;
    margin-bottom: 10px;
}

.well-default {
    background-color:#5B5D5E;
    border:3px solid #5B5D5E !important;

}


.well-info {
     border:3px solid #37a5ee !important;
   /* border-radius:10px 10px 0px 0px;*/
    margin-bottom:0px;
    background-color:#37a5ee;/*rgba(212, 63, 58, 0.35);*/
     padding:10px;
    
}

/* Menu - General code*/
.menu-main .btn {
top:20px;
padding-left:50px;
}

.menu-list {
height:0px;

}
    .menu-settings a {
    color:#000000 !important;
    }

menu-list.in  {
height:auto;
}
.btn-navbar.floatleft {
float:left !important;
}

.list-group li {
    list-style:none;
}


/* End of generic styling */

/* Data table styling */

.data-div {
min-width:960px !important;

}

.data-header *{
    font-size:14px;
    font-weight:600 ;
}


.table_basic
{
	width:100%;
	
	}

.table_basic tr
{
	height:40px;
	}

.table_narrow tr {
height:30px;
}

.table_data th { font-size:medium ; text-align:left; background-color:#5B5D5E; color:#fff ;}
.table_data th *{color:#fff ;}

.table_data th *{ font-size:medium ; text-align:left;}

.table_data th, .table_data tr, .table_data td
{
	border:1px solid #d2dbdb;
	}

.table_data .table_th { font-size:medium ; text-align:left; background-color:#7a919c !important; color:#fff ;}

.table_data tr:hover { background-color:#ebfcfa;}
.table_data .table-no-hover:hover { background-color:red;}

.table_data .row_hover {
  
   /* visibility:hidden;*/
      padding:3px;
}

    .table_data .row_hover:hover {
        visibility: visible;
        padding: 3px;
    }


.table_data  .row_right {
    float:right;
    top:3px;
    right:0px;
    position:relative; 
}

.table_data .text_red {

color: #d43f3a;
}

.table_data .text_green {

color: #31ae0d;
}

.table_map tr:hover {
    background-color:#ebfcfa;
    /*cursor:pointer;*/
}

.table-noborder *{
    border:none !important;
}

.no-hover  { background-color:#fff !important;}



.table_rows tbody tr:nth-child(odd)		{ background-color:#eee; }
.table_rows tbody tr:nth-child(even)	{ background-color:#fff; }


 .ui-icon-blank{background-position: 130px 0px;}

.mydialog {
    z-index:9999 !important;
}

 .mydialog .ui-dialog-titlebar-close {
  display: none;
}

.mydialog .ui-dialog-titlebar {
   background: #22c1c3;
  
}


.div_data_header {
    font-size: medium;
    text-align: left;
    font-weight: 600;
    background-color: #5B5D5E;
    color: #fff;
    min-height: 40px;
    padding-top: 10px
}

.div_data_header_order {
    text-decoration:underline;
    cursor:pointer;
}
.div_data_header_order i {
padding-left:10px;

}
/* End Datatable styling*/
/** Grid rows styling */
.row_hover:hover {
    background-color: #e6e6e6;
}

.row_padding_10 {
padding:10px 0 10px 0;

}
/*
    Table styling for COL divs
*/
.col-header div {
    font-size: medium;
    text-align: center;
    background-color: #5B5D5E;
    color: #fff;
    font-weight: 600;
    text-align: left;
}



/* END Table styling for COL divs*/

                      
/* pagination*/

.pagination select {
margin-top:-10px;
width:100px;

}



/* Configuration stuff
    -------------------------------------------------------------------*/

.req_true {
border-color:red;
}


.req_1 {
color:#d9534f;
display:block !important;
visibility:visible !important;
}


/* END Configuration stuff
    -------------------------------------------------------------------*/


.form-control[type="checkbox"] {

    box-shadow:none;
}


.popover-content {
max-height: 400px;
overflow: auto;
}

/*@media (max-width: 480px) {

.sidebar-collapse {
    width:0px;
    height:0px;
}
.sidebar-btn {
   display:block !important;
}

.sidebar-collapse.in {  
    height:100% !important;
    width:100% !important;

    }

    .navbar-fixed-top {
    position:fixed !important;}
}*/

/* ****************   SAVE & CANCEL BUTTON POSITIONS   */



.btn-top-1-long:after {
margin-left:-63px !important;
}

.btn-top-1 {
    position:fixed;
    top:10px;
    right:15px;
    z-index:1000;
    margin-left:10px;
}

.btn-top-2 {
position:fixed;
top:10px;
right:60px;
z-index:999;
margin-right:20px;
}

.btn-top-3 {
position:fixed;
top:10px;
right:160px;
z-index:999;
margin-right:20px;
}


/* ****************  END SAVE & CANCEL BUTTON POSITIONS   */


/************** SCROLLABLE PAGE SECTIONS ********/
.scrollable {
overflow-y:auto;
min-height:200px;

}

.scrollable-modal {
overflow:auto;
max-height:80%;
}


.modal-large {
width:80% !important;

}

.main-content .scrollable:first-child {

border-right:2px solid #c6c6c6;
}

/************** END SCROLLABLE PAGE SECTIONS ********/

.sortable_empty {
border:dashed 1px #000;
min-height:50px !important

}

@media (max-width:480px) {
 .navbar-fixed-top {
    position:fixed !important;}



 .c_logo {
    background-image:url('images/logo_www_xs.png') !important;
    background-repeat:no-repeat;
    padding-right: 23px;
    padding-bottom: 0px;
    padding-top: 18px !important;
    }

    .btn-top-2 {
    
    display:none;
    }

    /*.btn-top-1 {
    color:#428bca;
    width:20px;
    }

    .btn-top-1:hover,.btn-top-1:focus {
        color:#3276b1;
        
    }

    .btn-top-1:after {
       width:10px;
       color:#ffffff;
      visibility: visible;
      top: 1px;
      display: inline-block;
      font-family: 'FontAwesome';
      -webkit-font-smoothing: antialiased;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      text-align:left;
       content: "\f0c7"; 
       margin-left:-37px;
    }

    .btn-top-2 {
    color:#d2322d;
    width:20px;
    }

    .btn-top-2:hover,  .btn-top-2:focus {
    color:#d2322d; 
        
    }

    .btn-top-2:after {
    width:10px;
    color:#ffffff;
    visibility: visible;
    top: 1px;
    display: inline-block;
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-align:left;
    content: "\f00d";
    margin-left:-50px;
    }*/


 }

/*@media (max-width:992px) {



 .c_logo {
    background-image:url('images/logo_www_xs.png') !important;
    background-repeat:no-repeat;
    padding-right: 23px;
    padding-bottom: 0px;
    padding-top: 12px !important;
    margin-left:10px;
    }
}*/



@media (max-width:768px) {



    .c_logo {
        background-image: url('images/logo_www_xs.png') !important;
        background-repeat: no-repeat;
        padding-right: 23px;
        padding-bottom: 0px;
        padding-top: 18px !important;
        margin-left: 30px;
    }

    .dash_container h3 {
        font-size: 18px !important;
    }

}


@media (min-width: 768px) {




    .container {
    max-width:95%;
    }

    .main-content {
     /*   left: 0px !important;*/
    }
 .navbar-fixed-top {
    position:fixed !important;}

   

.navbar-collapse.collapse {
    display: inline-block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    }

    .navbar-collapse.collapse .ul-blocks li {
        background-color:transparent;
        line-height: inherit;
        padding:0px 5px 0px 5px;
        margin:0px 5px 0px 5px;
        float:left;
    }
   
     

    .menu-btn {
    display:none;
    }

}

@media (min-width: 1200px) {
     .container {
    max-width:95% !important;
  }

}




/* Slider bar */

.slider {
	width: 100%;
	height: 17px;
	position: relative;
	margin: 5px auto;
	background: #337697;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
	box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.9), 0px 1px 1px 0px rgba(255, 255, 255, 0.13);
}

.slider .bar {
	width: 100%;
	height: 20px;
	background: #333;
	position: relative;
	/*top: -4px;*/
	/*left: 4px;*/	
	
	background: #7b7e80;
	/*background: -moz-linear-gradient(left, #1d2e38 0%, #2b4254 50%, #2b4254 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d2e38), color-stop(50%,#2b4254), color-stop(100%,#2b4254));
	background: -webkit-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: -o-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: -ms-linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	background: linear-gradient(left, #1d2e38 0%,#2b4254 50%,#2b4254 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2e38', endColorstr='#2b4254',GradientType=1 );*/	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.slider .highlight {
	height: 2px;
	position: absolute;
	width: 95%;
	top: 6px;
	left: 6px;
		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background: #7b7e80; /*rgba(255, 255, 255, 0.25);*/
}


    .slider .slider_min {
    position: absolute;
    left: 5px;
    z-index: 9;
    color: white;
    }

    
    .slider .slider_max {
    position: absolute;
    z-index: 9;
    right: 5px;
    font-size: 14px;
    color: white;
    }

input[type="range"] {
	-webkit-appearance: none;
	background-color:  #337697;
	height: 2px;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: 2px;
	z-index: 1;
	width: 30px;
	height: 30px;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a171c),  color-stop(100%,#000000));
}

input[type="range"]:hover ~ .rangevalue,input[type="range"]:active ~ .rangevalue {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	top: -75px;
}

.slider_input-group-addon {
    background-color:transparent !important;
    border:none;
    color:#000;

}


/* Message Boards */

.message_even {
    background-color: #e2e1e1;
}


.message_odd {
    background-color: #f5f5f5;
}

/* End Message Board */


/* Timesheet datalist */

     .timesheet_datalist datalist{
    position: absolute;
    max-height: 200em;
    border: 0 none;
    overflow-x: hidden;
    overflow-y: auto;
    z-index:999;
    background-color: #fff;
    border: 1px solid #5B5D5E;
}

.timesheet_datalist datalist option {
    font-size: 0.8em;
    padding: 0.3em 1em;
    background-color: #fff;
    cursor: pointer;
}

        /* option active styles */
    .timesheet_datalist datalist option:hover, datalist option:focus {
        color: #fff;
        background-color: #036;
        outline: 0 none;
    }


/* End Timesheet datalist*/