/*@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);*/
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,900');*/
@import url(//fonts.googleapis.com/css?family=Kaushan+Script);
@import url(../fonts/FontAwesome.otf);
/*! 
*   AdminLTE v1.2
*   Author: AlmsaeedStudio.com
*   License: Open source - MIT
*           Please visit http://opensource.org/licenses/MIT for more information
!*/
/*
Core: General style
----------------------------
*/
.modal-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.modal-content::-webkit-scrollbar
{
	width: 0px;
	overflow:hidden;
	background-color: #F5F5F5;
}

.modal-content::-webkit-scrollbar-thumb
{
	 border-radius: 0;
    -webkit-box-shadow: none;
    background-color: #fcfbfb;
}

/* body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
	border-radius: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.8);

	background: linear-gradient(to right, rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
} */

html,
body {
/* overflow-x: hidden!important; */
font-family:'Prompt', sans-serif; /*'Source Sans Pro', sans-serif;*/
-webkit-font-smoothing: antialiased;
min-height: 100%;
background: #dfe0e2;
overflow: hidden;


/*margin-bottom: 50px;
*/}
a {
color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
outline: none;
text-decoration: none;
color: #1667ad;
}
tfoot {
display: table-header-group;
}
.fixed-footer {
position: fixed;
bottom: 0;
width: 100%;
height: 20px;
background-color: #f5f5f5;
padding: 10px 0px 25px;
z-index: 9;
}

/* Layouts */
.wrapper {
/* min-height: 100% !important; */
padding-top: 90px;

}
.wrapper:before,
.wrapper:after {
display: table;
content: " ";
}
.wrapper:after {
clear: both;
}
.mandatory-star {
color: red;
}
.loadingGIF{background:black;
position: fixed;
width: 100%;
height: 100%;
z-index: 9999;
top: 0px;
left: 0px;
background: rgba(200,200,200,0.5) url('../img/ajax-loader1.gif') no-repeat center;

}
/* sachin 6 march 2018 */   
.add-ticket-content {float: left;}
.dashboard-content {float: right;}
.dashboard-content section {text-align: right;}
.breadcrumb {background-color: transparent;}
.content label {font-weight: 500;font-size: 14px;}

/* Header */
body > .header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1030;
margin-bottom: 25px;
}
/* Define 2 column template */
.right-side,
.left-side {
margin-top:0px;
min-height: 100%;
display: block;
}
/*right side - contins main content*/
.right-side {
background-color: #dfe0e2;
margin-bottom: 50px;

}
.right-side .pull-right{ 
text-align: right;
}
/*left side - contains sidebar*/
.left-side {
position: absolute;
top: 0;
}
.submenu {
padding: 9px 0px 10px 65px;
margin-bottom: 0px;
background: #1667ad;
color: #efefef;
font-size: 13px;
}

