/*------------------------------------------
Template Name: AdminEx Dashboard
Author: ThemeBucket
-------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url('bootstrap.min.css');
@import url('bootstrap-reset.css');
@import url('jquery-ui-1.10.3.css');
@import url('font-awesome.min.css');

body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}

body {
    background: #f10028;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    line-height: 20px;
    overflow-x: hidden;
    font-size: 14px;
}

input, select, textarea {
    font-family: 'Open Sans', sans-serif;
    color: #2f2f2f;
	resize:none;
}

a {
    color: #f10028;
}

a:focus, a:active, a:hover {
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #353F4F;
}

h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
}

.mtop10 {
    margin-top: 10px;
}

hr {
    border-color: #ddd;
}

/*-------------------------------
            LOGIN STYLES
-------------------------------*/

.login-body {
    background: #f10028;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.devfp{max-width: 450px;margin:10px auto 0px;}
.form-signin {
    max-width: 450px;
    margin: 100px auto 0px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.form-signin .form-signin-heading {
    margin: 0;
    padding: 10px 15px;
    text-align: center;
    color: #fff;
    position: relative;
}

.sign-title {
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: -60px;
    left: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.form-signin .checkbox {
    margin-bottom: 14px;
    font-size: 13px;
}

.form-signin .checkbox {
    font-weight: normal;
    color: #fff;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    bottom: -50px;
    width: 100%;
    left: 0;
}

.form-signin .checkbox a, .form-signin .checkbox a:hover, .devfp a {
    color: #fff;
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin label.error{
	color:#ff0000;
	width:100%;
	text-align:right;
}
.form-signin .field{
	margin-bottom: 15px;
}
.form-signin input[type="text"], .form-signin input[type="password"]{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;   
    box-shadow: none;
    font-size: 18px;
}

.form-signin .btn-login {
    background: #555;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    margin: 20px 0 5px;
    padding: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 30px;
}

.form-signin .btn-login:hover {
    background: #696868;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.form-signin p{
	margin-bottom: 20px !important;
    text-align: left;
    color: #2f2f2f;
    font-weight: normal;
}

.form-signin a, .form-signin a:hover {
    color: #6bc5a4;
}
.form-signin a:hover {
    text-decoration: underline;
}
a.developer:hover{
	text-decoration:underline !important;
}

.login-wrap {
    padding: 0px 20px 20px;
    position: relative;
}

.registration {
    color: #c7c7c7;
    text-align: center;
    margin-top: 15px;
}

/*---------------------------------
            LEFT SIDE
----------------------------------*/

.left-side {
    width: 240px;
    position: absolute;
    top: 0;
    left: 0;
}

.sticky-left-side {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 100;
}

.sticky-left-side .custom-nav {
    margin-top: 50px;
}

.left-side-collapsed .sticky-left-side {
    overflow-y: visible;
}

.logo {
    height: 50px;
}

.logo a {
    font-size: 28px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.logo-icon {
    display: none;
}

.left-side-collapsed .logo-icon {
    height: 50px;
    margin-top: -52px;
    display: block !important;
}

.left-side-inner {
    padding: 0px;
    margin-bottom: 50px;
}

.left-side .searchform {
    display: none;
}

.left-side .searchform::after {
    content: '';
    display: block;
    clear: both;
}

.left-side .searchform input {
    padding: 10px;
    width: 90%;
    margin: 0 0 20px 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
}

.left-side .logged-user {
    padding: 0 0 15px 12px;
    margin: 0 0 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none;
}

.left-side .logged-user .media-object {
    width: 45px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
}

.left-side .logged-user .media-body {
    margin-left: 60px;
    color: #d7d7d7;
}

.left-side .logged-user .media-body h4 {
    font-size: 15px;
    margin: 5px 0 0 0;
}

.left-side .logged-user .media-body h4 a {
    color: #fff;
}

.left-side .logged-user .media-body span {
    font-style: italic;
    font-size: 11px;
    opacity: 0.5;
}

.custom-nav {
    margin-bottom: 10px;
}

.custom-nav > li > a {
    color: #fff;
    padding: 12px 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.custom-nav > li > a:hover,
.custom-nav > li > a:active {
    background-color: #000;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.custom-nav > li.menu-list > a {
    background: transparent url(../images/plus-white.png) no-repeat 93% center;
}

.custom-nav > li.menu-list > a:hover {
    background-color: #000;
    background-image: url(../images/plus-white.png);
}

.custom-nav > li.nav-active > a {
    background-color: #000;
    background-image: url(../images/minus.png);
    color: #fff;
}

.custom-nav > li.nav-active > ul{
    display: block;
}

.custom-nav > li.nav-active > a:hover {
    background-image: url(../images/minus.png);
}

.custom-nav > li.active > a,
.custom-nav > li.active > a:hover,
.custom-nav > li.active > a:focus {
    background-color: #000;
    color: #fff;
}

.custom-nav > li.menu-list.active > a {
    background-image: url(../images/plus.png);
}

.custom-nav > li.nav-active.active > a {
    background-image: url(../images/minus.png);
}

.custom-nav > li.nav-active.active > a:hover {
    background-image: url(../images/minus.png);
}

.custom-nav li .fa {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    text-align: center;
}

.custom-nav .sub-menu-list {
    list-style: none;
    display: none;
    margin: 0;
    padding: 0;
    background: #696868;
}

.custom-nav .sub-menu-list > li > a {
    color: #fff;
    font-size: 13px;
    display: block;
    padding: 10px 5px 10px 50px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.custom-nav .sub-menu-list > li > a:hover,
.custom-nav .sub-menu-list > li > a:active,
.custom-nav .sub-menu-list > li > a:focus {
    text-decoration: none;
    color: #fff;
    background: #000;
}

.custom-nav .sub-menu-list > li .fa {
    font-size: 12px;
    opacity: 0.5;
    margin-right: 5px;
    text-align: left;
    width: auto;
    vertical-align: baseline;
}

.custom-nav .sub-menu-list > li.active > a {
    color: #fff;
    background-color: #696868;
}

.custom-nav .sub-menu-list ul {
    margin-left: 12px;
    border: 0;
}

.custom-nav .menu-list.active ul {
    display: block;
}

/*------------------------------------------
            LEFT SIDE COLLAPSE
-------------------------------------------*/

.left-side-collapsed .logo {
    display: none;
}

.left-side-collapsed .header-section {
    margin-left: 0px;
}

.left-side-collapsed .left-side {
    width: 52px;
    top: 52px;
}

.left-side-collapsed .left-side-inner {
    padding: 0;
}

h5.left-nav-title {
    margin-left: 10px;
    color: #fff;
}

.left-side-collapsed .custom-nav {
    margin: 0px 0 20px 0;
}

.left-side-collapsed .custom-nav li a {
    text-align: center;
    padding: 10px;
    position: relative;
}

.left-side-collapsed .custom-nav > li.menu-list > a {
    background-image: none;
}
.w173{min-width: 173px;}
.w210{min-width: 210px;}
.w209{min-width: 209px;}
.left-side-collapsed .custom-nav li a span {
    position: absolute;
    background: #f10028;
    padding: 10px;
    left: 52px;
    top: 0;
    text-align: left;
    z-index: 100;
    display: none;
}

.left-side-collapsed .custom-nav li a span:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #f10028;
    border-width: 6px;
    margin-top: -6px;
}

.left-side-collapsed .custom-nav li.active a span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.left-side-collapsed .custom-nav ul,
.left-side-collapsed .custom-nav .menu-list.nav-active ul {
    display: none;
}

.left-side-collapsed .custom-nav .menu-list.nav-hover ul {
    display: block;
}

.left-side-collapsed .custom-nav > li.nav-hover > a,
.left-side-collapsed .custom-nav > li.nav-hover.active > a,
.left-side-collapsed .custom-nav > li.active2 > a {
    background: #000;
    color: #fff;
}

.left-side-collapsed .custom-nav li.nav-hover a span {
    display: block;
    color: #fff;
}

.left-side-collapsed .custom-nav li.nav-hover.active a span {
    background: #f10028;
    color: #fff;
}

.left-side-collapsed .custom-nav li.nav-hover ul {
    display: block;
    position: absolute;
    top: 40px;
    left: 53px;
    margin: 0;
    min-width: 172px;
    background: #000;
    z-index: 100;
    -moz-border-radius: 0 0 2px 0;
    -webkit-border-radius: 0 0 2px 0;
    border-radius: 0 0 2px 0;
}

.left-side-collapsed .custom-nav ul a {
    text-align: left;
    padding: 6px 10px;
    padding-left: 10px;
}

.left-side-collapsed .custom-nav ul a:hover {
    background: #696868;
}

.left-side-collapsed .custom-nav li a i {
    margin-right: 0;
}

.left-side-collapsed .main-content {
    margin-left: 52px;
}


.left-side-collapsed .left-side{
    overflow: visible !important;
}

/*----------------------------
        HEADER SECTION
-----------------------------*/

.header-section {
    background: #f10028;
}

.header-section::after {
    clear: both;
    display: block;
    content: '';
}

.toggle-btn {
    width: 52px;
    height: 50px;
    font-size: 20px;
    padding: 15px;
    cursor: pointer;
    float: left;
    color: #fff;
	background: #000;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.toggle-btn:hover {
    background: #000;
    color: #fff;
}

.searchform input {
    box-shadow: none;
    float: left;
    font-size: 14px;
    height: 35px;
    margin: 7px 0 0 10px;
    padding: 10px;
    width: 220px;
}

.searchform input:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
}

.menu-right {
    float: right;
    margin-right: 15px;
}

.notification-menu {
    list-style: none;
}

.notification-menu > li {
    display: inline-block;
    float: left;
    position: relative;
}

.notification-menu > li > a > i {
    margin-top: 6px;
}
.notification-menu a.dropdown-toggle {
	color:#fff;
}
.notification-menu .dropdown-toggle {
    padding: 16px 10px 17px;
    border-color: #000;
    background: #000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}

.notification-menu .dropdown-toggle:hover,
.notification-menu .dropdown-toggle:focus,
.notification-menu .dropdown-toggle:active,
.notification-menu .dropdown-toggle.active,
.notification-menu .open .dropdown-toggle.dropdown-toggle {
    background: #b1b1b1;
    color: #000 !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.notification-menu .dropdown-toggle img {
    vertical-align: middle;
    margin-right: 5px;
    width: 26px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.notification-menu .dropdown-toggle .caret {
    margin-left: 5px;
}

.notification-menu .dropdown-menu {
    border: 0;
    margin-top: 0px;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px;
}
.notification-menu .alertmenu:after {
	border-bottom: 6px solid #000;
}
.notification-menu .usermenu:after {
	border-bottom: 6px solid #F10028;
}
.notification-menu .dropdown-menu:after {   
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 10px;
    position: absolute;
    top: -6px;
}
.notification-menu .alertmenu li a{
	color: #000;	
}
.notification-menu .dropdown-menu li {
    display: block;
    margin: 0;
    float: none;
    background: none;
    padding: 5px;
}
.notification-menu .alertmenu li{
	background:#F0AD4E;
}
.notification-menu .alertmenu li:hover{
	cursor:pointer;	
	background:#b1b1b1;
	color: #000 !important;
}
.notification-menu .alertmenu li:hover a,
.notification-menu .alertmenu li a:hover{
	color: #000 !important;
}
.notification-menu .usermenu li{
	background:#000;
	padding: 5px 0px !important;
}

.notification-menu .dropdown-menu-usermenu li {
    padding: 0;
}
.notification-menu .usermenu li a{
	color: #fff;
}
.notification-menu .dropdown-menu li a {
    font-size: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.notification-menu .usermenu li a{
	font-size: 14px !important;	
}
.notification-menu .usermenu li:hover, .notification-menu .usermenu li a:hover {
    background: #b1b1b1;
    color: #000;
}

.notification-menu .dropdown-menu li i {
    font-size: 11px;
    margin-right: 5px;
}
.notification-menu .dropdown-menu li i.close{
	font-size: 15px;
	 margin: 4px 10px 0px 0px;
}
.notification-menu .dropdown-menu li i.close:hover{
	color:#000 !important;	
}
.notification-menu .dropdown-menu-head {
    padding: 0;
    min-width: 300px;
}
.notification-menu .info-number {
    padding: 12px 15px;
    height: 50px;
    font-size: 16px;
    background: #000;
    color: #fff;
    border-color: #fff;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.notification-menu .dropdown-menu-usermenu {
    background: #f10028;
    min-width: 200px;
}

.notification-menu .dropdown-menu-head ul {
    border: 1px solid #000;
    border-top: 0;
    padding: 0;
}
.notification-menu .dropdown-menu-head li a:hover {
    background: none;
    color: #000 !important;
    text-decoration: none;
}

.notification-menu .btn-group {
    margin-bottom: 0;
}

.dropdown-list li {
    padding: 15px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}

.dropdown-list li:last-child {
    border-bottom: 0;
}

.dropdown-list .thumb {
    width: 36px;
    float: left;
}

.dropdown-list .thumb img {
    width: 100%;
    display: block;
    vertical-align: middle;
}

.dropdown-list .desc {
    margin-left: 45px;
    display: block;
}

.dropdown-list .desc h5 {
    font-size: 13px;
    margin-top: 7px;
}

.dropdown-list li .badge {
    float: right;
}

.user-list {
    width: 300px;
}

.user-list .progress {
    margin-bottom: 0;
}


.normal-list li a .label i {
    margin-right: 0;
}

.normal-list li a span.label {
    float: left;
    margin-right: 10px;
    padding: 5px;
    width: 20px;
}

.normal-list li a:hover {
    color: #f10028 !important;
    text-decoration: none;
}

.normal-list li .name {
    font-size: 13px;
    font-family: 'Arial' Helvetica, sans-serif;
    line-height: 21px;
}

.normal-list li .msg {
    font-size: 12px;
    line-height: normal;
    color: #999;
    display: block;
}

.info-number .badge {
    background: #fff000;
	color:#000;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 5px;
    position: absolute;
    right: 4px;
    top: 10px;
}

/* ------------------------------
        STICKY HEADER
---------------------------------*/

.sticky-header .logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 240px;
    z-index: 100;
    background: #f10028;

}

.sticky-header .left-side {
    /*top: 50px;*/
}

.sticky-header .header-section {
    position: fixed;
    top: 0;
    left: 240px;
    width: 100%;
    z-index: 100;
}

.sticky-header .main-content {
    padding-top: 50px;
}

.sticky-header .menu-right {
    margin-right: 255px;
	border-bottom: 1px solid #f10028;
}

.sticky-header.left-side-collapsed .header-section {
    left: 52px;
}

.sticky-header.left-side-collapsed .menu-right {
    margin-right: 67px;
}

/* -----------------------
        DROPDOWN
--------------------------*/

.dropdown-menu-head {
    background: #fff
}

.dropdown-menu-head .title {
    background: #000;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
}

/*-----------------------------
        MAIN CONTENT
------------------------------*/

.main-content {
    margin-left: 240px;
    background: #fff;
    min-height: 1000px;
}

.page-heading {
    padding: 15px;
    position: relative;
}

.page-heading h3 {
    color: #000;
    font-size: 25px;
    font-weight: normal;
    margin: 10px 0;
}

.page-heading .breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
}

.page-heading .breadcrumb a {
    color: #000;
}

.page-heading .breadcrumb li.active {
    color: #f10028;
}

.wrapper {
    padding: 15px;
}

.wrapper::after {
    clear: both;
    display: block;
    content: '';
    margin-bottom: 30px;
}

/*-------------------------
        BOXED VIEW
-------------------------*/

.boxed-view {
    background: #b6b7ba;
}

.boxed-view .container {
    position: relative;
    background: #424f63;
    padding: 0;
}

/*-----------------------------------
    HORIZONTAL PAGE VIEW
-------------------------------------*/

.horizontal-menu-page {
    background: #EFF0F4;
}

.horizontal-menu-page .navbar {
    margin-bottom: 0;
}

.horizontal-menu-page .navbar-brand {
    padding: 5px 15px;
    min-height: 50px;
}

.horizontal-menu-page .navbar-default {
    background: #424F63;
    border: none;
    border-radius: 0;
}

.horizontal-menu-page .navbar-default .navbar-nav > .active > a,
.horizontal-menu-page .navbar-default .navbar-nav > .active > a:hover,
.horizontal-menu-page .navbar-default .navbar-nav > .active > a:focus,
.horizontal-menu-page .navbar-default .navbar-nav > .open > a,
.horizontal-menu-page .navbar-default .navbar-nav > .open > a:hover,
.horizontal-menu-page .navbar-default .navbar-nav > .open > a:focus,
.horizontal-menu-page .navbar-default .navbar-nav > li > a:hover,
.horizontal-menu-page .navbar-default .navbar-nav > li > a:focus {
    background-color: #353F4F;
    color: #FFFFFF;
}

.horizontal-menu-page .navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    font-size: 13px;
}

.horizontal-menu-page .form-control {
    box-shadow: none;
    float: left;
}

.horizontal-menu-page .dropdown-menu {
    background-color: #353F4F;
    color: #fff;
    box-shadow: none;
    border: none;
}

.horizontal-menu-page .dropdown-menu > li > a {
    color: #fff;
    padding: 10px 20px;
    font-size: 12px;
}

.horizontal-menu-page .dropdown-menu > li > a:hover,
.horizontal-menu-page .dropdown-menu > li > a:focus,
.horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #2A323F;
    color: #f10028;
    text-decoration: none;
}

.horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.horizontal-menu-page .navbar-default .navbar-toggle {
    border-color: #2A323F;
}

.horizontal-menu-page .navbar-default .navbar-toggle .icon-bar {
    background-color: #2A323F;
}

.horizontal-menu-page .navbar-default .navbar-toggle:hover,
.horizontal-menu-page .navbar-default .navbar-toggle:focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF !important;
}

.horizontal-menu-page .navbar-default .navbar-collapse,
.horizontal-menu-page .navbar-default .navbar-form {
    border-color: #2A323F;
}

.horizontal-menu-page .dropdown-toggle img {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-right: 5px;
    vertical-align: middle;
    width: 18px;
}


/*--------------------------------
      FOOTER CONTENT STYLES
---------------------------------*/

footer {
    background: #fff;
    padding: 15px;
    color: #7A7676;
    font-size: 12px;
    position: static;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #eff0f4;
}

footer.sticky-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.container footer {
    width: 79.5%;
    position: absolute;
    bottom: 0;
}



/*-----------------------------------
     HEADER STATISTICS STYLES
-------------------------------------*/

.state-info {
    position: absolute;
    right: 15px;
    top: 20px;
}

.state-info .panel {
    float: right;
    margin-left: 15px;
}

.state-info .panel .summary {
    float: left;
    margin-right: 20px;
}

.state-info .panel .summary span {
    color: #49586e;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
}

.state-info .panel .summary h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
}

.state-info .panel .summary h3.green-txt {
    color: #f10028;
}

.state-info .panel .summary h3.red-txt {
    color: #fc8675;
}

.chart-bar {
    float: right;
    margin-top: 5px;
}




div.dataTables_wrapper{
	color:#000 !important;	
}
div.dataTables_length label{
    float:left;
    text-align:left;
    font-weight:normal;
}

div.dataTables_length select{
    width:75px;
}

div.dataTables_filter label{
    float:right;
    font-weight:normal;
}

div.dataTables_filter input{
    width:16em;
}

div.dataTables_info{
    padding-top:8px;
}

div.dataTables_paginate{
    float:right;
    margin:0;
}

div.dataTables_paginate ul.pagination{
    margin:2px 0;
    white-space:nowrap;
}

table.dataTable,
table.dataTable td,
table.dataTable th{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

table.dataTable{
    clear:both;
    margin-top:6px !important;
    margin-bottom:6px !important;
    max-width:none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled{
    cursor:pointer;
}

table.dataTable thead .sorting{
    background:url('../images/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting_asc{
    background:url('../images/sort_asc.png') no-repeat center right;
}

table.dataTable thead .sorting_desc{
    background:url('../images/sort_desc.png') no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled{
    background:url('../images/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled{
    background:url('../images/sort_desc_disabled.png') no-repeat center right;
}

table.dataTable th:active{
    outline:none;
}

/* Scrolling */

div.dataTables_scrollHead table{
    margin-bottom:0 !important;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child{
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
}

div.dataTables_scrollBody table{
    margin-top:0 !important;
    margin-bottom:0 !important;
    border-top:none;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td{
    border-top:none;
}

div.dataTables_scrollFoot table{
    margin-top:0 !important;
    border-top:none;
}

/*
 * TableTools styles
 */

.table tbody tr.active td,
.table tbody tr.active th{
    color:white;
    background-color:#08C;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th{
    background-color:#0075b0 !important;
}

.table tbody tr.active a{
    color:white;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th{
    background-color:#017ebc;
}

table.DTTT_selectable tbody tr{
    cursor:pointer;
}

div.DTTT .btn{
    font-size:12px;
    color:#333 !important;
}

div.DTTT .btn:hover{
    text-decoration:none !important;
}

ul.DTTT_dropdown.dropdown-menu{
    z-index:2003;
}

ul.DTTT_dropdown.dropdown-menu a{
    color:#333 !important;/* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li{
    position:relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a{
    color:white !important;
    background-color:#0088cc;
}

div.DTTT_collection_background{
    z-index:2002;
}

/* TableTools information display */

div.DTTT_print_info.modal{
    height:150px;
    margin-top:-75px;
    text-align:center;
}

div.DTTT_print_info h6{
    margin:1em;
    font-size:28px;
    font-weight:normal;
    line-height:28px;
}

div.DTTT_print_info p{
    font-size:14px;
    line-height:20px;
}

/*
 * FixedColumns styles
 */

div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even{
    background-color:white;
}

div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table{
    margin-bottom:0 !important;
    border-top-right-radius:0 !important;
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
}

div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child{
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
}

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table{
    margin-bottom:0 !important;
    border-top:none;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td{
    border-top:none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table{
    border-top:none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled{
    background:0 0;
}
.blue{color:#00F !important}
table.dataTable thead .sorting_asc:after{
    content:"\f0de";
    float:right;
    font-family:fontawesome;
}

table.dataTable thead .sorting_desc:after{
    content:"\f0dd";
    float:right;
    font-family:fontawesome;
}

table.dataTable thead .sorting:after{
    content:"\f0dc";
    float:right;
    font-family:fontawesome;
    color:rgba(50,50,50,.5);
}
.table-striped > tbody > tr > td.deleted, tr.deleted{background-color:#fde0e0!important}
.black{color:#000}
.red{color:#ff0000}
.green{color:#060}
.yellow{color:#FF0}
.blue{color:#0a3596 !important}
.bold{font-weight:700;}
.normal{font-weight: normal !important;}
.form-group label.error{font-weight:bold !important;color:#ff0000 !important;font-size:12px !important;}
.text-lower{text-transform:lowercase}
/*-------------------------
    MULTI SELECT STYLE
--------------------------*/

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    background-color: #000;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}

.ms-container .ms-list, .ms-container .ms-list.ms-focus {
    box-shadow: none !important;
}

.ms-container .ms-list.ms-focus {
    border: 1px solid #000;
}

.ms-selectable .search-input, .ms-selection .search-input {
    margin-bottom: 10px;
}
.action a{color:#000 !important; font-size:22px;}
.action a:hover{color:#333333 !important;}
.fl{float:left}
.f12{font-size:12px}
.alert-error,.dn{display:none;}
.seqlst,.captcha,.px5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-khtml-border-radius:5px;}
.seqlst{overflow-y:scroll;height:160px;border:1px solid #cccccc;padding:3px;}
.ui-sortable{list-style-type:none;cursor:pointer;margin:0;padding:0;color:#000;}
.ui-sortable li{margin:0;padding:10px 10px 0;}
.ui-sortable li:last-child{padding-bottom:10px!important;}
.ui-sortable li span{position:absolute;margin-left:20px;}
.clear{clear:both;height:0;font-size:0;display:block!important;}
#nojswarning{width:100%;font-weight:bold;text-align:center;width:50%;height:35px;padding:7px 0px;margin:0 auto;color:#fff;background-color:#696868}
.captcha{margin-bottom:15px !important;border:1px solid #b1b1b1;padding:10px;background-color:#eeeeee}
.sc{padding-top:2px;}
.bizlogo{width:150px;height:150px;padding:10px;border:1px solid #DDD;margin-right:10px;position:relative;cursor:pointer}
.bizlogo img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#reclog{padding:5px 10px;border:1px solid #383131;background-color:#383131;color:#fff;font-size:12px;z-index:999;}
.ml10{margin-left:10px;}

/*--------------------------
      PICKERS STYLES
---------------------------*/

.add-on {
    float: right;
    margin-top: -37px;
    padding: 3px;
    text-align: center;
}

.add-on .btn {
    padding: 8px 9px;
}

.colorpicker.dropdown-menu {
    min-width: 130px;
    padding: 5px;
}

.datepicker.dropdown-menu {
    z-index: 1060;
    padding: 5px;
}

.custom-date-range .input-group-addon {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}
.proinfo{z-index:9999}
.control-label2{text-align:left !important}
.pt7{padding-top:7px;}
.pt12{padding-top:12px;}
.greybtn{font-size:24px !important;padding:3px 12px !important;line-height:0 !important}
.grebtn,.redbtn,.blubtn{color:#fff;padding:15px 12px !important;line-height:0 !important}
.redbtn{background:#ff0000;}
.redbtn:hover{background:#fc4040;color:#fff;}
.orgbtn{background:#f98306;}
.orgbtn:hover{background:#f8962f;color:#fff;}
.grebtn{background:#060;}
.grebtn:hover{background:#0e7f0e;color:#fff;}
.blubtn{background:#096bc0;}
.blubtn:hover{background:#1d77c5;color:#fff;}
.ts .row{padding:0px 15px;}
.pad5{padding:5px;}
.tsbr{border-right:1px solid #B1B1B1;}
.tsbl{border-left:1px solid #B1B1B1;}
.tsbt{border-top:1px solid #B1B1B1;}
.tsbb{border-bottom:1px solid #B1B1B1;}
.nopad{padding:0 !important}
.yellowtotal{background-color:#FFC !important;font-weight:bold;font-size:14px !important;}
.dataTables_empty{color:#ff0000 !important;text-align:center;}
table.fixedHeader-floating{position:fixed;background-color:white}table.fixedHeader-floating.no-footer{border-bottom-width:0}table.fixedHeader-locked{position:absolute;background-color:white}table.fixedHeader-locked{position:absolute;background-color:white}
.lh22{line-height:22px;}