@font-face{font-family:"BebasNeue";src:url("../fonts/BebasNeue.eot?") format("eot"),url("../fonts/BebasNeue.woff") format("woff"),url("../fonts/BebasNeue.ttf") format("truetype"),url("../fonts/BebasNeue.svg#BebasNeue") format("svg");font-weight:normal;font-style:normal;}


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


/*Custom Dalegroup*/



/*Navbar*/
.container{
    background:url(../img/noise.png);
    padding-top:30px !important;
    margin-top:-30px !important;
	width: 100% !important;
}

.navbar{
    background:#3B71B6;
    border:0;
    padding-top:0px;
    margin-bottom:0px !important;
}

.navbar-fixed-top{
    height:50px;
}

.navbar-brand{
    background: url(../img/headimg.png) no-repeat 158px;
    padding-right:60px;
    background-size: 42px;
    font-size:24pt;
    transition: 0.3s ease-in-out;
    color:#fff !important;
}

.active a{
    color:#3B71B6 !important;
    background-color:#fff !important;
    border-bottom:3px #3B71B6 solid !important;
    padding-bottom:12px !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    color:#fff;
    border-bottom:3px solid #fff !important;
}

.navbar-brand:hover{
    background-color:#49AFEB !important;
    transition: 0.1s ease-in-out;
}

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

.dropdown-menu{
    margin-top:0px !important;
    border-top:0px !important;
    background-color:#fff;
}

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

.dropdown-menu a{
    transition:0.3s ease-in-out;
}

.dropdown-menu a:hover{
    transition:0.1s ease-in-out;
}

.active .dropdown-menu a{
    color:#3B71B6 !important;
    background:#fff !important;
    transition: 0.3s ease-in-out;
    border-bottom: 3px transparent solid !important;
    padding-bottom:0px !important;
}

.active .dropdown-menu a:hover{
    color:#3B71B6 !important;
    background-color:#f5f5f5 !important;
    transition: 0.1s ease-in-out;
    border-bottom:3px transparent solid !important;
}

.navbar-right{
    background:transparent !important;
}

.navbar-nav{
    margin-top:0px;
    margin-bottom:0px;
}


.navbar-toggle:hover{
    transition:0.1s ease-in-out;
}

.icon-bar{
    background-color:#3B71B6 !important;
}

.navbar-default .navbar-brand{
    color:#3B71B6;
}

.navbar-default .navbar-brand:hover{
    color:#3B71B6;
}

.navbar-default .navbar-nav>li{
    background:#FFF;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color:#fff !important;
    color:#3B71B6 !important;
    border-bottom: 3px transparent solid !important;
}


.navbar-default .navbar-nav>li>a{
    color:#fff;
    font-size:14px;
    font-family:"Helvetica Neue","Arial","sans-serif";
    transition: 0.3s ease-in-out;
    padding-bottom:12px;
    border-bottom:3px transparent solid;
    background-color:#3B71B6;
}

.navbar-default .navbar-nav>li>a:hover{
    color:#fff;
    background-color: #386BAD;
    transition: 0.1s ease-in-out;
    border-bottom:3px #fff solid;
}

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

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

.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-toggle{
    margin-right:30px;
    border-radius:0px;
    border-color:#f5f5f5 !important;
    background-color:#f5f5f5;
    transition:0.3s ease-in-out;
}

.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:#3B71B6;
}

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

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

.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;
}

/* well */

.well{
    border-radius:0px;
    background-image:url(../img/noise.png);
}

.form-control{
    border-radius:0px;
}

.right-result .form-control{
    width:170px;
}

.pagination-sm a{
    border-radius:0px !important;
    border:1px #e5e5e5 solid !important;
}

/*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{
    white-space:normal;
    border-radius:0px;
    border:0px;
}

/*
.btn-toolbar{
    float:right;
    margin-right:31%;
}
*/

.btn-info{
    transition: 0.3s ease-in-out;
}

.btn-info:hover{  
    border-radius:0px;
    border:0px;
    background-color:#2980b9 !important;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    transition: 0.1s ease-in-out;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info{
    border-radius:0px;
    border:0px;
    background-color:#2980b9 !important;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    transition: 0.1s ease-in-out;
}   

.btn-primary{
    color:#fff !important;
    border-radius:0px;
    background-color:#3B71B6;
    transition: 0.3s ease-in-out;
}

.btn-primary a{
    color:#fff !important;
}

.btn-default{
    background-color:#e5e5e5;
    color:#6E6E6E;
    transition:0.3s ease-in-out;
}

.btn-default:hover{
    background-color:#CCCCCC;
    color:#FFFFFF;
    transition:0.1s ease-in-out;
}

