/*SIDEWAYS SCROLL FIX*/
td{
    max-width:35em;
    word-wrap:break-word;
}
/*SIDEWAYS SCROLL FIX*/

/*Custom Dalegroup*/

/*Navbar*/
.container{
    background:url(../img/noise.png);
}

.navbar-default{
    border-bottom:3px #3FA8CC solid;
    border-top:none;
    border-left:none;
    border-right:none;
    border-radius:0px;
    margin-left:auto;
    margin-right:auto;
}

.navbar{
    padding-top:0px;
    background-color:#363636;
}

.navbar-header{
    border:none !important;
}

.navbar a{
    font-family:Arial, Helvetica, sans-serif;
}

.navbar-nav{
    margin-left:0px;
    margin-right:0px;
}

.navbar-nav a{
    background-color:#363636 !important;
    color:#f5f5f5 !important;
}

.navbar-nav a:hover{
    color:#3FA8CC !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    color:#3FA8CC !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color:#3FA8CC !important;

}

.navbar-brand{
    color:#f5f5f5 !important;
    background:#3FA8CC !important;
    font-family:Arial, Helvetica, sans-serif;
    padding-left:15px !important;
    font-weight:normal !important;
}

.dropdown-menu a{
    color:#f5f5f5 !important;
}

.dropdown-menu{
    background:/*#3FA8CC*/#363636;
    border:#3FA8CC solid 3px !important;
    border-top: 0px !important;
}


/* DROPDOWN ANIMATION
.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
}

.dropdown-menu {
  opacity:0;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  display: block; 
  transition: all 0.05s linear;
  -webkit-transition: all 0.05s linear;
}
*/


.dropdown-menu .divider{
    background-color:#565656;
}

.navbar-nav > li > .dropdown-menu {
    border:none;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
    padding-left:15px;
    padding-right:15px;
}

.navbar-default .navbar-toggle{
    margin-top:-10px;
    border:none !important;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color:#FFF;
}

.navbar-default .navbar-toggle:hover{
    background-color:#3FA8CC;
}

.navbar-default .navbar-toggle{
    background-color:#3FA8CC;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:#3FA8CC;
}

.navbar-toggle{
    top:18px;
    border:none !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}

   
/*Navbar*/

/*Datepicker fix*/
.datepicker{
    background-color:#f5f5f5;
}


/*container*/
.container{
    padding-top:5px;
}

/*Footer*/
footer{
    line-height:7pt;
    color:#fff;
    border-radius:5px;
} 

footer{
    padding-top:10px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:20px;
    border-top:3px #F5F5F5 solid;
    border-bottom:3px #F5F5F5 solid;
    background:url(../img/footimg_dk.png) no-repeat 350px -60px;
    background-color:transparent;
}

footer .text-muted{
    color:#999 !important;
}

footer a{
    color:#999 !important;
}
/*Footer*/

/*Buttons*/
.btn-info{
    background-color:#3FA8CC;
    border-color:#20A8D6;
}

.btn-primary{
    background-color:#428bca;
    border-color:#357ebd;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info{
    background-color:#1685AB;
    border-color:#207BA8;
}

/*Canned response fix */
.btn-group>.dropdown-menu{
    margin-top:3px;
    background-color:#f5f5f5 !important;
    border:1px solid #d5d5d5 !important;
    border-radius: 4px;
}

a.insert_canned_response{
    color:#333 !important;
}

a.insert_canned_response:hover{
    color:#333 !important;
    background-color:#e5e5e5 !important;
}

/*Buttons*/

/*Panels*/
.panel-default > .panel-heading{
    background-color:#f5f5f5;
}  

.panel-default > .panel-footer{
     background-color:#f5f5f5;
}   

.panel-footer{
     background-color:#f5f5f5;
}   
/*Alert*/
.alert-success{
    color:#408500;
    background-color:#9BD665;
    border-color:#67A32F;
}

.alert-success .close{
    color:#2F4D13 !important;
}

/*Alert*/

/*Custom Dalegroup*/

body {
	padding-top: 65px;
	padding-bottom: 40px;
	word-wrap: break-word;
}


p {
  font-size: 15px;
}

label {
  font-size: 80%;
}

select {
  font-size: 80%;
  width: 170px;
  height: 25px;
}

.table th,
.table td {
  text-align: center;
}

td:first-child {
	min-width: 65px;
}

.left-result {
    margin: 3px;
    float: left;
    width: 30%;
	font-weight: bold;
}

.right-result {
    margin: 3px;
    float: left; 
}

.ticket-note-1 {
	border: 1px solid #ccc;
}

.ticket-note-2 {
	background-color: #def2fb;
	border: 1px solid #ccc;
}

.ticket-highlight {
	background-color: #fcf8e3 !important;
}

.show-filter {
	display: none;
}
.filter {
	display: block;
}

.marginless {
	margin-left: 0 !important;
	margin-right: 15px !important;
}

.container {
  margin: 0 auto;
  width: 100%;
}

.navbar-right {
	padding-right: 15px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;   
}

@media (max-width: 979px) {
	.show-filter {
		display: block;
	}
	.filter {
		display: none;
	}
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    padding: 10px;
}

.bg-light-gray {
	background-color: #eaeaea;
}


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

@media print {
	.no_print {
		display: none;
	}
}

@media screen and (max-width: 768px){
    .dropdown-menu{
        border:none !important;
    }
}

.bootstrap-datetimepicker-widget{
    border:0px !important;
}

.bootstrap-datetimepicker-widget td.today:before{
    border-bottom: 7px solid #3FA8CC !important;  
}

.datepicker-days .active{
    background-color:#3FA8CC !important;
}

.timepicker{
    background:#333;
}

.timepicker-hour, .timepicker-minute, .timepicker .separator, .timepicker .glyphicon{
    color:#f5f5f5;
}

.timepicker-hour:hover, .timepicker-minute:hover, .timepicker .glyphicon:hover{
    background:#3FA8CC !important;
    color:#f5f5f5;
    transition:0.1s ease-in-out;
}

.timepicker .separator{
    font-size:16pt;
}


/*
	Split Screen
*/

.splitscreen .well-sm .col-md-6{
    margin-left:-15px !important;
}

@media (min-width: 520px){
    .splitscreen .well-sm .bottom-button{
		margin-top:-36px;
    }
}

.splitscreen .well-sm{
    margin-bottom:10px;
}

.splitscreen .well-sm .form-control{
    margin-top:3px;
}

.splitscreen .well-sm .left-result{
    width:100px;
}