.submenu a {color: #ffffff; padding:2px 20px 5px;}
.submenu a:hover{/*color: #20e5fd;*/color: #333;}
.disabled {
pointer-events: none;
background-color: #f5f5f5;
}
/*.navbar-header {float: none;}*/

@media screen and (min-width: 992px) {
.add-ticket-type {text-align: right;}
.content {margin-top: 0px !important;}

.left-side {
top: 50px;
}
/*Right side strech mode*/
.right-side.strech {
margin-left: 0;
}
.right-side.strech > .content-header {
margin-top: 0px;
}
/* Left side collapse */
.left-side.collapse-left {
left: -220px;
}
}
/*Give content full width on xs screens*/
@media screen and (max-width: 992px) {
.navbar.navbar-static-top .navbar-nav > li {float: left;}
.navbar-collapse  {margin-top: 58px; position: absolute; right: 0px; top: 2px; box-shadow:0px 5px 5px #ddd;width: 100%;}
.navbar .navbar-right {float: left;}
.navbar .navbar-nav>li {float: none;}
.navbar-header .navbar-nav>li.questions-tooltip {float: left;}
/*  */
.right-side > .content-header {margin-top: 0px;}
.content {margin-top: 0px; padding-top:0px; }
.content-header .content .col-lg-6 {width: 50%; float: left;}    
.navbar-toggle {display: block;}
.navbar-collapse.collapse {display: none !important;}
.navbar.navbar-default.top-bar .profile-pik li a {color: #fff !important;padding: 6px 20px;}
.navbar.navbar-default.top-bar .profile-pik li a:hover {color: #fff !important;}
.right-side {margin-left: 0;}
.navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;box-shadow: none;}
.navbar.navbar-default.top-bar .profile-pik .dropdown-menu > li > a:hover{background-color: transparent;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background-color: transparent;
font-weight:300 !important;color: #fff !important;}
}
/*
By default the layout is not fixed but if you add the class .fixed to the body element
the sidebar and the navbar will automatically become poisitioned fixed
*/
@media (min-width: 992px) and (max-width: 1075px)
{.navbar-nav>li>a {padding: 15px 10px; text-align: center;} }

body.fixed > .header,
body.fixed .left-side,
body.fixed .navbar {
position: fixed;
}
body.fixed > .header {
top: 0;
right: 0;
left: 0;
}
body.fixed .navbar {
left: 0;
right: 0;
}
body.fixed .wrapper {
margin-top: 50px;
}
/* Content */
.content {
margin-top: 25px;padding: 0px 15px;
/*padding: 20px 15px;*/
background: #fff;
}
.contentmenu {
padding: 10px 15px;
background: #f9f9f9;
}
/* Utility */
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Prompt', sans-serif;/*'Source Sans Pro', sans-serif;*/
}
/* Page Header */
.panel-title{
	margin-left:0px;
}
.page-header {
margin: 10px 0 20px 0;
font-size: 22px;
}
.page-header > small {
color: #666;
display: block;
margin-top: 5px;
}
/* All images should be responsive */
img {
max-width: 100% !important;
}
.sort-highlight {
background: #f4f4f4;
border: 1px dashed #ddd;
margin-bottom: 10px;
}
/* 10px padding and margins */
.pad {
padding: 10px;
}
.margin {
margin: 10px;
}
/* Display inline */
.inline {
display: inline;
width: auto;
}
/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
color: #f9f9f9 !important;
}
.bg-gray {
background-color: #7b7171 !important;
}
.bg-black {
background-color: #222222 !important;
}
.bg-red {
background-color: #f56954 !important;
}
.bg-yellow {
background-color: #f39c12 !important;
}
.bg-aqua {
background-color: #00c0ef !important;
}
.bg-blue {
background-color: #0073b7 !important;
}
.bg-light-blue {
background-color: #3c8dbc !important;
}
.bg-green {
background-color: green !important;
}
.bg-navy {
background-color: #001f3f !important;
}
.bg-teal {
background-color: #39cccc !important;
}
.bg-olive {
background-color: #3d9970 !important;
}
.bg-lime {
background-color: #01ff70 !important;
}
.bg-orange {
background-color: #ff851b !important;
}
.bg-fuchsia {
background-color: #f012be !important;
}
.bg-purple {
background-color: #932ab6 !important;
}
.bg-maroon {
background-color: #85144b !important;
}
/* Text colors */
.text-red {
color: #f56954 !important;
}
.text-yellow {
color: #f39c12 !important;
}
.text-aqua {
color: #00c0ef !important;
}
.text-blue {
color: #0073b7 !important;
}
.text-light-blue {
color: #3c8dbc !important;
}
.text-green {
color: #00a65a !important;
}
.text-navy {
color: #001f3f !important;
}
.text-teal {
color: #39cccc !important;
}
.text-olive {
color: #3d9970 !important;
}
.text-lime {
color: #01ff70 !important;
}
.text-orange {
color: #ff851b !important;
}
.text-fuchsia {
color: #f012be !important;
}
.text-purple {
color: #932ab6 !important;
}
.text-maroon {
color: #85144b !important;
}
.text-white{
color: #ffffff !important;
}
.text-gold {
  color:#f5cd34 !important;
}
/*Hide elements by display none only*/
.hide {
display: none !important;
}

.cursor-ptr {
cursor: pointer;
}
/* Remove borders */
.no-border {
border: 0px !important;
}
/* Remove padding */
.no-padding {
padding: 0px !important;
}
/* Remove margins */
.no-margin {
margin: 0px !important;
}
/* Remove box shadow */
.no-shadow {
box-shadow: none!important;
}


/* This css created by tushar*/
.float-right { float: right; }
.float-left { float: left; }
.reass-btn {padding: 0px 10px 10px;}

#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 100;
left: 50%;
top: 50%;
font-size: 17px;
position: absolute;

}

#snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/*  Css written by tushar */
.dollar {
background-image: url(../img/doller-img.png) !important;
background-repeat: no-repeat !important;
background-position: 5px !important;
padding-left: 25px !important;
}

















/* Don't display when printing */
@media print {
.no-print {
display: none !important;
height: 0;
}
.left-side,
.header,
.content-header {
display: none;
}
.right-side {
margin: 25px 0 0 0 ;
}
}
/* Remove border radius */
.flat {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
/* Change the color of the striped tables */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
/* .text-center in tables */
table.text-center td,
table.text-center th {
text-align: center;
}
/* _fix for sparkline tooltip */
.jqstooltip {
padding: 5px!important;
width: auto!important;
height: auto!important;
}
/*
Components: navbar, logo and content header
-------------------------------------------------
*/
body > .header {
margin-top: 24px ! important;
margin-bottom:44px;
position: relative;
max-height: 100px;
z-index: 1030;
}
body > .header .navbar {
height: 50px;
margin-bottom: 0;

}
body > .header .navbar .sidebar-toggle {
float: left;
padding: 9px 5px;
margin-top: 8px;
margin-right: 0;
margin-bottom: 8px;
margin-left: 5px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
body > .header .navbar .sidebar-toggle:hover .icon-bar {
background: #f6f6f6;
}
body > .header .navbar .sidebar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
body > .header .navbar .sidebar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
body > .header .navbar .nav > li.user > a {
font-weight: bold;
}
body > .header .navbar .nav > li.user > a > .fa,
body > .header .navbar .nav > li.user > a > .glyphicon,
body > .header .navbar .nav > li.user > a > .ion {
margin-right: 5px;
}
body > .header .navbar .nav > li > a > .label {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 7px;
right: 2px;
font-size: 10px;
font-weight: normal;
width: 15px;
height: 15px;
line-height: 1.0em;
text-align: center;
padding: 2px;
}
body > .header .navbar .nav > li > a:hover > .label {
top: 3px;
}
body > .header .logo {
float: left;
font-size: 20px;
line-height: 50px;
text-align: center;
padding: 0 10px;
width: 220px;
font-family: 'Kaushan Script', cursive;
font-weight: 500;
height: 50px;
display: block;
}
body > .header .logo .icon {
margin-right: 10px;
}
.right-side > .content-header {
position: relative;
margin-top:0px;
padding: 0px 15px 10px 20px;
}
.right-side > .content-header > h1 {
margin: 0;
font-size: 24px; margin-top: 35px; margin-bottom: 35px;
}
.right-side > .content-header > h1 > small {
font-size: 15px;
display: inline-block;
padding-left: 4px;
font-weight: 300;
}
.right-side > .content-header > .breadcrumb {
float: right;
background: transparent;
margin-top: 0px;
margin-bottom: 0;
font-size: 12px;
padding: 7px 5px;
position: absolute;
top: 15px;
right: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.right-side > .content-header > .breadcrumb > li > a {
color: #444;
text-decoration: none;
}
.right-side > .content-header > .breadcrumb > li > a > .fa,
.right-side > .content-header > .breadcrumb > li > a > .glyphicon,
.right-side > .content-header > .breadcrumb > li > a > .ion {
margin-right: 5px;
}
.right-side > .content-header > .breadcrumb > li + li:before {
content: '>\00a0';
}
@media screen and (max-width: 767px) {
.right-side > .content-header > .breadcrumb {
position: relative;
margin-top: 5px;
top: 0;
right: 0;
float: none;
}

.dashboard-content section {text-align: left;}
.nav-tabs-custom .panel .panel-heading .pull-right .nav>li {display: inline-block;}

}
@media (max-width: 767px) {
.navbar .navbar-nav > li {
/*float: left;*/
}
.navbar-nav {
margin: 0;
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px;
}
.navbar .navbar-right {
float: right;
}
}


@media screen and (max-width: 560px) {
body > .header {
position: relative;
}
body > .header .logo,
body > .header .navbar {
width: 100%;
float: none;
position: relative!important;
}
body > .header .navbar {
margin: 0;
}
body.fixed > .header {
position: fixed;
}

}
/*
Component: Sidebar
--------------------------
*/
.sidebar {
margin-bottom: 5px;
}
.sidebar .sidebar-form input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: transparent!important;
}
.sidebar .sidebar-menu {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar .sidebar-menu > li {
margin: 0;
padding: 0;
}
.sidebar .sidebar-menu > li > a {
padding: 12px 5px 12px 15px;
display: block;
}
.sidebar .sidebar-menu > li > a > .fa,
.sidebar .sidebar-menu > li > a > .glyphicon,
.sidebar .sidebar-menu > li > a > .ion {
width: 20px;
}
.sidebar .sidebar-menu .treeview-menu {
display: none;
list-style: none;
padding: 0;
margin: 0;
}
.sidebar .sidebar-menu .treeview-menu > li {
margin: 0;
}
.sidebar .sidebar-menu .treeview-menu > li > a {
padding: 5px 5px 5px 15px;
display: block;
font-size: 14px;
margin: 0px 0px;
}
.sidebar .sidebar-menu .treeview-menu > li > a > .fa,
.sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar .sidebar-menu .treeview-menu > li > a > .ion {
width: 20px;
}
.user-panel {
padding: 10px;
}
.user-panel:before,
.user-panel:after {
display: table;
content: " ";
}
.user-panel:after {
clear: both;
}
.user-panel > .image > img {
width: 45px;
height: 45px;
}
.user-panel > .info {
font-weight: 600;
padding: 5px 5px 5px 15px;
font-size: 14px;
line-height: 1;
}
.user-panel > .info > p {
margin-bottom: 9px;
}
.user-panel > .info > a {
text-decoration: none;
padding-right: 5px;
margin-top: 3px;
font-size: 11px;
font-weight: normal;
}
.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
margin-right: 3px;
}
/*
* Off Canvas
* --------------------------------------------------
*  Gives us the push menu effect
*/
@media screen and (max-width: 992px) {
.relative {
position: relative;
}
.row-offcanvas-right .sidebar-offcanvas {
right: -220px;
}
.row-offcanvas-left .sidebar-offcanvas {
left: -220px;
}
.row-offcanvas-right.active {
right: 220px;
}
.row-offcanvas-left.active {
left: 220px;
}
.sidebar-offcanvas {
left: 0;
}
body.fixed .sidebar-offcanvas {
margin-top: 50px;
left: -220px;
}
body.fixed .row-offcanvas-left.active .navbar {
left: 220px !important;
right: 0;
}
body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
left: 0px;
}
}
/* 
Dropdown menus
----------------------------
*/
/*Dropdowns in general*/
.dropdown-menu { -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);z-index: 2300;margin: 1px 0 0;font-size: 12px;}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
margin-right: 10px;
}
.dropdown-menu > li > a:hover {
background-color: #1b449e !important;
color: #f9f9f9;
padding-top: 5px !important;
}
/*Drodown in navbars*/
.skin-blue .navbar .dropdown-menu > li > a {
color: #444444;
}
/*
Navbar custom dropdown menu
------------------------------------
*/
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
width: 280px;
padding: 0 0 0 0!important;
margin: 0!important;
top: 100%;
border: 1px solid #dfdfdf;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-color: #ffffff;
padding: 7px 10px;
border-bottom: 1px solid #f4f4f4;
color: #444444;
font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
.navbar-nav > .messages-menu > .dropdown-menu > li.header:after,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {
bottom: 100%;
left: 92%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 7px;
margin-left: -7px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
font-size: 12px;
background-color: #f4f4f4;
padding: 7px 10px;
border-bottom: 1px solid #eeeeee;
color: #444444;
text-align: center;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
background: #f4f4f4;
text-decoration: none;
font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
margin: 0;
padding: 0;
list-style: none;
overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
display: block;
white-space: nowrap;
/* Prevent text from breaking */

border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
background: #f6f6f6;
text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
font-size: 12px;
color: #444444;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
font-size: 20px;
width: 50px;
text-align: center;
padding: 15px 0px;
margin-right: 5px;
/* Default background and font colors */

background: #00c0ef;
color: #f9f9f9;
/* Fallback for browsers that doesn't support rgba */

color: rgba(255, 255, 255, 0.7);
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.danger,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.danger,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.danger {
background: #f56954;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.warning,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.warning,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.warning {
background: #f39c12;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success {
background: #00a65a;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.info,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.info,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.info {
background: #00c0ef;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
margin: 0px;
line-height: 20px;
padding: 10px 5px 10px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
margin: auto 10px auto auto;
width: 40px;
height: 40px;
border: 1px solid #dddddd;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
padding: 0;
margin: 0 0 0 45px;
color: #444444;
font-size: 15px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
color: #999999;
font-size: 10px;
float: right;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
margin: 0 0 0 45px;
font-size: 12px;
color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
display: table;
content: " ";
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
font-size: 14px;
padding: 0;
margin: 0 0 10px 0;
color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
padding: 0;
margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 1px 0 0 0;
border-top-width: 0;
width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu:after {
bottom: 100%;
right: 10px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
height: 175px;
padding: 10px;
background: #3c8dbc;
text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
z-index: 5;
height: 90px;
width: 90px;
border: 8px solid;
border-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
z-index: 5;
color: #f9f9f9;
color: rgba(255, 255, 255, 0.8);
font-size: 17px;
text-shadow: 2px 2px 3px #333333;
margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
display: block;
font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body {
padding: 15px;
border-bottom: 1px solid #f4f4f4;
border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
display: table;
content: " ";
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
color: #0073b7;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
background-color: #f9f9f9;
padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
display: table;
content: " ";
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
color: #666666;
}
/* Add fade animation to dropdown menus */
.open > .dropdown-menu {
animation-name: fadeAnimation;
animation-duration: .7s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
-webkit-animation-name: fadeAnimation;
-webkit-animation-duration: .7s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: fadeAnimation;
-moz-animation-duration: .7s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: forwards;
}
@keyframes fadeAnimation {
from {
opacity: 0;
top: 120%;
}
to {
opacity: 1;
top: 100%;
}
}
@-webkit-keyframes fadeAnimation {
from {
opacity: 0;
top: 120%;
}
to {
opacity: 1;
top: 100%;
}
}
/* Fix dropdown menu for small screens to display correctly on small screens */

@media screen and (max-width: 992px) {
.content {margin-top: 0px;}
.navbar-header {float: none;}

}


@media screen and (max-width: 767px) {
.table-responsive {padding: 10px; border-top: 1px solid #ddd; border-bottom: 0px; border-left: 0px; border-right: 0px;}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu {position: absolute; top: 100%; right: 0; left: auto; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; background: #ffffff;}
.skin-black .navbar {padding: 10px;}
.navbar-toggle {margin-top: -3px;}


}

/* Fix menu positions on xs screens to appear correctly and fully */
@media screen and (min-width: 480px) {

.breadcrumb-content {float: right;}
.breadcrumb-content .breadcrumb {text-align: right;}
}
@media screen and (max-width: 480px) {
.navbar-toggle {margin-top: -3px;}
.skin-black .navbar {padding: 10px;}
.navbar.navbar-static-top .navbar-nav > li {float: none;} 
.navbar.navbar-static-top .pull-right {float: left !important;} 
.content {padding-top: 0px; padding-bottom: 0px;}
div.dataTables_paginate {margin-top: 10px; float: left;}
.box-body #open-events_wrapper .col-xs-6 {width: 100%;} 
.box-body #all-services_wrapper .col-xs-6 {width: 100%;}
.add-ticket-type {text-align: left; width: 100%;}
.breadcrumb-content {width: 100%;}
.navbar .navbar-right {float: left;}
.navbar .navbar-right .navbar-nav > li  {float: left; } 
.box-body #archived-tasks_wrapper .col-xs-6 {width: 100%;}
div.dataTables_filter label {float: left;}
.box-body #open-tasks_wrapper .row .col-xs-6 {width: 100%;}
.box-body #open-tasks_wrapper .row .col-xs-6 label {float: left;}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header {
/* Remove arrow from the top */
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,
.navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
border-width: 0px!important;
}
.navbar-nav > .tasks-menu > .dropdown-menu {
position: absolute;
right: -120px;
left: auto;
}
.navbar-nav > .notifications-menu > .dropdown-menu {
position: absolute;
right: -170px;
left: auto;
}
.navbar-nav > .messages-menu > .dropdown-menu {
position: absolute;
right: -210px;
left: auto;
}
}
/* 
All form elements including input, select, textarea etc.
-----------------------------------------------------------------
*/
.form-control {
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
box-shadow: none;
}
.form-control:focus {
border-color: #00bcd4 !important;
box-shadow: none;
}
.form-group.has-success label {
color: #00a65a;
}
.form-group.has-success .form-control {
border-color: #00a65a !important;
box-shadow: none;
}
.form-group.has-warning label {
color: #f39c12;
}
.form-group.has-warning .form-control {
border-color: #f39c12 !important;
box-shadow: none;
}
.form-group.has-error label {
color: #f56954;
}
.form-group.has-error .form-control {
border-color: #f56954 !important;
box-shadow: none;
}
/* Input group */
.input-group .input-group-addon {
border-radius: 0;
background-color: #f4f4f4;
}
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
border-radius: 0;
}
/* Checkbox and radio inputs */
.checkbox,
.radio {
padding-left: 0;
}
/* 
Compenent: Progress bars
--------------------------------
*/
/* size variation */
.progress.sm {
height: 10px;
}
.progress.xs {
height: 7px;
}
/* Vertical bars */
.progress.vertical {
position: relative;
width: 30px;
height: 200px;
display: inline-block;
margin-right: 10px;
}
.progress.vertical > .progress-bar {
width: 100%!important;
position: absolute;
bottom: 0;
}
.progress.vertical.sm {
width: 20px;
}
.progress.vertical.xs {
width: 10px;
}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
margin: 0;
}
.progress-bar-light-blue,
.progress-bar-primary {
background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green,
.progress-bar-success {
background-color: #00a65a;
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-aqua,
.progress-bar-info {
background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
background-color: #f39c12;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red,
.progress-bar-danger {
background-color: #f56954;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*
Component: Small boxes
*/
.small-box {/*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.8);*/ box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.25);border-radius: 6px;position: relative;display: block;-webkit-border-radius: 6px;-moz-border-radius: 6px;margin-bottom: 15px;}
.small-box > .inner {padding: 10px; color: #999;text-align: right;}
.report .small-box > .inner {color: #fff;text-align: left;}
.report .small-box h3 {color: #fff;}
.report .small-box p {font-size: 15px;}
.small-box > .small-box-footer { position: relative;text-align: center;padding: 5px 10px;/*color: #fb8c00*/color: rgba(255, 255, 255, 0.8); display: block; z-index: 10;background: rgba(0, 0, 0, 0.1);text-decoration: none;border-radius: 6px;border-top-left-radius: 0px;border-top-right-radius: 0px; /*border-top: 1px solid #eeeeee;background-color: #fff;*/ font-size: 13px;}
.small-box > .small-box-footer:hover {color: #fff;background: rgba(0, 0, 0, 0.15);margin: 0;}
.red-color {color: #00bcd4;margin-bottom: 30px; }
.small-box h3 { font-size: 25px;font-weight: 400;margin: 0 0 10px 0;white-space: nowrap;padding: 0;color: #666;}
.small-box p { font-size: 18px;}
.small-box p > small {
display: block;
color: #f9f9f9;
font-size: 13px;
margin-top: 5px;
}
.small-box h3,
.small-box p {
z-index: 5px;
}
.small-box .icon { position: absolute;top: -20px;left: 20px;z-index: 0;font-size: 40px;color: #fff;box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);height: 70px;width: 70px;}
.small-box:hover {
text-decoration: none;
color: #f9f9f9;
}
.small-box:hover .icon {
animation-name: tansformAnimation;
animation-duration: .5s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
-webkit-animation-name: tansformAnimation;
-webkit-animation-duration: .5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: tansformAnimation;
-moz-animation-duration: .5s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: forwards;
}
@keyframes tansformAnimation {
from {
font-size: 40px;
}
to {
font-size: 48px;
}
}
@-webkit-keyframes tansformAnimation {
from {
font-size: 40px;
}
to {
font-size: 48px;
}
}
@media screen and (max-width: 480px) {
.small-box {
text-align: center;
}
.small-box .icon {
display: none;
}
.small-box p {
font-size: 12px;
}
}
/*
component: Boxes
-------------------------
*/
.box {
position: relative;
background: #ffffff;
/*border-top: 2px solid #c1c1c1;*/
margin-bottom: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
border-top-color: #3c8dbc;
}
.box.box-info {
border-top-color: #00c0ef;
}
.box.box-danger {
border-top-color: #f56954;
}
.box.box-warning {
border-top-color: #f39c12;
}
.box.box-success {
border-top-color: #00a65a;
}
.box.height-control .box-body {
max-height: 300px;
overflow: auto;
}
.box .box-header {
position: relative;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom: 1px solid #f4f4f4;
color: #444;
padding-bottom: 0px;
}
.box .box-header:before,
.box .box-header:after {
display: table;
content: " ";
}
.box .box-header:after {
clear: both;
}
.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header .box-title {
display: inline-block;
padding: 10px 0px 10px 10px;
margin: 0;
font-size: 20px;
font-weight: 400;
float: left;
cursor: default;
}
.box .box-header a:not(.btn) {
color: #444;
}
.box .box-header > .box-tools {padding: 5px 10px 5px 5px;margin-top: 10px;}
.box .box-body {
padding: 10px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.box .box-body > table,
.box .box-body > .table {
margin-bottom: 0;
}
.box .box-body.chart-responsive {
width: 100%;
overflow: hidden;
}
.box .box-body > .chart {
position: relative;
overflow: hidden;
width: 100%;
}
.box .box-body > .chart svg,
.box .box-body > .chart canvas {
width: 100%!important;
}
.box .box-body .fc {
margin-top: 5px;
}
.box .box-body .fc-header-title h2 {
font-size: 15px;
line-height: 1.6em;
color: #666;
margin-left: 10px;
}
.box .box-body .fc-header-right {
padding-right: 10px;
}
.box .box-body .fc-header-left {
padding-left: 10px;
}
.box .box-body .fc-widget-header {
background: #fafafa;
box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
}
.box .box-body .fc-grid {
width: 100%;
border: 0;
}
.box .box-body .fc-widget-header:first-of-type,
.box .box-body .fc-widget-content:first-of-type {
border-left: 0;
border-right: 0;
}
.box .box-body .fc-widget-header:last-of-type,
.box .box-body .fc-widget-content:last-of-type {
border-right: 0;
}
.box .box-body .table {
margin-bottom: 0;
}
.box .box-body .full-width-chart {
margin: -19px;
}
.box .box-body.no-padding .full-width-chart {
margin: -9px;
}
.box .box-footer {
border-top: 1px solid #f4f4f4;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 10px;
background-color: #ffffff;
}
.box.box-solid {
border-top: 0px;
}
.box.box-solid > .box-header {
padding-bottom: 0px!important;
}
.box.box-solid > .box-header .btn.btn-default {
background: transparent;
}
.box.box-solid.box-primary > .box-header {
color: #fff;
background: #3c8dbc;
background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a {
color: #444;
}
.box.box-solid.box-info > .box-header {
color: #fff;
background: #00c0ef;
background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a {
color: #444;
}
.box.box-solid.box-danger > .box-header {
color: #fff;
background: #f56954;
background-color: #f56954;
}
.box.box-solid.box-danger > .box-header a {
color: #444;
}
.box.box-solid.box-warning > .box-header {
color: #fff;
background: #f39c12;
background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a {
color: #444;
}
.box.box-solid.box-success > .box-header {
color: #fff;
background: #00a65a;
background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a {
color: #444;
}
.box.box-solid > .box-header > .box-tools > .btn {
border: 0;
box-shadow: none;
}
.box.box-solid.collapsed-box .box-header {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.box.box-solid[class*='bg'] > .box-header {
color: #fff;
}
.box .box-group > .box {
margin-bottom: 5px;
}
.box .knob-label {
text-align: center;
color: #333;
font-weight: 100;
font-size: 12px;
margin-bottom: 0.3em;
}
.box .todo-list {
margin: 0;
padding: 0px 0px;
list-style: none;
}
.box .todo-list > li {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 10px;
background: #f3f4f5;
margin-bottom: 2px;
border-left: 2px solid #e6e7e8;
color: #444;
}
.box .todo-list > li:last-of-type {
margin-bottom: 0;
}
.box .todo-list > li.danger {
border-left-color: #f56954;
}
.box .todo-list > li.warning {
border-left-color: #f39c12;
}
.box .todo-list > li.info {
border-left-color: #00c0ef;
}
.box .todo-list > li.success {
border-left-color: #00a65a;
}
.box .todo-list > li.primary {
border-left-color: #3c8dbc;
}
.box .todo-list > li > input[type='checkbox'] {
margin: 0 10px 0 5px;
}
.box .todo-list > li .text {
display: inline-block;
margin-left: 5px;
font-weight: 600;
}
.box .todo-list > li .label {
margin-left: 10px;
font-size: 9px;
}
.box .todo-list > li .tools {
display: none;
float: right;
color: #f56954;
}
.box .todo-list > li .tools > .fa,
.box .todo-list > li .tools > .glyphicon,
.box .todo-list > li .tools > .ion {
margin-right: 5px;
cursor: pointer;
}
.box .todo-list > li:hover .tools {
display: inline-block;
}
.box .todo-list > li.done {
color: #999;
}
.box .todo-list > li.done .text {
text-decoration: line-through;
font-weight: 500;
}
.box .todo-list > li.done .label {
background: #eaeaec !important;
}
.box .todo-list .handle {
display: inline-block;
cursor: move;
margin: 0 5px;
}
.box .chat {
padding: 5px 20px 5px 10px;
}
.box .chat .item {
margin-bottom: 10px;
}
.box .chat .item:before,
.box .chat .item:after {
display: table;
content: " ";
}
.box .chat .item:after {
clear: both;
}
.box .chat .item > img {
width: 40px;
height: 40px;
border: 2px solid transparent;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
border-radius: 50% !important;
}
.box .chat .item > img.online {
border: 2px solid #00a65a;
}
.box .chat .item > img.offline {
border: 2px solid #f56954;
}
.box .chat .item > .message {
margin-left: 55px;
margin-top: -40px;
}
.box .chat .item > .message > .name {
display: block;
font-weight: 600;
}
.box .chat .item > .attachment {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #f0f0f0;
margin-left: 65px;
margin-right: 15px;
padding: 10px;
}
.box .chat .item > .attachment > h4 {
margin: 0 0 5px 0;
font-weight: 600;
font-size: 14px;
}
.box .chat .item > .attachment > p,
.box .chat .item > .attachment > .filename {
font-weight: 600;
font-size: 13px;
font-style: italic;
margin: 0;
}
.box .chat .item > .attachment:before,
.box .chat .item > .attachment:after {
display: table;
content: " ";
}
.box .chat .item > .attachment:after {
clear: both;
}
.box > .overlay,
.box > .loading-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box > .overlay {
z-index: 1010;
background: rgba(255, 255, 255, 0.7);
}
.box > .overlay.dark {
background: rgba(0, 0, 0, 0.5);
}
.box > .loading-img {
z-index: 1020;
background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
}
/*
Component: timeline
--------------------
*/
.timeline {
margin: 0 0 30px 0;
padding: 0;
list-style: none;
}
.timeline:before {
content: '';
position: absolute;
top: 0px;
bottom: 0;
width: 5px;
background: #ddd;
left: 45px;
border: 1px solid #eee;
margin: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.timeline > li {
position: relative;
margin-right: 10px;
margin-bottom: 15px;
}
.timeline > li:before,
.timeline > li:after {
display: table;
content: " ";
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-item {
margin-top: 10px;
border: 0px solid #dfdfdf;
background: #fff;
color: #555;
margin-left: 60px;
margin-right: 15px;
padding: 5px;
position: relative;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.timeline > li > .timeline-item > .time {
color: #999;
float: right;
margin: 2px 0 0 0;
}
.timeline > li > .timeline-item > .timeline-header {
margin: 0;
color: #555;
border-bottom: 1px solid #f4f4f4;
padding: 5px;
font-size: 16px;
line-height: 1.1;
}
.timeline > li > .timeline-item > .timeline-header > a {
font-weight: 600;
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
padding: 10px;
}
.timeline > li.time-label > span {
font-weight: 600;
padding: 5px;
display: inline-block;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
width: 30px;
height: 30px;
font-size: 15px;
line-height: 30px;
position: absolute;
color: #666;
background: #eee;
border-radius: 50%;
text-align: center;
left: 18px;
top: 0;
}
/*
Component: Buttons
-------------------------
*/
.btn {
font-weight: 500;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid transparent;
margin-right: 5px;
/*-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);*/
padding: 7px 12px;
width: 100px;
}
/*.btn.btn-default {
background-color: #fafafa;
color: #666;
border-color: #ddd;
border-bottom-color: #ddd;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default.hover {
background-color: #f4f4f4;
}*/
.btn.btn-default {color: #666;
background-color: #fff;
border-color: #666;
border-radius: 4px;
box-shadow: 0px 2px 4px #d4d3d3;
width: 70px;
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default.hover {
  color: #fff;
  background-color: #666666;
  box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
}
.btn.btn-default.btn-flat {
border-bottom-color: #d9dadc;
}
.btn.btn-primary {
background-color: #3c8dbc;
border-color: #367fa9;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
background-color: #367fa9;
}
.btn.btn-success          
{color:#fff;
border-color: #6ac813;
transition: 0.2s ease-in;
background-color:#6ac813;
border-radius: 4px;  
box-shadow: 0px 2px 4px #d4d3d3; 
width: 70px;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover    {background: #fff;color:#6ac813;-webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);border: 1px solid #6ac813;}

.btn.btn-info {
background-color: #00c0ef;
border-color: #00acd6;
border-radius: 4px;
}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info.hover {
background-color: #00acd6;
}
.btn.btn-danger {
background-color: #f56954;
border-color: #f4543c;
border-radius: 4px;
}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger.hover {
background-color: #f4543c;
}
.btn.btn-warning {
background-color: #f39c12;
border-color: #e08e0b;
border-radius: 4px;
}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning.hover {
background-color: #e08e0b;
}

.btn.btn-clear {color: #666;
background-color: #fff;
border-color: #666;
border-radius: 4px;
box-shadow: 0px 2px 4px #d4d3d3;
width: 70px;
}

.btn.btn-clear:hover,
.btn.btn-clear:active,
.btn.btn-clear.hover {
  color: #fff;
  background-color: #666666;
  box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
}



.btn.btn-flat {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-width: 1px;
}
.btn:active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
outline: none;
}
.btn.btn-file {
position: relative;
width: 120px;
height: 35px;
overflow: hidden;
}
.btn.btn-file > input[type='file'] {
display: block !important;
width: 100% !important;
height: 35px !important;
opacity: 0 !important;
position: absolute;
top: -10px;
cursor: pointer;
}
.btn.btn-app {
position: relative;
padding: 15px 5px;
margin: 0 0 10px 10px;
min-width: 80px;
height: 60px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-align: center;
color: #666;
border: 1px solid #ddd;
background-color: #fafafa;
font-size: 12px;
}
.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
font-size: 20px;
display: block;
}
.btn.btn-app:hover {
background: #f4f4f4;
color: #444;
border-color: #aaa;
}
.btn.btn-app:active,
.btn.btn-app:focus {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.btn-app > .badge {
position: absolute;
top: -3px;
right: -10px;
font-size: 10px;
font-weight: 400;
}
.btn.btn-social-old {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
opacity: 0.9;
padding: 0;
}
.btn.btn-social-old > .fa {
padding: 10px 0;
width: 40px;
}
.btn.btn-social-old > .fa + span {
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.btn.btn-social-old span {
padding: 10px;
}
.btn.btn-social-old:hover {
opacity: 1;
}
.btn.btn-circle {
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* 
Component: callout
------------------------
*/
.callout {
margin: 0 0 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
}
.callout h4 {
margin-top: 0;
}
.callout p:last-child {
margin-bottom: 0;
}
.callout code,
.callout .highlight {
background-color: #fff;
}
.callout.callout-danger {
background-color: #fcf2f2;
border-color: #dFb5b4;
}
.callout.callout-warning {
background-color: #fefbed;
border-color: #f1e7bc;
}
.callout.callout-info {
background-color: #f0f7fd;
border-color: #d0e3f0;
}
.callout.callout-danger h4 {
color: #B94A48;
}
.callout.callout-warning h4 {
color: #C09853;
}
.callout.callout-info h4 {
color: #3A87AD;
}
/* 
Component: alert
------------------------
*/
.alert-orange{
color: #252321;
background-color: #fff;
border-color: #f39c12;
}
.alert-red{
color: #252321;
background-color: #fff;
border-color: #FF0000;
}
.alert-green{
color: #252321;
background-color: #fff;
border-color: #008000;
}

.alert {
padding-left: 15px;
margin-left: 25px;
margin-right: 15px;
position: relative;
}
.alert > .fa,
.alert > .glyphicon {
position: absolute;
left: -15px;
top: -15px;
width: 35px;
height: 35px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
line-height: 35px;
text-align: center;
background: inherit;
border: inherit;
}
/*
Component: Navs
*/
/* NAV PILLS */
.nav.nav-pills > li > a {
border-top: 3px solid transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #444;
}
.nav.nav-pills > li > a > .fa,
.nav.nav-pills > li > a > .glyphicon,
.nav.nav-pills > li > a > .ion {
margin-right: 5px;
}
.nav.nav-pills > li.active > a,
.nav.nav-pills > li.active > a:hover {
background-color: #f6f6f6;
border-top-color: #3c8dbc;
color: #444;
}
.nav.nav-pills > li.active > a {
font-weight: 600;
}
.nav.nav-pills > li > a:hover {
background-color: #f6f6f6;
}
.nav.nav-pills.nav-stacked > li > a {
border-top: 0;
border-left: 3px solid transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #444;
}
.nav.nav-pills.nav-stacked > li.active > a,
.nav.nav-pills.nav-stacked > li.active > a:hover {
background-color: #f6f6f6;
border-left-color: #3c8dbc;
color: #444;
}
.nav.nav-pills.nav-stacked > li.header {
border-bottom: 1px solid #ddd;
color: #777;
margin-bottom: 10px;
padding: 5px 10px;
text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
margin-bottom: 20px;
background: transparent;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.nav-tabs-custom > .nav-tabs {
margin: 0;
border-bottom-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li {
border-top: 3px solid transparent;
margin-bottom: -2px;
margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs > li > a {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
background: transparent;
margin: 0;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
border-color: transparent;
}

/*.nav-tabs-custom > .nav-tabs > li.active {
border-top-color: #ff9800;box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}*/

.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
background-color: #4d5467; color: #fff;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
border-top: 0;
border-left-color: #f4f4f4;
border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
margin-left: 10px;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
border-left-width: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right {
float: none!important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
margin-right: 0px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
border-left-width: 1px;
border-right-width: 0px;
}
.nav-tabs-custom > .nav-tabs > li.header {
font-weight: 400;
line-height: 35px;
padding: 0 10px;
font-size: 20px;
color: #444;
cursor: default;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
margin-right: 10px;
}
.nav-tabs-custom > .tab-content {
background: #fff;
padding: 10px;
}
/* PAGINATION */
.pagination > li > a {border-radius: 30px;border: 0px;margin-left: 5px;background:none;color: #666;
/*-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);*/
}
.pagination > li:first-of-type a,
.pagination > li:last-of-type a {-webkit-border-radius: 30px;-moz-border-radius: 30px; border-radius: 30;/*background-color: #ccc;color: #fff;*/}
/*
Component: Mailbox
*/
.mailbox .table-mailbox {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.mailbox .table-mailbox tr.unread > td {
background-color: rgba(0, 0, 0, 0.05);
color: #000;
font-weight: 600;
}
.mailbox .table-mailbox tr > td > .fa.fa-star,
.mailbox .table-mailbox tr > td > .fa.fa-star-o,
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
color: #f39c12;
cursor: pointer;
}
.mailbox .table-mailbox tr > td.small-col {
width: 30px;
}
.mailbox .table-mailbox tr > td.name {
width: 150px;
font-weight: 600;
}
.mailbox .table-mailbox tr > td.time {
text-align: right;
width: 100px;
}
.mailbox .table-mailbox tr > td {
white-space: nowrap;
}
.mailbox .table-mailbox tr > td > a {
color: #444;
}
@media screen and (max-width: 767px) {
.mailbox .nav-stacked > li:not(.header) {
float: left;
width: 50%;
}
.mailbox .nav-stacked > li:not(.header).header {
border: 0!important;
}
.mailbox .search-form {
margin-top: 10px;
}
}
/*
Page: locked screen
*/
/* ADD THIS CLASS TO THE <HTML> TAG */
.lockscreen {
/*  background: url(../img/cbn-bg.jpg) repeat center center fixed;*/
background:#595959;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* Remove the background from the body element */
.lockscreen > body {
background: transparent;
}
/* We will put the dynamically generated digital clock here */
.lockscreen .headline {
color: #fff;
text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
font-weight: 300;
-webkit-font-smoothing: antialiased !important;
opacity: 0.8;
margin: 10px 0 30px 0;
font-size: 90px;
}
@media screen and (max-width: 480px) {
.lockscreen .headline {
font-size: 60px;
margin-bottom: 40px;
}
}
/* User name [optional] */
.lockscreen .lockscreen-name {
text-align: center;
font-weight: 600;
font-size: 22px;
}
/* Will contain the image and the sign in form */
.lockscreen-item {
padding: 0;
background: #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 10px auto;
width: 290px;
}
.lockscreen-item:before,
.lockscreen-item:after {
display: table;
content: " ";
}
.lockscreen-item:after {
clear: both;
}
/* User image */
.lockscreen-item > .lockscreen-image {
position: absolute;
left: -40px;
top: -20px;
background: #fff;
padding: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 10;
}
.lockscreen-item > .lockscreen-image > img {
width: 90px;
height: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* Contains the password input and the login button */
.lockscreen-item > .lockscreen-credentials {
margin-left: 80px;
}
.lockscreen-item > .lockscreen-credentials input {
border: 0 !important;
}
.lockscreen-item > .lockscreen-credentials .btn {
background-color: #222;
border: 0;
}
/* Extra to give the user an option to navigate the website [optional]*/
.lockscreen-link {
margin-top: 30px;
text-align: center;
}
/* 
Page: register and login
*/
.form-box {
width: 360px;
margin: 90px auto 0 auto;
}
.form-box .header {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: #d20c0c;
box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
padding: 20px 10px;
text-align: center;
font-size: 26px;
font-weight: 300;
color: #fff;
}
.form-box .body,
.form-box .footer {
padding: 10px 20px;
background: #fff;
color: #444;
}
.form-box .body > .form-group,
.form-box .footer > .form-group {
margin-top: 20px;
}
.form-box .body > .form-group > input,
.form-box .footer > .form-group > input {
border: #fff;
}
.form-box .body > .btn,
.form-box .footer > .btn {
margin-bottom: 10px;
}
.form-box .footer {
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@media (max-width: 767px) {
.form-box {
width: 90%;
}
}
/* 
Page: 404 and 500 error pages
------------------------------------
*/
.error-page {
width: 600px;
margin: 20px auto 0 auto;
}
@media screen and (max-width: 767px) {
.error-page {
width: 100%;
}
}
.error-page > .headline {
float: left;
font-size: 100px;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.error-page > .headline {
float: none;
text-align: center;
}
}
.error-page > .error-content {
margin-left: 190px;
display: block;
}
@media screen and (max-width: 767px) {
.error-page > .error-content {
margin-left: 0;
}
}
.error-page > .error-content > h3 {
font-weight: 300;
font-size: 25px;
}
@media screen and (max-width: 767px) {
.error-page > .error-content > h3 {
text-align: center;
}
}
.error-page:before,
.error-page:after {
display: table;
content: " ";
}
.error-page:after {
clear: both;
}
/* 
Page: Invoice
*/
.invoice {
position: relative;
width: 90%;
margin: 10px auto;
background: #fff;
border: 1px solid #f4f4f4;
}
.invoice-title {
margin-top: 0;
}
/* Enhancement for printing */
@media print {
.invoice {
width: 100%;
border: 0;
margin: 0;
padding: 0;
}
.invoice-col {
float: left;
width: 33.3333333%;
}
.table-responsive {
overflow: auto;
}
.table-responsive > .table tr th,
.table-responsive > .table tr td {
white-space: normal!important;
}
}
/* 
Skins
-----
*/
/* 
Skin Blue 
---------
*/
/* skin-blue navbar */
.skin-blue .navbar {
background-color: #3c8dbc;
}
.skin-blue .navbar .nav a {
color: rgba(255, 255, 255, 0.8);
}
.skin-blue .navbar .nav > li > a:hover,
.skin-blue .navbar .nav > li > a:active,
.skin-blue .navbar .nav > li > a:focus,
.skin-blue .navbar .nav .open > a,
.skin-blue .navbar .nav .open > a:hover,
.skin-blue .navbar .nav .open > a:focus {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-blue .navbar .navbar-right > .nav {
margin-right: 10px;
}
.skin-blue .navbar .sidebar-toggle .icon-bar {
background: rgba(255, 255, 255, 0.8);
}
.skin-blue .navbar .sidebar-toggle:hover .icon-bar {
background: #f6f6f6 !important;
}
/* skin-blue logo */
.skin-blue .logo {
background-color: #367fa9;
color: #f9f9f9;
}
.skin-blue .logo > a {
color: #f9f9f9;
}
.skin-blue .logo:hover {
background: #357ca5;
}
/* skin-blue content header */
.skin-blue .right-side > .content-header {
background: #fbfbfb;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
/* Skin-blue user panel */
.skin-blue .user-panel > .image > img {
border: 1px solid #dfdfdf;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
color: #555555;
}
/* skin-blue sidebar */
.skin-blue .sidebar {
border-bottom: 1px solid #fff;
}
.skin-blue .sidebar > .sidebar-menu > li {
border-top: 1px solid #fff;
border-bottom: 1px solid #dbdbdb;
}
.skin-blue .sidebar > .sidebar-menu > li:first-of-type {
border-top: 1px solid #dbdbdb;
}
.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
border-top: 1px solid #fff;
}
.skin-blue .sidebar > .sidebar-menu > li > a {
margin-right: 1px;
}
.skin-blue .sidebar > .sidebar-menu > li > a:hover,
.skin-blue .sidebar > .sidebar-menu > li.active > a {
color: #222;
background: #f9f9f9;
}
.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #f9f9f9;
}
.skin-blue .left-side {
background: #f4f4f4;
-webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
}
.skin-blue .sidebar a {
color: #555555;
}
.skin-blue .sidebar a:hover {
text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
color: #777;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
color: #111;
}
.skin-blue .sidebar-form {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #dbdbdb;
margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
box-shadow: none;
background-color: #fafafa;
border: 1px solid #fafafa;
height: 35px;
}
.skin-blue .sidebar-form input[type="text"] {
color: #666;
-webkit-border-top-left-radius: 2px !important;
-webkit-border-top-right-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
-webkit-border-bottom-left-radius: 2px !important;
-moz-border-radius-topleft: 2px !important;
-moz-border-radius-topright: 0 !important;
-moz-border-radius-bottomright: 0 !important;
-moz-border-radius-bottomleft: 2px !important;
border-top-left-radius: 2px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 2px !important;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
color: #999;
-webkit-border-top-left-radius: 0 !important;
-webkit-border-top-right-radius: 2px !important;
-webkit-border-bottom-right-radius: 2px !important;
-webkit-border-bottom-left-radius: 0 !important;
-moz-border-radius-topleft: 0 !important;
-moz-border-radius-topright: 2px !important;
-moz-border-radius-bottomright: 2px !important;
-moz-border-radius-bottomleft: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 2px !important;
border-bottom-right-radius: 2px !important;
border-bottom-left-radius: 0 !important;
}
/*
Skin Black
--------
*/
/* skin-black navbar */
.skin-black .navbar {
background-color: #ffffff;
border-bottom: 1px solid #eee;
}
.skin-black .navbar .nav a {
color: #333333;
}
.skin-black .navbar .nav > li > a:hover,
.skin-black .navbar .nav .open > a,
.skin-black .navbar .nav > li > a:active,
.skin-black .navbar .nav > li > a:focus,
.skin-black .navbar .nav .open > a:hover,
.skin-black .navbar .nav .open > a:focus {
background: transparent;
color: #999999;
}
.skin-black .navbar .navbar-right > .nav {
margin-right: 10px;
}
.skin-black .navbar .sidebar-toggle .icon-bar {
background: #333333;
}
.skin-black .navbar .sidebar-toggle:hover .icon-bar {
background: #999999 !important;
}
/* skin-black logo */
.skin-black .logo {
background-color: #333333;
color: #f9f9f9;
}
.skin-black .logo > a {
color: #f9f9f9;
}
.skin-black .logo:hover {
background: #303030;
}
/* skin-black content header */
.skin-black .right-side > .content-header {
background: transparent;
box-shadow: none;
}
/* Skin-red user panel */
.skin-black .user-panel > .image > img {
border: 1px solid #444;
}
.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
color: #eee;
}
/* skin-black sidebar */
.skin-black .sidebar {
border-bottom: 1px solid #333;
}
.skin-black .sidebar > .sidebar-menu > li {
border-top: 1px solid #333;
border-bottom: 0px solid #444;
}
.skin-black .sidebar > .sidebar-menu > li:first-of-type {
border-top: 1px solid #444;
}
.skin-black .sidebar > .sidebar-menu > li:first-of-type > a {
border-top: 0px solid #333;
}
.skin-black .sidebar > .sidebar-menu > li > a {
margin-right: 1px;
}
.skin-black .sidebar > .sidebar-menu > li > a:hover,
.skin-black .sidebar > .sidebar-menu > li.active > a {
color: #f6f6f6;
background: #444;
}
.skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #444;
}
.skin-black .left-side {
background: #333;
}
.skin-black .sidebar a {
color: #eee;
}
.skin-black .sidebar a:hover {
text-decoration: none;
}
.skin-black .treeview-menu > li > a {
color: #ccc;
}
.skin-black .treeview-menu > li.active > a,
.skin-black .treeview-menu > li > a:hover {
color: #fff;
}
.skin-black .sidebar-form {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 0px solid #555;
margin: 10px 10px;
}
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border: 0 solid rgba(255, 255, 255, 0.1);
height: 35px;
outline: none;
}
.skin-black .sidebar-form input[type="text"] {
color: #666;
-webkit-border-top-left-radius: 2px !important;
-webkit-border-top-right-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
-webkit-border-bottom-left-radius: 2px !important;
-moz-border-radius-topleft: 2px !important;
-moz-border-radius-topright: 0 !important;
-moz-border-radius-bottomright: 0 !important;
-moz-border-radius-bottomleft: 2px !important;
border-top-left-radius: 2px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 2px !important;
}
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #444;
border: 0;
}
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left: 0;
}
.skin-black .sidebar-form .btn {
color: #999;
-webkit-border-top-left-radius: 0 !important;
-webkit-border-top-right-radius: 2px !important;
-webkit-border-bottom-right-radius: 2px !important;
-webkit-border-bottom-left-radius: 0 !important;
-moz-border-radius-topleft: 0 !important;
-moz-border-radius-topright: 2px !important;
-moz-border-radius-bottomright: 2px !important;
-moz-border-radius-bottomleft: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 2px !important;
border-bottom-right-radius: 2px !important;
border-bottom-left-radius: 0 !important;
border-left: 0;
}

.pre-header {
background: #343434;
position:fixed;
z-index: 2000;
top: 0;
left: 0;
width:100%;
}
.navbar .navbar-toggle {
background-color: #1667ad;
margin-top: 13px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#1667ad;}
.navbar .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.nav-button > span {
color: #ffffff;
}
.pace .pace-progress {
background: #00c0ef;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
height: 2px;
-webkit-transition: width 1s;
-moz-transition: width 1s;
-o-transition: width 1s;
transition: width 1s;
}
.pace-inactive {
display: none;
}
/*
* Social Buttons for Bootstrap
*
* Copyright 2013-2014 Panayiotis Lipiridis
* Licensed under the MIT License
*
* https://github.com/lipis/bootstrap-social
*
* Note: this file has been altered to work correctly with AdminLTE
*/
.btn-social {
position: relative;
padding-left: 44px !important;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-social :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 32px !important;
line-height: 34px !important;
font-size: 1.6em!important;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social.btn-lg {
padding-left: 60px !important;
}
.btn-social.btn-lg :first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em;
}
.btn-social.btn-sm {
padding-left: 38px !important;
}
.btn-social.btn-sm :first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em;
}
.btn-social.btn-xs {
padding-left: 30px !important;
}
.btn-social.btn-xs :first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em;
}
.btn-social-icon {
position: relative;
padding-left: 44px !important;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 34px;
width: 34px;
padding: 0;
}
.btn-social-icon :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 32px !important;
line-height: 34px !important;
font-size: 1.6em!important;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social-icon.btn-lg {
padding-left: 60px !important;
}
.btn-social-icon.btn-lg :first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em;
}
.btn-social-icon.btn-sm {
padding-left: 38px !important;
}
.btn-social-icon.btn-sm :first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em;
}
.btn-social-icon.btn-xs {
padding-left: 30px !important;
}
.btn-social-icon.btn-xs :first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em;
}
.btn-social-icon :first-child {
border: none;
text-align: center;
width: 100%!important;
}
.btn-social-icon.btn-lg {
height: 45px;
width: 45px;
padding-left: 0;
padding-right: 0;
}
.btn-social-icon.btn-sm {
height: 30px;
width: 30px;
padding-left: 0;
padding-right: 0;
}
.btn-social-icon.btn-xs {
height: 22px;
width: 22px;
padding-left: 0;
padding-right: 0;
}
.btn-bitbucket {
color: #ffffff;
background-color: #205081;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.open .dropdown-toggle.btn-bitbucket {
color: #ffffff;
background-color: #183c60;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open .dropdown-toggle.btn-bitbucket {
background-image: none;
}
.btn-bitbucket.disabled,
.btn-bitbucket[disabled],
fieldset[disabled] .btn-bitbucket,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket:hover,
.btn-bitbucket.disabled:focus,
.btn-bitbucket[disabled]:focus,
fieldset[disabled] .btn-bitbucket:focus,
.btn-bitbucket.disabled:active,
.btn-bitbucket[disabled]:active,
fieldset[disabled] .btn-bitbucket:active,
.btn-bitbucket.disabled.active,
.btn-bitbucket[disabled].active,
fieldset[disabled] .btn-bitbucket.active {
background-color: #205081;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket .badge {
color: #205081;
background-color: #ffffff;
}
.btn-dropbox {
color: #ffffff;
background-color: #1087dd;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
color: #ffffff;
background-color: #0d70b7;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
background-image: none;
}
.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
background-color: #1087dd;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox .badge {
color: #1087dd;
background-color: #ffffff;
}
.btn-facebook {
color: #ffffff;
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
color: #ffffff;
background-color: #30487b;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
background-image: none;
}
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook .badge {
color: #3b5998;
background-color: #ffffff;
}
.btn-flickr {
color: #ffffff;
background-color: #ff0084;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
color: #ffffff;
background-color: #d6006f;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
background-image: none;
}
.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
background-color: #ff0084;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr .badge {
color: #ff0084;
background-color: #ffffff;
}
.btn-foursquare {
color: #ffffff;
background-color: #0072b1;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
color: #ffffff;
background-color: #005888;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
background-image: none;
}
.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
background-color: #0072b1;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare .badge {
color: #0072b1;
background-color: #ffffff;
}
.btn-github {
color: #ffffff;
background-color: #444444;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
color: #ffffff;
background-color: #303030;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
background-image: none;
}
.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
background-color: #444444;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-github .badge {
color: #444444;
background-color: #ffffff;
}
.btn-google-plus {
color: #ffffff;
background-color: #dd4b39;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
color: #ffffff;
background-color: #ca3523;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
background-image: none;
}
.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
background-color: #dd4b39;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus .badge {
color: #dd4b39;
background-color: #ffffff;
}
.btn-instagram {
color: #ffffff;
background-color: #3f729b;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.open .dropdown-toggle.btn-instagram {
color: #ffffff;
background-color: #335d7e;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:active,
.btn-instagram.active,
.open .dropdown-toggle.btn-instagram {
background-image: none;
}
.btn-instagram.disabled,
.btn-instagram[disabled],
fieldset[disabled] .btn-instagram,
.btn-instagram.disabled:hover,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram:hover,
.btn-instagram.disabled:focus,
.btn-instagram[disabled]:focus,
fieldset[disabled] .btn-instagram:focus,
.btn-instagram.disabled:active,
.btn-instagram[disabled]:active,
fieldset[disabled] .btn-instagram:active,
.btn-instagram.disabled.active,
.btn-instagram[disabled].active,
fieldset[disabled] .btn-instagram.active {
background-color: #3f729b;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram .badge {
color: #3f729b;
background-color: #ffffff;
}
.btn-linkedin {
color: #ffffff;
background-color: #007bb6;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
color: #ffffff;
background-color: #005f8d;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
background-image: none;
}
.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
background-color: #007bb6;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin .badge {
color: #007bb6;
background-color: #ffffff;
}
.btn-tumblr {
color: #ffffff;
background-color: #2c4762;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
color: #ffffff;
background-color: #1f3346;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
background-image: none;
}
.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
background-color: #2c4762;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr .badge {
color: #2c4762;
background-color: #ffffff;
}
.btn-twitter {
color: #ffffff;
background-color: #55acee;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
color: #ffffff;
background-color: #309aea;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
background-image: none;
}
.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
background-color: #55acee;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter .badge {
color: #55acee;
background-color: #ffffff;
}
.btn-vk {
color: #ffffff;
background-color: #587ea3;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.open .dropdown-toggle.btn-vk {
color: #ffffff;
background-color: #4a6a89;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:active,
.btn-vk.active,
.open .dropdown-toggle.btn-vk {
background-image: none;
}
.btn-vk.disabled,
.btn-vk[disabled],
fieldset[disabled] .btn-vk,
.btn-vk.disabled:hover,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk:hover,
.btn-vk.disabled:focus,
.btn-vk[disabled]:focus,
fieldset[disabled] .btn-vk:focus,
.btn-vk.disabled:active,
.btn-vk[disabled]:active,
fieldset[disabled] .btn-vk:active,
.btn-vk.disabled.active,
.btn-vk[disabled].active,
fieldset[disabled] .btn-vk.active {
background-color: #587ea3;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk .badge {
color: #587ea3;
background-color: #ffffff;
}

.skin-black .datebar {
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
color:#ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, 0.1);
margin: 10px 10px;
}

.skin-blue .datebar {
text-align: center;
background-color: #fff;
color:#222;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #dbdbdb;
margin: 10px 10px;
}

#map {
width: 100%;
height: 100%;
min-height:840px;
margin: 0;
padding: 0;
position: absolute;
}


.material-switch > input[type="checkbox"] {
display: none;   
}

.material-switch > label {
cursor: pointer;
height: 0px;
position: relative; 
width: 40px;  
}

.material-switch > label::before {
background: rgb(0, 0, 0);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 8px;
content: '';
height: 16px;
margin-top: -8px;
position:absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 40px;
}
.material-switch > label::after {
background: rgb(255, 255, 255);
border-radius: 16px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
content: '';
height: 24px;
left: -4px;
margin-top: -8px;
position: absolute;
top: -4px;
transition: all 0.3s ease-in-out;
width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
background: inherit;
opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
background: inherit;
left: 20px;
}
.dropdown-submenu {
position: relative;
}

.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
display: block;
}

.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}

.dropdown-submenu.pull-left {
float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
@media print {
@page { margin: 0; }
body { margin: 1.6cm; }
}


.img-circle {width: 150px;height: 150px;}


/* added by tushal 12 March 2018*/
table th div .iCheck-helper{height: 0px !important;}


/* added by Rajesh 15 June 2018*/
.small-box .icon.icon-orng   {background: linear-gradient(60deg, #ffa726, #fb8c00);border-radius: 3px;padding-left: 15px;padding-right: 15px; padding-bottom: 15px;}
.small-box .icon.icon-green   {background: linear-gradient(60deg, #66bb6a, #43a047);border-radius: 3px;padding-left: 20px;padding-right: 20px; padding-bottom: 15px;}
.small-box .icon.icon-red   {background:linear-gradient(60deg, #ef5350, #e53935);border-radius: 3px;padding-left: 20px;padding-right: 20px; padding-bottom: 15px;}
.small-box .icon.icon-blue   {background: linear-gradient(60deg, #26c6da, #00acc1);border-radius: 3px;padding-left: 20px;padding-right: 20px; padding-bottom: 15px;}
.small-box > .small-box-footer.more-orange {color:#fff; background-color: #4d5467;}
.small-box > .small-box-footer.more-green {color:#fff; background-color: #4d5467; }
.small-box > .small-box-footer.more-red {color:#fff; background-color: #4d5467; }
.small-box > .small-box-footer.more-blue {color:#fff; background-color: #4d5467; }
.panel-heading h3     {color: #000;}
.panel-top-mrg .panel.panel-primary .icon-cs {position: absolute;top: -15px;background: linear-gradient(60deg, #ffa726, #fb8c00); padding: 10px; border-radius: 3px;font-size: 20px;padding-left: 15px;padding-right: 15px;box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);height: 50px;width: 50px;
-webkit-transition: all 500ms ease-out; /* Safari and Chrome */
-moz-transition: all 500ms ease-out; /* Firefox */
-o-transition: all 500ms ease-out; /* IE 9 */
-ms-transition:all 500ms ease-out; /* Opera */
transition: all 500ms ease-out;}
/*.panel.panel-primary .icon-cs:hover  {animation-name: tansformAnimation;animation-duration: .5s; animation-iteration-count: 1; animation-timing-function: ease;animation-fill-mode: forwards;-webkit-animation-name: tansformAnimation;-webkit-animation-duration: .5s;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: forwards;-moz-animation-name: tansformAnimation;-moz-animation-duration: .5s;-moz-animation-iteration-count: 1;-moz-animation-timing-function: ease;-moz-animation-fill-mode: forwards;}*/
.panel-top-mrg .panel.panel-primary .icon-cs:hover { -webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform:translateZ(0) scale(1.05); /* Safari and Chrome */
-moz-transform:scale(1.05); /* Firefox */
-ms-transform:scale(1.05); /* IE 9 */
-o-transform:translatZ(0) scale(1.05); /* Opera */
transform:translatZ(0) scale(1.05);}
.panel-primary.panel-cs>.panel-heading {background: transparent;/*border-bottom: 1px solid #00acc1;padding-bottom: 50px;*/ border-color: transparent;}
.panel.panel-primary.panel-cs {border-color: transparent;}
/*.panel.panel-primary.panel-cs .panel-body {box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);}*/
.panel-body .table.table-bordered.table-striped.tabel-color-hover tbody  tr:hover {background: rgba(0,0,0,.05); z-index: 100;}
.panel-body .table.table-bordered.table-striped.tabel-color-hover tbody  tr.odd:hover {background: rgba(0,0,0,.05);z-index: 100;}
.panel-top-mrg {margin-top:4px;}
.panel-body .table.table-bordered.table-striped.tabel-color-hover tbody  tr:hover td:first-child,.panel-body .table.table-bordered.table-striped.tabel-color-hover tbody  tr.odd:hover td:first-child {border-left: 5px solid #fb8c00;}


/* added by Rajesh 18 June 2018* Client-page */
.breadcrumb a{color: #4f4e5e;}
.breadcrumb a:hover {color: #007bff;}
.nav-tabs-custom .nav-tabs.client-tab-pad {border-bottom: 0px;}
.table.table-bordered.table-striped .text-tooltip {color: #555;}

/* added by Rajesh 06 July 2018*/
.tab-content .form-control.input-sm {border:0px;border-bottom: 1px solid #ccc;width: 380px;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
color: #FFFFFF;height: 30px;width: 30px;line-height:20px;text-align: center;box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2);
border-color: #1667ad;top:0px;background-color: #1667ad; z-index: auto;}
.nav-tabs-custom .txt-add-pro .btn.btn-success.btn-pd.dropdown a { color: #fff;}
.nav-tabs-custom .btn.btn-success.btn-pd.dropdown .dropdown-menu>li>a {color: #333;}

.nav-tabs-custom .nav-tabs li a::after {position: absolute;top: 0;left: 0;right:0;bottom:0;z-index: 0;width: 100%;height: 100%;/*background: #4d5467;*/content: '';-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;transition: background-color 0.3s, transform 0.3s;
-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);-webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
transform: translate3d(0,150%,0) translate3d(0,-5px,0);}

.nav-tabs-custom .nav-tabs li.active a::after {
transform: translate3d(0,100%,0) translate3d(0,-40px,0);

}
.nav-tabs-custom .nav-tabs li.active a {  border:transparent;}
.nav-tabs-custom .nav-tabs li a {overflow: hidden;}
.nav-tabs-custom .nav-tabs li.active a span {position: relative; z-index: 1;color: #fff;font-weight: 700;}
/*.nav-tabs-custom .nav-tabs li a span {border-bottom: 3px solid #4d5467;}*/

/* added by Rajesh 07 July 2018*/

.pace-done::-webkit-scrollbar{
    width: 0px;
}
/*.pace-done::-webkit-scrollbar
{
    width: 0px;
    overflow:hidden;
}*/
.modal {overflow-y:auto;}
.modal::-webkit-scrollbar
{
	width: 0px;
	overflow:hidden;
}
.modal-content .has-float-label .form-control:placeholder-shown:not(:focus)+span {font-size: 15px;}
.modal-content .has-float-label input, .has-float-label select, .has-float-label textarea {border-bottom: 1px solid rgba(0,0,0,.1);}
.modal-content .has-float-label .form-control:focus {border-bottom: 2px solid #9c27b0 ;}
.modal-content .box-footer button.btn-latlang {margin-left:6px; margin-top: 20px;}
.modal-header 		{background: #1667ad; color: #fff; padding: 17px 7px;}
.modal-title 		{color: #fff;font-size: 18px;font-weight: 500;padding-left: 15px;}
.modal-content .modal-header h4 .modal-title.text-modal-title {color:#9c27b0; }
.modal .modal-header button.close{
position: absolute;
top: -1px;
left: -30px;
z-index: 39;
filter: alpha(opacity=100);
color: #000;
font-size: 28px;
font-weight: 700;
opacity: 1;
outline: 0;
}



/* added by Rajesh 11 July 2018 - All Client form*/
.box .box-body .img-adj {position: absolute;top: -85px;left: 0;right: 0;bottom: 0;}
.box .box-body .img-adj center.img-text-online {margin-top: 70px;}
.box-title h3 {font-size: 20px; margin-top: 12px;}
.text-ludate label {font-weight: 500;}
.text-ludate input.form-control {background-color: transparent;border: 0px;border-bottom: 1px solid #d4d4d4;padding-left: 0px;margin-bottom: 10px;}
.box-header.hd-view-client a {margin-left: 10px;}
.box-header.hd-view-client .box-title.text-view-client {margin-left: 70px;font-size: 16px;font-weight: 500;}
.panel-primary.panel-cs>.panel-heading.client-view-hd {padding: 10px;}

/*   Done by rajesh */
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');*/
.user-profile {height: 30px;width: 30px;border-radius: 100%;}
.user-profile img {border-radius: 100px;}
.badge-danger {color: #fff;background-color: #f86c6b;}
.top-bar .badge {display: inline-block;min-width: 10px;position: absolute;top: 9px;padding: 2px 5px;font-size: 12px;font-weight: bold;line-height: 1;color: #fff;
text-align: center;white-space: nowrap;vertical-align: middle;background-color: #FF5722;border-radius: 10px;right: 10px;}
.navbar.navbar-default.top-bar a{color: #fff; }
.navbar.navbar-default.top-bar .profile-pik li a {color: #000; }
.navbar.navbar-default.top-bar .icon-size {font-size: 20px;}
.navbar.navbar-default.top-bar .profile-pik li a:hover {color: #fff;}
.navbar-default.top-bar       {background-color: #1f4888; border: 0px;}
.navbar-brand.logo        {font-size:25px;font-weight: 700;}
.navbar.navbar-default.top-bar .nav.navbar-nav.menu-text {margin-top: 4px;}
.navbar-default.top-bar .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {padding-top: 15px; background-color: #1b449e; color: #fff;/* border-bottom: 5px solid #fff;*/}
.std-pd-right {padding-right: 8px;}
.test:after {content: '\2807';font-size: 22px;color: #666;position: absolute;top: 20px;right: 10px;}
.nav>li>a.test:hover, .nav>li>a.test:focus {background: transparent;}
.text-title {color:#1f4888;margin-top:20px;font-weight: 700;margin-left: 15px;}
.navbar-nav>li>.dropdown-menu.additional-field {margin-top: 20px;}

.pdL10 			{padding-left: 10px;}
.pdL30 			{padding-left: 30px !important;}
.pdB10 			{padding-bottom: 10px;}
.pdT10 			{padding-top: 10px;}
.mrgB18			{margin-bottom:18px;}
.mrgB10 		{margin-bottom: 10px;}
.list-group-item {z-index: 1;}
.bhoechie-tab-menu a.list-group-item.active, .bhoechie-tab-menu a.list-group-item.active:hover, .bhoechie-tab-menu a.list-group-item.active:focus {color: #1f4888;
    background-color: #f7f8fd;border-color: #f7f8fd;margin-bottom:10px;}
.add-attachment-img {z-index:99;float: right;cursor: pointer;padding-bottom: 10px; opacity: 0.7;}
.add-attachment-img.dragSortingIcon {margin: 0 auto; display: block; float: none !important;}
.add-attachment-img:hover {opacity: 1;}
.cs-title{margin-bottom: 20px; margin-top: 0px;}
.panel-default>.panel-heading.new-panel-heading {color: #000000;background-color: #fff;border-bottom:  1px solid #7a919f;font-weight: 700; padding: 10px 0px;}
.new-panel-default {box-shadow: none;border:transparent;/*border-bottom: 1px solid #f1f4f5;*/}
.panel-default>.panel-heading.new-panel-heading.pdB20 {padding-bottom: 10px}
.form-group .switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.bhoechie-tab-menu .list-group-item:first-child  {border-top-right-radius: 0px;border-top-left-radius: 0px;}
.bhoechie-tab-menu .list-group-item:last-child  {border-top-right-radius: 0px;border-top-left-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;margin-top: 10px;}
.navbar.navbar-default.top-bar a:hover {background-color: #1b449e;color: #fff;}
ul.nav li.dropdown:hover>ul.dropdown-menu{ display: block; }
ul.nav li.dropdown li.dropdown-submenu ul.dropdown-menu{ display:none;}
ul.nav li.dropdown li.dropdown-submenu:hover ul.dropdown-menu{ display:block;}
.modal-content {border-radius: 0px;}
.form-group .switch input {display:none;}

.slider {position: absolute !important;  cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #bbbcbf;-webkit-transition: .4s;transition: .4s;}
.slider:before { position: absolute; content: ""; height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}

input:checked + .slider {
  background-color: #6ac813;
}

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

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

/* Rounded sliders */

.slider.round {
  border-radius: 34px; 
}

.slider.round:before {
  border-radius: 50%;
}

.contentmenu .map-clear-btn {height: 34px;}









/*#wrap {
  margin: 50px 100px;
  display: inline-block;
  position: relative;
  height: 60px;
  float: right;
  padding: 0;
  position: relative;
}
*/
#wrap input[type="text"] {height: 40px;font-size: 12px;display: inline-block;font-weight: 100;border: none;outline: none;color: #333;padding: 3px;padding-right: 60px;width: 0px;
  position: absolute;top: 0;right: 0;background: none; z-index: 3; transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);cursor: pointer;}

#wrap input[type="text"]:focus:hover {border-bottom: 1px solid #BBB;}

#wrap input[type="text"]:focus {width: 300px;z-index: 1; border-bottom: 1px solid #BBB;cursor: text;margin-right: 55px; margin-top: 5px;}


#wrap input[type="submit"] {height: 40px;width: 40px;/* display: inline-block; *//* color: red; *//* float: right; */background: url(../img/search.png) center center no-repeat;text-indent: -10000px;border: none;position: absolute;top: 8px; right: 2px;z-index: 2; cursor: pointer;
    /* opacity: 0.4; */ cursor: pointer; transition: opacity .4s ease;}

#wrap input[type="submit"]:hover {opacity: 0.8;}
.ba-cancel-ticket { color:#000000;font-weight:500; }
.ba-reassign-ticket {color:#000000;font-weight:500;}
.ba-deactive-ticket {color:#000000;font-weight:500;}
.ba-archive-ticket {color:#000000;font-weight:500;}
.ba-open-ticket {color:#000000;font-weight:500;}
.ba-archive-all-ticket {color: #1f4888;font-weight: 500;}




.w5 {width: 4%;}
.w11 {width: 11%;}
.w7 { width: 7%; }
.w8 {width: 8%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w100 {width: 100%;}

.center-text {text-align: center;}
.contain-text{font-size:14px;font-weight:500 !important;color:#6d7374;}
.contain-text-hd {font-size:12px;font-weight:500 !important;color:#7f9294;text-transform: uppercase;}
.ticket-number-text {font-size: 14px;font-weight: 500;color:#1f4888; text-decoration: underline;}
.ticket-number-text:hover {text-decoration: underline;}
.ticket-number-text.active-first-name { width: 320px; float: left; padding-right: 50px;}
.datatbl-listing td {font-size: 14px;font-weight:500;color: #6d7374;}
/*.dataTables_length {margin-left: 5px;}*/
.dataTables_length select {font-size:14px;font-weight:500 !important;color:#6d7374;border: 0px;}
/*.dataTables_wrapper {margin-left: 0px;}*/
.datepicker td.active, .datepicker td.active:hover {background-color: #00acc1;}
.datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active {background-color: #00acc1}
.table>thead>tr>th {vertical-align: middle;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;}

.profile-picture {margin-right: 10px;}

.footer {position: fixed; left: 0px; bottom:-1px; width: 100%; background-color: #fcfbfb; color: white; border-top:1px solid #eaeaea; border-bottom:0px solid #eaeaea;}

.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	top: 0px;
	-webkit-transform: translate3d(0%, 0, 0);
	    -ms-transform: translate3d(0%, 0, 0);
	     -o-transform: translate3d(0%, 0, 0);
	        transform: translate3d(0%, 0, 0);
}
.modal.right .small {
	width: 883px;
	height: 100%;
}
.modal.right .big {
	width: 1002px;
	height: 100%;
}
.modal-dialog .close{
	float: left;
	opacity: 1;
	background: #fff;
}
.addframe { height: 100%; }
.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
	background: #fcfbfb;
}
.footer .form-group {margin-bottom: 0px;}
.right_col .x_content .footer .col-md-12 {padding-bottom: 5px;}
.modal .modal-dialog iframe {height: 90.65%; width: 880px;}


.modal.left .modal-body,
.modal.right .modal-body {
	padding: 15px 15px 80px;
}
/*Right*/
.modal.right.fade .modal-dialog {right: -20px;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;transition: opacity 0.3s linear, right 0.3s ease-out;}
.modal.right.fade.in .modal-dialog {right: 0;}

/*   Horizontal tabs code */
div.bhoechie-tab-menu{padding-right: 0;padding-left: 0;padding-bottom: 0;margin-top:60px;width: 12%}

.modal-dialog button.close {float: left;opacity: 1;background-color: #fff;padding: 0px 8px 3px;margin-right: -1px;margin-top: 61px;}

.bhoechie-tab-menu a.list-group-item.active:after {content: "";border-bottom: 15px solid #1f4888;border-left: 15px solid transparent;border-top: 15px solid transparent;
    position: absolute;bottom: -1px;right: -1px;transition: all 0.3s ease 0s;}


@media (min-width: 768px){
.modal-sm {width: 300px;}
/*.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #ccc !important;}
.navbar.navbar-default.top-bar .profile-pik li a {color: #ccc; }
.menu .navbar.navbar-default.top-bar .mobile-menu-view {width: 100%;background-color: #000;}*/
}


/*   Supriya 26sept 2018  */

.right-side .content .form-group label {font-size: 14px; font-weight: 500;}
.right-side .content {padding: 0px;}
.footer .form-group .box-footer {padding: 10px 25px; background: #dfe0e2 !important;}
input[type="radio"], input[type="checkbox"] {margin: 4px 6px 0;}
.bootstrap-timepicker label {cursor: pointer;}
.row-margin-left-right {margin-right: 0px;margin-left: 0px;}
.datepicker:after, .datepicker:before {display: none;}
.panel .panel-heading {padding: 0px 15px 0px;}
.padding-left-right {padding-left: 0px; padding-right: 0px;}
.padding-top15 {padding: 15px 0px;}
.margin-zero {margin-left: 0px; margin-right: 0px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #fafafa; background-color: #1f4888; font-weight: 600;/* border-bottom: 5px solid #ffffff;*/}
.submenu a.active {color: #fff !important; font-weight: 600; padding:2px 20px 5px;}
.contentmenu .form-group .chosen-container-single .chosen-single {height: 34px;}
.contentmenu .form-group .chosen-container.chosen-container-single {font-size:14px; width: 100%;}
.contentmenu .form-group .chosen-container-single .chosen-single span {padding-top: 5px;}
.contentmenu .form-group .chosen-container-single .chosen-single div b {background-position: 0px 8px;}
.chemical-filter .btn-group {width: 100% !important;}
.chemical-filter .multiselect.dropdown-toggle {width: 100% !important;}
.chemical-filter .caret {float: right;margin-top: 8px;}
.chemical-filter .multiselect-selected-text {float: left; font-weight: 400;color: #999;}
.chemical-filter .btn.btn-default {background-color: #fff;}
.prospect-edit-form {padding-left: 5px;padding-top: 10px;}
.prospect-edit-form .location-picture-box {border: 2px solid #ccc;padding: 10px;}
.panel.panel-default.new-panel-default .panel-heading.new-panel-heading .uui-hd {margin-bottom: 0px;}
.mrgT0 {margin-top: 0px;}
.role-font {font-size: 12px; font-weight: 400;}
.panel {margin-bottom: 0px;}
.report-print-images {margin-top: 25px;}
.report-print-images .print-icon {cursor: pointer;}
.mrg-btm-20 {margin-bottom: 20px;}
.content-header .form-group.mrg-top-23 {margin-top: 23px!important;}
#Divfilterbox {margin-top: 15px;border-bottom: 1px solid rgba(0,0,0,0.05);overflow: hidden;}
/*style the arrow inside the select element:*/

/*ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;    
}
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}*/


/*Mobile View*/
/*@media only screen and  (max-width: 760px) {
*/
/*td, tr { display: block; }*/

/* Hide table headers (but not display: none;, for accessibility) */

/*thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

tr { border: 1px solid #E74C3C; }

tr + tr { margin-top: 1.5em; }*/

/*td {*/
  /* make like a "row" */
 /* border: none;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-left: 50%;
  background-color: #F8D9D5;
  text-align: left;
}*/

/*td:before {
  content: attr(data-label);
  display: inline-block;
  line-height: ;
  margin-left: -100%;
  width: 100%;
  white-space: nowrap;
}
}*/

/* written by Tushar */
.date-icon {
	background-image: url(https://i.imgur.com/u6upaAs.png);
    background-repeat: no-repeat;
    padding-left: 39px;
    background-size: 30px 30px;
    
}

/* written by Rajesh */
.navbar-brand{
padding:12px 15px;}
.profile-picture .dropdown-toggle {padding-top:10px; padding-bottom:10px;}
.head-help  {margin: 3px 10px 0px 10px;}
.questions-tooltip .tooltip {width: 120px;}
.questions-tooltip .tooltip.bottom .tooltip-arrow {border-bottom-color: #4d5467;}
.questions-tooltip .tooltip-inner {background-color: #4d5467;text-align: center;padding: 3px 5px;}
.archive-text {margin-top: 10px;}
.btn-text {color: #ccc;font-size: 20px;font-weight: 700;}
.circle-round {display: inline-block;}
.box-design {padding: 10px 30px 20px 30px;border: 1px solid #ddd;border-left: 0px;height: 300px;}
.title-description {font-size: 14px;line-height: 20px;padding-bottom: 30px;color: #666;height: 100px;}
/*.text-divider{position: absolute;top: 100px;color: #1f4888;font-size: 18px;z-index: 9999;right: -30px;border-radius: 50%;padding: 15px;*/
	.text-divider{position: absolute;top: 100px;color: #1f4888;font-size: 18px;z-index: 11;right: -30px;border-radius: 50%;padding: 15px;
    border: 1px solid #ccc;background-color: #fff;font-weight: 700;}
.box-left-border {border-left: 1px solid #ddd;}
.quickbook-text-title {color:#1f4888;text-transform: uppercase; }
/*.quickbook-text-title-inactive {color: #1f4888;text-transform: uppercase;}*/
.box-design-opacity {opacity: 0.7;}
.table-total-box {background-color:#4d5467;color:#FFF;font-weight:700;}
/*.chemical-list .chemical-input .form-control{width: 50% !important;}
*/.chemical-list .chemical-unit-text {position: absolute;right: 40px;margin-top: 6px;}
.chemical-name-list {font-size:12px;}
.chemical-title h4 {font-size:12px;font-weight:500 !important;color:#7f9294;text-transform: uppercase;}
.chemical-border {border-bottom: 1px solid #f2f2f2;margin-bottom: 20px;}
.mrgT20 {margin-top: 20px;}
.chemical-filter#Divfilterbox {overflow: inherit;border-bottom: 0px;margin-top: 0px;}
.alert .fa {display:none;}
/*.alert-success {padding-top:60px;}
.alert-danger {padding-top:60px;}*/
.chemical-filter#Divfilterbox {overflow: inherit;border-bottom: 0px;margin-top: 0px;}

/*   Supriya 10Jan 2019  */

.client-hd {font-size: 14px; color: #999; margin-bottom: 2px;}
.client-name {font-size: 18px; color: #1f4888; font-weight: 700;}
.nav-tabs-custom.phase {margin-top: 20px;}
.nav-tabs-custom.phase .panel .panel-heading {padding: 20px 15px;}
.select-txt {font-size: 14px; color: #333; margin-top: 20px;}
.new-badge {margin-bottom: 20px;}
/*.aprroved-btn {background: #11c358; color: #fff; padding: 6px 15px; font-size: 14px; font-weight: 600; text-transform: uppercase;}
.aprroved-btn:hover{background: #0baa4b; color: #fff;}
.on-hold-btn {background: #ffaf01; color: #fff; padding: 6px 15px; font-size: 14px; font-weight: 600; text-transform: uppercase;}
.on-hold-btn:hover{background: #dc9804; color: #fff;}
.declined-btn {background: #fc3631; color: #fff; padding: 6px 15px; font-size: 14px; font-weight: 600; text-transform: uppercase;}
.declined-btn:hover{background: #d9110c; color: #fff;}*/
ul.chec-radio {padding-left: 15px;}

ul.chec-radio li.pz { display: inline;}
.chec-radio label.radio-inline {padding: 10px 20px 0px 0px;}
.chec-radio label.radio-inline input[type="checkbox"] {display: none;}
.chec-radio label.radio-inline input[type="checkbox"]:checked+div {color: #fff; background-color: #000;}
.chec-radio .radio-inline .clab {cursor: pointer; background: #11c358; padding: 7px 20px; text-align: center; text-transform: uppercase; color: #fff; position: relative; height: 34px; float: left; margin: 0; margin-bottom: 5px;}
.chec-radio .radio-inline.orange .clab {background: #ffaf01;}
.chec-radio .radio-inline.red .clab {background: #fc3631;}
.chec-radio .radio-inline .clab:hover {background: #0baa4b;}
.chec-radio .radio-inline.orange .clab:hover {background: #dc9804;}
.chec-radio .radio-inline.red .clab:hover {background: #d9110c;}
.chec-radio label.radio-inline input[type="radio"] { display: none;}
.chec-radio label.radio-inline input[type="radio"]:checked+div { color: #fff; background-color: green;}
.chec-radio label.radio-inline.orange input[type="radio"]:checked+div { color: #fff; background-color: #ffaf01;}
.chec-radio label.radio-inline.red input[type="radio"]:checked+div { color: #fff; background-color: #d9110c;}
.chec-radio label.radio-inline input[type="radio"]:checked+div:before { content: "\e013"; margin-right: 5px; font-family: 'Glyphicons Halflings';}

.mrg-top {margin-top: -4px;}

/*   Supriya 10April 2019  */
.text-title.height-margin { margin-bottom: 15px;}


@media (max-width: 1300px){
.email-padding {padding: 20px 15px}
}

@media (min-width: 993px) and (max-width:1300px){
.title-description {height: 160px;}
.box-design {height: 375px;}
}

@media (min-width: 768px) and (max-width:993px){
.title-description {height: 130px;}
.text-divider {top: 175px;}
}

@media (min-width: 320px) and (max-width:420px){
.box-top {border-top: transparent;}
.box-design {border-left: 1px solid #ddd;}
.text-divider {right: 43%;bottom:-30px;top: auto;}
.title-description {height: 170px;}
.quickbook-text-title  {font-size: 18px;}
.clear-div {clear: both;}
.button-phase label { margin: 10px 0px 23px;  display: block;}
.declined-btn { margin-top: 25px; display: inline-block;}
ul.chec-radio li.pz { display: table;}

}

@media (min-width: 420px) and (max-width:768px){
.box-top {border-top: transparent;}
.box-design {border-left: 1px solid #ddd;}
.text-divider {right: 43%;bottom:-30px;top: auto;}
.title-description {height: 110px;}
.quickbook-text-title  {font-size: 18px;}
.clear-div {clear: both;}
.declined-btn { margin-top: 25px; display: inline-block;}
}


/*supriya 05-07-2022*/

.cs-title{margin-bottom: 10px; margin-top: 7px;}

.contain-text-hd.w7.sorting, .contain-text-hd.w10.sorting {text-align: center;}
.table-total-box .p-l-30 {padding-left: 30px;}
/*div.dataTables_info {padding-left: 15px;}*/
.panel.panel-primary.panel-cs {margin-bottom: 40px;}
.fixed-footer {background-color: #EBF3FF; height: 44px; border: 1px solid #DCDAD5;}
.footerright {text-align: left; color: #999999; font-size: 14px; border-left: 1px solid #B8B7B7;}
.footerright span  {float: right;}
.sliderttext {color: #1F4888; font-size: 15px;}
.sliderttext span {font-weight: bold;}
.readmoreclass{text-decoration: underline;}
.dot1 {
    height: 10px;
    width: 10px;
    margin: 6px 2px 0px;
    background-color: #A0C2E3;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    cursor: pointer;
}

.active1 {
    background-color:#5692C7;
}

/*.panel.panel-primary.panel-cs .panel-body {
   box-shadow: rgb(0 0 0 / 24%) 0px 12px 33px;
}*/

.dataTables_wrapper.form-inline {padding-left: 15px; padding-right: 15px;}

/*.panel-body .table.table-bordered.table-striped.tabel-color-hover tbody tr:hover td:first-child, .panel-body .table.table-bordered.table-striped.tabel-color-hover tbody tr.odd:hover td:first-child {border-left: 2px solid #fb8c00;}*/


.search-bar-align{margin-right: 15px; float: right;}

.small-box {
    background-color: #fff;
    box-shadow: 1px 9px 20px 0 rgb(56 57 62 / 66%);}
 .panel.panel-primary.panel-cs.paneldash {border-radius: 6px; box-shadow: 1px 6px 10px 0 rgb(131 132 136 / 40%); margin-top: 30px; background-color: #ffffff; margin-bottom: 30px;}
 /* .panel.panel-primary.panel-cs.paneldash {border-radius: 6px; box-shadow: 1px 6px 15px 0 rgb(56 57 62 / 40%); margin-top: 30px; background-color: #ffffff; margin-bottom: 30px;} */

.small-box > .small-box-footer.more-blue, .small-box > .small-box-footer.more-orange, .small-box > .small-box-footer.more-green, .small-box > .small-box-footer.more-red{
	color: #fff;  background-color: #1667ad;  font-weight: 500; font-size: 15px;
}
.panel-title.text-title.cs-title{font-weight: 600; font-size: 1.9rem;}
.small-box .inner p{font-size: 2.5rem; line-height: normal;font-weight: 600;}
.table-total-box .p-l-30 {
    padding-left: 30px;
}

.panel .panel-heading {
    padding: 0px 15px 0px 5px;
}
.left .col-md-9{padding-left: 0;}

.tooltip-inner {
    max-width: 200px;
    padding: 10px 8px 1px 10px;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 400;
    box-shadow: 0px 0px 5px #bbb;
    text-align: justify;
}

.tooltip-inner ol {padding-inline-start :20px}




.glyphicon.glyphicon-question-sign {color: #1667ad;}


.dissmissclose{
    font-weight: 300;
    font-size: 35px;
    color: #999;
    top: -14px;
}  


.dissmissclosesuccess{
    font-weight: 300;
    font-size: 35px;
    color: #999;
    top: -14px;
}   


/* supriya changes 04-08-2022 */

.alert.alert-danger .fa {
  display: block; 
  left: 0px; 
  top: 15px; 
  width: 17px; 
  height:17px; 
  background: url(../img/danger-icon.png) center center no-repeat; 
  border-radius: 0;
  border: 0;}


.dangeralert
  { background-color: #fff;
    border: 0;
    border-bottom: 2px solid #FF2C2C;
    border-radius: 0;
    box-shadow: 0 0 10px #00000040;
    margin-top: 10px;
    color: #666;
    font-size: 14px;
    margin-left: 0; 
    padding: 10px 35px 10px 45px;
}

.dangeralert b{
  color: #FF2C2C;
  font-weight: 500;
  font-size: 16px;
}

.alert-dismissable .close {
  position: relative;
  top: -11px;
  right: -20px;
  color: inherit;
  font-weight: 300;
  font-size: 37px;
}

.alert.successalert .fa {
  display: block; 
  left: 15px; 
  top: 11px; 
  width: 17px; 
  height:17px; 
  background: url(../img/complete-icon.png) center center no-repeat; 
  border-radius: 0;
  border: 0;}


.alert.successalert b{
    color: #4FC153;
    font-weight: 500;
    font-size: 16px;
  }
  

.successalert{ background-color: #fff;
    border: 0;
    border-bottom: 2px solid #4FC153;
    border-radius: 0;
    box-shadow: 0 0 10px #00000040;
    margin-top: 10px;
    color: #666;
    font-size: 14px;
    margin-left: 15px; 
    padding: 10px 35px 10px 45px;}

.panel.panel-primary.panel-cs.inner-page, .nav-tabs-custom.tabs.box.active {
  box-shadow: none;
  border-radius: 0;
}

label.note-text {font-weight: 400 !important;}
label.note-text span {font-weight: 600; color: #FF2C2C;}

.location-input {position: relative;}
.location-input .map-add-btn {
  position: absolute; 
  right: 0; 
  top:0;
  margin-right: 0;
  background-color: #36caf9;
  height: 34px;
  color: #fff;
  border:1px solid #36caf9;
  opacity: 1;
}

.location-input .map-add-btn:hover{
    background-color: #fff;
    color: #36caf9;
  border:1px solid #36caf9;
  }

  .location-input .map-remove-btn {
    position: absolute; 
    right: 0; 
    top:0;
    margin-right: 0;
    background-color: #ff0000;
    height: 34px;
    color: #fff;
    border:1px solid #ff0000;
    opacity: 1;
  }
  
  .location-input .map-remove-btn:hover{
      background-color: #fff;
      color: #ff0000;
    border:1px solid #ff0000;
    }

  .panel.panel-primary.panel-cs.inner-page-box {
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 10px;
  }

.open-ticket-listing .box-body {padding: 0; box-shadow: 1px 6px 15px 0 rgb(56 57 62 / 40%);}
/* .dataTables_wrapper.form-inline {padding-left: 0; padding-right: 0;} */
.panel.panel-primary.panel-cs {margin-bottom: 0;-webkit-box-shadow:none; box-shadow: none; border-radius: 0; background-color: #dfe0e2;}
.right-side .pull-right {margin-bottom: 0 !important;}
.box-body.table-responsive{padding: 0; background: #ffffff; border-radius: 4px;} 
/* .box-body.table-responsive .dropdown.sorting_disabled {width: 10px !important;} */
.contentmenu .form-group.m-b-7 {margin-bottom: 7px;}

.content, .wrapper, .right-side > .content-header{
  background: #dfe0e2 !important;
}


.small-box {
  background-color: #fff;
  box-shadow: 1px 9px 20px 0 rgb(56 57 62 / 66%);}

.panel-primary.panel-cs>.panel-heading { background: #dfe0e2;}

.show_arrow {position: relative;}
.show_arrow img {
    float: left;
    margin-top: 1px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 0.7;
  }

.show_arrow img:hover {opacity: 1;}


.show_arrow .drop_tech, .show_arrow.update_recored span {
  margin-left: 20px; display: block;
}

div.dataTables_paginate ul.pagination {
  margin: 11px 0 0px;
}

.dataTables_length select.form-control {
  border: 1px solid #ddd;
}

.dataTables_lengthss label {
  padding: 10px;
  margin-bottom: 0;
  color: #999;
}

.box-body .table .contain-text {
  border: 0;
  background: #f6f5f5;
  padding: 15px 10px 13px 21px;
}

.bulk-btn {
  background: #fff;
  padding: 3px 7px;
  border-radius: 4px;
  box-shadow: 0px 0px 4px #ddd;
  border: 1px solid #e3e3e3;
  color:#000000;
}

.box .box-body .table {margin-bottom: 0 !important; background: #ffffff; border: 0;}

.box-body.table-responsive .dataTables_length { margin-top: 10px; margin-left: 0px;}

.dataTables_length select.form-control {padding: 6px 12px 6px 6px; margin-left: 10px;}

.dropdown.w5.sorting_disabled {width: 2%;}

.right-side.pdL10 .content {background: #dfe0e2;}
.search-contain {margin-right: 6px;}

.p-t-0 {padding-top: 0;}

.form-group.m-t-b-10 {margin-top: 10px; margin-bottom: 9px;}

.contentmenu.p-t-0 .input-group.date {display: block;}

.bg-color {background: #dfe0e2;}

.table .ui-sortable tr {background: #ffffff;}

.show-prospects-box {padding-left: 0px;}

.show-prospects-box input {margin-top: 10px; cursor: pointer;}
.show-prospects-box label {cursor: pointer; font-weight: 400;}
.show-prospects-box .btn {float: right; margin-right: 0;}
.form-group.bg-white {background: #ffffff; margin-bottom: 12px; box-shadow: 0px 3px 5px 0 rgb(158 156 160 / 42%);}
.location-input {width: 100%; display: inline-block;}
.clear-div {display: inline-block; float: right;}
.panel-body .table.table-bordered.table-striped.tabel-color-hover tbody tr:hover td:first-child, 
.panel-body .table.table-bordered.table-striped.tabel-color-hover tbody tr.odd:hover td:first-child{
  border-left: 1px solid #4d5467;
}

/* html,
body {
overflow-y: scroll;
}
body.modal-open {
  touch-action: none;
    -webkit-overflow-scrolling: none !important;
    overflow: hidden !important;
    overscroll-behavior: none;
} */



body.modal-open {
  -ms-overflow-style: none !important; /* for Internet Explorer, Edge */
  scrollbar-width: none !important; /* for Firefox */
  overflow-y: hidden !important; 
}

body.modal-open::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

.dataTables_wrapper.form-inline {padding-left: 0; padding-right: 0; box-shadow: 1px 6px 10px 0 rgb(131 132 136 / 40%);}

.pagination > li:first-of-type a, .pagination > li:last-of-type a {background-color: transparent;}
.pagination>li.disabled a {background-color: transparent;}

#map {box-shadow: 1px 6px 15px 0 rgb(56 57 62 / 40%);}

.panel.panel-primary.panel-cs.paneldash .panel-body {background: #ffffff; padding: 15px 20px;}

.paneldash .dataTables_wrapper.form-inline  {background: #ffffff; padding: 15px;}

.nav-tabs-custom, .box-shadow {box-shadow: 1px 6px 15px 0 rgb(56 57 62 / 40%);}

.modal .content , .prospect-edit-form, .addframe .content, .right-side.pdT10{background: #dfe0e2 !important;}

table {
  width: 100%;
  border-spacing: 0; 
  border-collapse: separate;
}


/* table tr:last-child td:first-child {border-bottom-left-radius:8px;}
table tr:last-child td:last-child {border-bottom-right-radius:8px;} */

.setting-padding {padding: 0px;}
.setting-padding .nav-tabs-custom {border-radius: 4px;}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {border-bottom-width:0;}
a.hover-bg-remove {width: 54px; height: 54px;}

.divide-line {opacity: 0.5; margin-left: 5px;}
.white-bg {background: #ffffff;}

.paneldash .dataTables_wrapper.form-inline {box-shadow: none; padding-top: 53px;}

.map-clear-btn {color: #1667ad; background-color: #fff; border: 1px solid #1667ad; border-radius: 4px; box-shadow: 0px 2px 4px #d4d3d3; padding: 7px 12px}
.map-clear-btn:hover {color:#ffffff; background: #1667ad;}

.form-group.white{background: #ffffff;}

.btn.btn-clear.width-auto , .btn.btn-success.width-auto {width: auto;}
.box .box-body .table {width:100% !important;}
 a.btn_copyemail, a.btn_delete, a.btn_unarchive, a.btn_active, a.btn_archive_data {color: #000000;}
 a.btn_copyemail:hover, a.btn_delete:hover, a.btn_unarchive:hover, a.btn_active:hover, a.btn_archive_data:hover{color:#1667ad}



.btn.btn-img{

/* border-color: #6ac813 !important; */
transition: 0.2s ease-in;
/* background:#6ac813 !important;
border-radius: 4px;   */
/* box-shadow: 0px 2px 4px #d4d3d3;  */
background-image: url(../img/add-circle.png) !important;
background-repeat: no-repeat !important;
width: 25px;
height: 25px;
background-color: transparent;
margin-top: 4px;
}

.btn.btn-img:hover
{
 
  background-image: url(../img/add-circle-hover.png) !important;
  background-repeat: no-repeat !important;
  background-color: transparent;
    
}

.btn.btn.delete-btn{
  background-color: transparent;
  background-image: url(../img/delete-img.png) !important;
  background-repeat: no-repeat !important;
  width: 25px;
  height: 25px;
  margin-top: 4px;
  box-shadow: none;
  }
  
  .btn.btn.delete-btn:hover, .btn.btn.delete-btn:focus{
    background-image: url(../img/delete-img-hover.png) !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
     
  }

  .select2-container--default .select2-selection--single {
    border-radius: 0 !important;
    height: 34px !important;
    padding: 3px 12px;
    border: 1px solid #ccc !important;
  }

  .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 3px !important;
  }

.pull-right .btn.btn-success.width-auto, .pull-right .btn.btn-clear.width-auto {width: 70px !important;}

/* .right-scrollbar{overflow-x: hidden!important; height: 520px !important;} */
.right-scrollbar, .contentmenu.right-scrollbar{position: absolute;
  top: 90px;
  left: 0;
  bottom: 40px;
  right: 0;overflow-y: auto; }
.right-scrollbar.pop-height {top:0; left:8px; bottom: 56px;}

.right-scrollbar.dash-height {top:96px;}
.right-scrollbar::-webkit-scrollbar-track, .prospect-edit-form::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.right-scrollbar::-webkit-scrollbar, .prospect-edit-form::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.right-scrollbar::-webkit-scrollbar-thumb, .prospect-edit-form::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.8);
	background: linear-gradient(to right, rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
}
.scrollauto::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scrollauto::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.scrollauto::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.8);
	background: linear-gradient(to right, rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
}

.scrollauto{position: absolute; top: 0; bottom: 0px; right: 0; overflow-y: auto;}
#alternateemail input{width: 340px;}

.sweet-alert button.cancel, .sweet-alert button {padding: 7px 12px !important; width: auto !important; font-size: 14px !important;}
#btn_assing_tech .form-group {padding: 0px 15px 15px;}
#popup_lat_long .modal-content, #send_sms_pop_up .modal-content {border-radius: 4px;}
#popup_lat_long .modal-header ,  #send_sms_pop_up .modal-header {margin-top: -2px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;}

#btn_reassigndate .row{ margin-left: 0; margin-right: 0;}
.btn.btn-success.btn-latlang, #add-firstinvoice .btn.btn-success, #view-startupinvoice .btn.btn-success {width: auto;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus
{width: auto; height: auto; line-height: 17px; border-color:#6cbbff; background-color:#6cbbff; }

.footer {border-top:0;}
.modal.right .modal-content {background: #dfe0e2;}

#send_sms_pop_up .modal-body {margin: 0px 20px;}
#send_sms_pop_up .box .box-footer {padding: 10px 0px; border-top: 0;}

.alert.alert-danger {padding-left: 40px;}

.alert.alert-danger .fa {left: 15px; top: 15px;}

.chemical-filter .multiselect.dropdown-toggle {background-color: #fff !important;      border: 1px solid #ccc;  border-radius:0; }

.chemical-filter .multiselect.dropdown-toggle:hover {box-shadow:none;}

.btn.multiselect-clear-filter {width: 70px; border: 1px solid #ddd;  padding: 6px 15px; border-radius: 4px} 
.chemical-filter .btn.btn-default:hover, .chemical-filter .btn.btn-default:active, .chemical-filter .btn.btn-default.hover{
background-color: transparent; box-shadow: none;} 

.chemical-filter .multiselect.dropdown-toggle {padding: 7px 5px 7px 12px;}
.chemical-filter .multiselect-selected-text {color: #555;}

.caret {
  border: 0 !important;
   /* background-image: url('../img/dropdown4.svg'); */
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  width: 12px;
  height: 13px;
  margin-top: 6px !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
.form-group select{
  -webkit-appearance: none; /* Remove default styles for Safari/Chrome */
  -moz-appearance: none; /* Remove default styles for Firefox */
  appearance: none; /* Remove default styles */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 12px;
}
.btn.btn-default.suggestionicon {
  background: url(../img/question-icon.png) center center no-repeat #ffffff;
  width: 30px;
  height: 33px;
  background-size: 32%;
  padding: 10px;
  background-position: center;
  float: left;
  border: #eee;
}

#completed_date.modal .modal-header button.close, #due_date.modal .modal-header button.close {
  left: auto;
  top: -52px;
  right: 10px;
  color: #fff;
  font-size: 38px;
  font-weight: 300;
  background: transparent;
}

@media screen and (max-width: 1577px) {
  .caret{width: 10px;
    height: 12px;
    margin-top: 5px !important;}
    .form-group select{ background-size: 10px;}
}

@media screen and (max-width: 1366px) {
  .caret{
    width: 10px;
      height: 11px;
      margin-top: 7px !important;}
      .form-group select{ background-size: 11px;}
}

.modal .modal-header button.close.eticket-close{
  left: auto;
  color: #fff;
      font-size: 55px;
      font-weight: 100;
      opacity: 1;
      outline: 0;
      right: 12px;
      background: transparent;
      margin-top: 0;
  }

.tooltipDesign .tooltip .tooltip-inner{
  max-width: 260px;
}

.p-t-r{padding-top: 23px; padding-right:0px;}
.width-160{width:160px;}

.div-clearboth {clear:both;}

#tbody > tr{
  border: 1px solid #ded3d3;
  border-radius: 8px;
  /* display: grid; */
  margin-bottom: 6px;
 }

.invoice-popup {display: inline-block; float: right;}

.details-control {position: relative;width: 380px;}
.btn_update_invoice_popup {float: right; display: inline-block;position: absolute;}
.datatbl-listing td a i.glyphicon {display: contents;}

.ticket-number-text {width: auto;float: left; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.address-limit{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

  .address-limit2 {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.city-limit {
  display: block;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#invoice_model.modal .modal-header button.close {left:auto; top:-52px; right: 10px;color: #fff; font-size: 38px; font-weight: 300;background: transparent;}

.fullnamedesign{display: inline-block; float: left; padding-right: 10px; font-size: 14px; font-weight: 500; color: #1f4888; text-decoration: underline;}

.text-title.m-b-20 {margin-bottom: 20px;}
.row-back-gray {padding: 12px 0px;}
.row-back-gray .col-md-4 {padding-right: 5px; padding-left: 5px;}

.white-box {border-radius: 4px; background-color: #fff; box-shadow: 4px 5px 5px 0 rgb(187 188 193 / 10%); height: 160px; vertical-align: middle; text-align: left; padding: 10px;margin-bottom: 10px;}
.white-box.p-t-b-20 {padding: 25px 10px;}
.blue-round {background-color: #6cbbff; color: #fff; border-radius: 50%; height: 110px; width: 110px; margin-top: 10px; text-align: center; vertical-align: middle; padding: 29px 25px;font-size: 22px;display: inline-block;
  float: left;}
.font-14 {font-size: 14px; display: block;}
.tech-name {display: flow-root; text-align: left; padding-left: 20px; padding-top: 5px;}
.tech-name p {font-size: 18px; text-transform: uppercase; font-weight: 500;}
.white-box .progress {height: 7px; margin-bottom: 10px; margin-top: 10px; background-color: #f1f1f1;}

.white-box .progress-bar-green, .progress-bar-success {background-color: #00a65a;}

.tech-user-name {font-size: 18px; font-weight: 600; color: #1667ad; padding-left:19px;}
.tech-heading {
  color: #1f4888;
  font-weight: 700;
  margin-left: 15px;
}
.tech-service-name {color: #666;font-weight:600;}

.margin-0 {margin-left: 0; margin-right: 0;}
.box-body.p-10-20 {padding: 10px 20px;}
.desktop-right {float: right;}

div.dataTables_info {display: none;}
.panel.panel-primary.panel-cs.paneldash.m-t-22 {margin-top: 22px;}

.filter-button-bottom {margin-bottom: 20px;}
.navbar-header .navbar-nav>li {display: none;}
.mobile-menu-view .navbar-nav.navbar-right.menu-icons {display: block;}
.navbar-header .navbar-right {display: none;}

.table-bordered.m-t-20 {margin-top: 20px;}
.p-l-r-5 {padding-right: 0; padding-left: 5px;}


.left-selection-scroll {overflow-x: auto; height: 660px; padding: 0px 0px 8px;}
.row-back-gray.margin-0 {padding:0;}

.left-selection-scroll::-webkit-scrollbar-track, .prospect-edit-form::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.left-selection-scroll::-webkit-scrollbar, .prospect-edit-form::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.left-selection-scroll::-webkit-scrollbar-thumb, .prospect-edit-form::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.8);
	background: linear-gradient(to right, rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
}

.right-selection-map #map {min-height: 655px; width:97.5%;}

.progress-round {
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.progress-round:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #6cbbff;
  position: absolute;
  top: 0;
  left: 0;
}
.progress-round > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress-round .progress-left {
  left: 0;
}
.progress-round .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #1f4888;
}
.progress-round .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress-round .progress-right {
  right: 0;
}
.progress-round .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.progress-round .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 24px;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 300;
  background: #6cbbff;
  color: #fff;
}
.progress-round .progress-value div {
  margin-top: 10px;
}
.progress-round .progress-value span {
  font-size: 14px;
  text-transform: lowercase;
}
/* This for loop creates the necessary css animation names Due to the split circle of progress-left and progress right, we must use the animations on each side. */
.progress-round[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-1 1.5s linear forwards;
}
.progress-round[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}
.progress-round[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}
.progress-round[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}
.progress-round[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards;
}
.progress-round[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}
.progress-round[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}
.progress-round[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}
.progress-round[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress-round[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}
.progress-round[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress-round[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}
.progress-round[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress-round[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}
.progress-round[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress-round[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}
.progress-round[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress-round[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}
.progress-round[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress-round[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}

/* add this in style .css file code after apply all page funcational date picker*/
.tempdesign.daterangepicker.opensleft .ranges {width: auto; padding-bottom: 60px;}
.tempdesign .range_inputs {position: absolute; bottom: 10px; right: 0; left: 10px;}
.tempdesign.daterangepicker .calendar {display: block; margin-bottom: 15px;}
.tempdesign .daterangepicker_end_input {padding-right: 12px;}
/* add this in style .css file code after apply all page funcational date picker*/

/* CK- editior Client Notes Styling */
/* .ck.ck-editor__editable_inline{height: 90px;} */
/* CK- editior Client Notes Styling */

.ck.ck-editor__main>.ck-editor__editable {height: 170px !important;}

.textlimit{
  width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.textlimit.intervallimit{width: 110px;}

/* Recurring Status Style */
.recurringstyle {
  display: inline-block; 
  width: 20px; height: 20px; 
  background-color: yellow; 
  color: black; 
  border-radius: 50%; 
  text-align: center; 
  line-height: 20px;
}

.dropdownsize .form-group select {
  width: 50%;
}

.recurringbuttondesign{
  position: relative;
}

.invoicerecipaintpopup{
  position: relative;
  vertical-align: middle;
}
.form-control.Div_iduser {display: block;}
.btn.btn-success.remotebutton{
  background-color: #5bc0de;
  width: auto;
  border-color: #5bc0de;
  margin-top: 4px;
}
.btn.btn-success.remotebutton:hover{ 
  background-color: #fff;
  border-color: #5bc0de;
  color: #5bc0de;
}

.likedislike{font-size: 17px;}

/* Open Sales Task listing cloumn design */
.salesclient{width: 130px; word-wrap: break-word; white-space: normal;}
.salesphone{width: 60px;}
.salestitle{width: 140px;}
.salespriority{width: 15px;}
.salesnotes{width: 500px;}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
 }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
 }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
 }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
 }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
 }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
 }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
 }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
 }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
 }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
 }
}
.progress-round {margin-bottom: 1em;}

.padding-r-0 {padding-right: 0;}
.width-11 {width: 11%;}
.width-15 {width:15%;}
.width-13 {width:13%;}
.width-22 {width:22%;}


.progress-round .progress-value span.middle-line {font-size: 34px;font-weight: 500;}

@media screen and (max-width: 2049px) { 
  .left-selection-scroll {height: 770px;}
  .right-selection-map #map {min-height: 765px;}
}

@media screen and (max-width: 1822px) { 
  .left-selection-scroll {height: 655px;}
  .right-selection-map #map {min-height: 655px;}
}

@media screen and (max-width: 1708px) { 
  .left-selection-scroll {height: 605px;}
  .right-selection-map #map {min-height: 605px;}
}

 @media screen and (max-width: 1460px) {
  .dataTables_wrapper.form-inline {overflow-x: scroll; display: grid;}
  .right-side.submenu {display: none;}
  .wrapper {padding-top: 0px;}
  .contentmenu.right-scrollbar {top: 60px !important;}
  .right-scrollbar.dash-height {top: 40px;}
  .small-box {margin-top: 30px;}
 }


@media screen and (max-width: 1199px) {
  .bg-color.m-t25-tablet {padding-top: 25px !important;}
  /* .panel-primary.panel-cs>.panel-heading {padding-top: 20px;} */
  .clear-box-float {clear: both;}
  .caret {width: 11px;}
  .dataTables_wrapper.form-inline {overflow-x: scroll; display: grid;}
  .datatbl-listing td a i.glyphicon {display: contents;}
  .text-title {margin-left: 0px;}
  .width-160{width:300px;}
  .navbar.navbar-default.top-bar a.hide-tablet, .hide-tablet {display: none;}
  .small-box .inner p {font-size: 16px;}
  .cl-address {margin-top: 9px;}
  .scrollauto{bottom: inherit;}
  .contentmenu.right-scrollbar {padding-top: 30px !important;}
  /* .contentmenu.bg-color {margin-top: 20px;} */
  .tablet-clear {clear: both;}
  .bg-color.m-t-30-tablet {margin-top: 25px !important;}
  .div-clearboth {clear: none;}
  .m-t-3 {margin-top: 3px;}
  .cl-address {width: 75%;}
  .m-t-60 {margin-top: 60px;}
  .text-title.m-l-15-tablet {margin-left: 20px;}
  .padding-r-0 {padding-right: 15px;}

}



@media screen and (max-width: 1166px) {
  .footerright {border-left: 0; float: left; margin-left: 15px;width: 100%;}
  .fixed-footer {height: 70px;}
  .contentmenu.right-scrollbar {margin-bottom: 20px;}
  .footerright span {float: none;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1025px) 
and (orientation:portrait) {
  /* .bg-color.m-t25-tablet {padding-top: 25px;} */
  .contentmenu.right-scrollbar {padding-top: 30px !important;}
  .bg-color.m-t-30-tablet {margin-top: 25px !important;}
  /* .contentmenu.bg-color {margin-top: 20px;} */
  .right-side .content .form-group label {font-size: 13px;}
  
}

@media screen and (max-width: 1024px) {
  /* .bg-color.m-t-30-tablet {margin-top: 0px !important;} */
  .contentmenu.mobile-t-m-20 {margin-top: 0px;}
  #Divfilterbox {border-bottom: 0px; margin-bottom: 15px;}
  .bhoechie-tab-menu .list-group-item {font-size: 13px;}
  .right-side.submenu {display: none;}
  .wrapper {padding-top: 0px;}
 .contentmenu.right-scrollbar {top: 60px !important;}
  .right-scrollbar.dash-height {top: 40px;}
  .small-box {margin-top: 50px;}
  .panel.panel-primary.panel-cs.paneldash.m-t-22 {margin-bottom: 70px;}
  .filter-button-bottom {margin-bottom: 70px;}
  .bg-color.m-t25-tablet {padding-top: 0px !important;}
  .bg-color.m-t-30-tablet {margin-top: -35px !important;}
  .right-scrollbar {top:50px;}
  .width-25 {width:50%; float: left;}
  .width-25.width-22 {width: 50%;}
  .progress-round {width: 60px; height: 60px;}
  .progress-round .progress-bar {border-width: 2px;}
  .progress-round .progress-value {font-size: 12px;line-height: 18px;}
  .progress-round .progress-value div {margin-top: 5px;}
  .progress-round .progress-value span {font-size: 11px;}
  .white-box.p-t-b-20 {padding: 12px 5px;}
  .ipad-100 {width: 100%;}
  .tech-name {padding-left: 10px; padding-right:10px;}
}

@media screen and (max-width: 991px) {
.caret {margin-right: 3px;}
}



/* ipad pro */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
    .clear-1024 {clear: both;}
    .right-side.submenu {display: none;}
    .wrapper {padding-top: 0px;}
    .contentmenu.right-scrollbar {top: 60px !important;}
    .right-scrollbar.dash-height {top: 25px;}
    .width-25.width-22 {width: 50%;}
   
}


/* Portrait*/
@media only screen and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 1)  
and (orientation: portrait)  {
.contentmenu.mobile-t-m-20 {margin-top: 0px !important;}
.location-input .map-add-btn {padding: 7px 6px; width: 70px; font-size: 13px;}
.p-r-0 {padding-right: 0;}
.width-25.width-22 {width: 50%;}
}

@media screen and (max-width: 991px) {
  .caret {margin-right: 3px;}
  .desktop-right {float: left; width: 100%;}
  .mobile-menu-view .navbar-nav.navbar-right.menu-icons {display: none;}
  .navbar-header .navbar-right {display: block;}
  .navbar.navbar-default.top-bar .nav.navbar-nav.menu-text {margin-top: 0px; background-color: #1667ad;width: 100%;}
  ul.nav li.dropdown:hover>ul.dropdown-menu {display: contents;width: 100%;}
  ul.nav li.dropdown li.dropdown-submenu:hover ul.dropdown-menu {display: block;width: 100%;padding-left: 12px;}
  
  }


/* iPad Air */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px)  {
  .right-side.submenu {display: none;}
  .wrapper {padding-top: 60px;}
  .right-scrollbar {top:50px;}
  .width-25 {width:25%;}
  .padding-r-0 {padding-right: 15px;}
  .width-25.show-prospects-box {float: right;}
}

/* iPad mini */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1023px) 
  and (-webkit-min-device-pixel-ratio: 1){
    .clear-1024 {clear: both;}
    .right-side.submenu {display: none;}
    .wrapper {padding-top: 0px;}
    .contentmenu.right-scrollbar {top: 60px !important;}
    .right-scrollbar.dash-height {top: 20px;}
    .width-25 {width:50%; float: left;}    
}






@media only screen 
and (min-device-width : 820px) 
and (max-device-width : 1023px) 
and (orientation:portrait) {
  .contentmenu.mobile-t-m-20 {margin-top: 20px;}
  .clear-1024 {clear: both;}
  .right-side.submenu {display: none;}
  .wrapper {padding-top: 35px;}
  .contentmenu.right-scrollbar {top: 60px !important;}
  .right-scrollbar.dash-height {top: 40px;}
  .width-25 {width:50%; float: left;}
}


@media screen and (max-width: 776px) {
.caret {margin-right: 8px;}
.modal.right .big {width: 740px;}
.modal.right .small {width: 670px; height: 100%;}
.modal .modal-dialog iframe {width: 660px;}
.btn.btn-info.Addcreditinfo  {font-size: 13px;}
.btn.btn-info.width-auto {margin-top: 10px;}
.location-input {width: 100%;}
.mobile-t-m-20 {margin-top: 20px;}
.modal.right .footer {background-color: #dfe0e2;}
.small-box {margin-top: 30px;}
.width-25.show-prospects-box {float: right;}
}

@media screen and (max-width: 768px) {
  .caret {margin-right: 2px;}
  .modal.right .modal-content {overflow: hidden;}
  .p-t-r {padding-top: 43px;}
  .right-side .content {margin-top: 20px;}  
  .clear-mobile {clear: both;}
  .modal .right-side .content {margin-top: 0px;}  
  .nav-tabs-custom.m-t-10 {margin-top: 10px;}
  .box-header.m-t-15 {margin-top: 15px;}
  .mobile-menu-view .navbar-nav.navbar-right.menu-icons {display: none;}
  .navbar-header .navbar-right {display: block;}
  .contentmenu.mobile-t-m-20 {margin-top: 55px;}
  .contentmenu .map-clear-btn {margin-bottom: 12px;}
  .right-scrollbar {top:30px;}
  .bg-color.m-t25-tablet {padding-top: 60px !important;}
}
@media (min-width: 768px){
  .navbar-header .navbar-nav>li {float: left; display: block;}

}