.btn-primary:hover{
    background-color:#3B71B6;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    transition: 0.1s ease-in-out;
}

.btn-success{
    transition:0.3s ease-in-out;
}

.btn-success:hover{
    color:#fff !important;
}

/* Toggle button fix */
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{
    color:#333;
    transition: 0.1s ease-in-out;
}

/*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{
    border-radius: 0px !important;
}

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

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

.panel-footer{
     background-color:#f5f5f5;
}   
/*Alert*/
.alert{
    border-radius: 0px !Important;
}

.alert-success{
    color:#306300;
    background-color:#B5E887;
    border-color:#8FCC58;
}

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

/*Alert*/

/*Custom Dalegroup*/

body {
	padding-top: 65px;
	padding-bottom: 40px;
	word-wrap: break-word;
	font: 13px Arial,sans-serif;
	color: #666666;
}


p {
  font-size: 13px;
}

select {
  width: 170px;
  height: 25px;
}

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

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

.mce-grid td:first-child {
	min-width: 0px;;
}

.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;
}

.ticket-closed{
    background-color:#97E352;
}

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

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

@media all and (min-width: 768px){
    .navbar-nav.navbar-right:last-child{
        margin-right:0px !important;
    }
}

.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 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 #3B71B6 !important;  
}

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


.timepicker{
    background:#fff;
    background-image:url(../img/noise.png);
}

.timepicker-hour, .timepicker-minute, .timepicker .separator, .timepicker .glyphicon{
    color:#333;
    animation:0.3s ease-in-out
}

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

.hour{
    font-weight:bold;
}

.dow{
    max-width:31px !important;
}

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

/* Invoice style */
.invoice-body .container{
    background:#fff !important;
    background-image:none !important;
}

.invoice{
    border:1px #e5e5e5 solid;
    background:url(../img/footimg_dk.png) no-repeat 700px -20px;
    width:700px;
    margin-left:20px;
    padding-left:15px;
    padding-right:15px;
}

.invoice p{
    line-height:12pt;
}

.invoice .col-sm-6, .invoice .col-sm-12{
    padding-right:0px;
    padding-left:0px;
}

@media all and (max-width:768px){
    .invoice .col-sm-6{
        width:50%;
        float:left;
    }
    .invoice .col-sm-12{
        width:100%;
    }
}

.invoice h1{
    color: #3B71B6;
    font-size:38pt;
    background: url(../img/headimg_c.png) no-repeat 240px -5px;
    background-size:60px;
    width:300px;
}

.invoice .invoice-left{
    width:80%;
    margin-left:5%;
    float:left;
}

.invoice .invoice-right{
    width:95%;
    margin-right:5%;
    float:right;
}

.invoice .invoice-center{
    margin-left:2.2%;
    margin-right:2.2%;
    float:left;
    margin-top:20px;
}

.invoice-box h2{
    margin-top:0px;
    color:#fff !important;
}

.invoice .text-muted{
    color:#fff;
    font-size:16pt;
}

.invoice-total{
    text-align:right;
    background:url(../img/noise.png);
    background-color:#7FC9F5;
    border:1px solid #fff !important;
    color:#fff !important;
}

.numbers{
    padding-top:20px;
    padding-bottom:20px;
    margin-left:2.5%;
    margin-right:2.5%;
    width:95%;
}

.billing-details{
    width:250px;
    clear:left;
}

.invoice-details{
    background:url(../img/footimg_dk.png) no-repeat -150px 300px;
}

.sub{
    text-align:right;
}

.sub2 p{
    padding-right:24px;
}

.invoice .col-sm-6{
    font-size:14px !important;
}

.sub-heading{
    float:left;
}


.invoice  .table-responsive table, .invoice  .table-responsive th, .invoice  .table-responsive td {
   border: 1px solid #ddd;
}

.invoice .table{
    margin-bottom:0 !important;
}

.table > thead > tr > th{
    border-bottom:none;

}

.invoice-box{
    border:1px #e5e5e5 solid;
    margin-top:22px;
    padding:10px 10px 0px 10px;
}

.invoice hr{
    margin-top:5px;
    margin-bottom:10px;
}

.comment{
    background:url(../img/noise.png);
    float:left;
    text-align:left;
    background-color:#f9f9f9;
    padding:10px;
    margin-left:2.5%;
    margin-right:2.5%;
    width:95%;
    margin-top:30px;
    margin-bottom:50px;
    border:1px #e5e5e5 solid;
}

.invoice-buttons{
    min-width:240px;
}

@media print {
	body {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.no_print {
		display: none;
	}
	.invoice{
		border:0px;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.container {
		width: 100% !important;
	}
}

.well h4:first-child, .well h3:first-child
{
	margin-top: 0px;
}

.well-sm
{
	padding: 15px;
}

form .well .form-group
{
	margin-bottom: 0px;
}

form .well .form-group .col-lg-5
{
	padding-left: 0px;
	padding-right: 0px;
}

pre
{
	background-color: #ffffff;
}

.col-md-9 .well h4
{
	margin-top: 22px;
}

.navbar-brand
{
	padding: 4px 0px 0px 10px;
}

.file-listing-ticket-view
{
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.body-max-height-scrolled
{
	max-height: 300px;
	overflow-y: scroll;
}

.ticket-open
{
	background-color: #3B71B6 !important;
	color: #ffffff;
}

.ticket-closed
{
	background-color: #cccccc !important;
	color: #ffffff;
}

.text-left
{
	text-align: left !important;
}

.col-md-9 .well
{
	overflow: auto;
}







.meUs {
	list-style: none;
	background-color: #f5f5f5;
	margin-bottom: 10px !important;
	border: 0 none !important;
}

.alert-user {
	border-color: #cbe5f2;
}

.img-circle {
	border-radius: 0px 30px 60px 30px;
	border: 1px solid #CCC;
}

.tableFont {
	font-weight: 900;
	font-size: 14px;
	color: #325174;
	vertical-align: top;
	line-height: 2;
}

.tableFont2 {
	font-weight: bold;
	color: #666666;
	background-color: #f0f5fb;
	vertical-align: top;
	line-height: 2;
}

.fk {
	text-transform: uppercase;
	font-size: 11px;
	color: #999999;
	margin: 0px;
}

.meUser {
	width: 100%;
	border: none;
	opacity: 1.0 !important;
	padding: 0px;
	margin-top: 10px;
}

.meAd {
	list-style: none;
	background-color: #f5f5f5;
	border: 0 none !important;
	margin-bottom: 10px !important;
}

.meAdmin {
	width: 100%;
	border: none;
	opacity: 1.0 !important;
	padding: 0px;
	margin-top: 10px;
}

.well h4, .col-md-9 .panel-title, .col-md-9 .page-header h4 {
    color: #fff;
    font: 23px "BebasNeue", sans-serif;
	color: rgba(0, 0, 0) !important;
	color: rgba(0, 0, 0, 0.5) !important;
}

.col-md-9 .page-header
{
	border-bottom: 0 none;
	margin: 40px 0 0;
    padding-bottom: 2px;
} 

.tableFont, .tableFont2
{
	font: 23px "BebasNeue", sans-serif;
	color: #848484;
}

.well .box {
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    list-style-type: none;
    margin: 0;
    padding: 0px;
    position: relative;
}

.well .box div:first-child
{
	padding: 7px;
}

.well .box ul li
{
	padding: 2px 0;
}

.col-md-3 .btn
{
	padding: 4px 12px;
}

.well h3 {
    color: #fff;
    font: 30px "BebasNeue", sans-serif;
	color: rgba(0, 0, 0) !important;
	color: rgba(0, 0, 0, 0.5) !important;
	border-bottom: 5px solid #fff;
	padding-bottom: 6px;
}

.note-editor .note-editable
{
	background-color: #ffffff;
}

div.mce-fullscreen
{
	z-index: 9999;
}

.main-logo
{
	margin-top: -2px;
}

.notes-files-attached
{
	padding: 0px 0 0px 13px;
}

#ticket_reply_tab_content .col-md-8 .well-sm
{
	padding: 6px !important;
}

#ticket_reply_tab_content .well-sm p:first-child
{
	margin: 0px !important;
}

.modal-body
{
	padding: 10px;
}

.ticket-note-left
{
	width: 62px;
	vertical-align: top;
	float: left;
}

.ticket-note-right
{
	margin-left: 62px;
	text-align: left;
	vertical-align: top;
}

.ticket-note-right .alert
{
	opacity: 1.0 !important;
}

.ticket-note-right .fk
{
	float: right;
}

.clear
{
	clear: both;
}

.edit-icon-link
{
	cursor: pointer;
	margin-left: 12px;
	margin-top: -1px;
	font-size: 10px;
}

.top-ticket-note
{
	padding: 0px !important;
	background-color: #FFFFFF;
}

.top-ticket-note h3
{
	border-bottom: 5px solid #f5f5f5;
}

blockquote
{
	font-style: italic;
	font-size: inherit;
}

@media only screen and (max-width: 767px) {
	.responsive-hide
	{
		display: none !important;
	}
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th
{
	background-color: #ededed;
}