/*====================================== reset.css is here ========================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

caption, th {
    text-align: left;
}

abbr, acronym {
    border: 0;
}

.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    display: block;
    height: 0;
}

.clrflt {
    clear: both;
}
/*
.last {
    margin: 0 !important;
}
*/
.pad_last {
    padding: 0 !important;
}

.no_bg {
    background: none !important;
}

.no_bor {
    border: none !important;
}

input {
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0;
}
form .form-group input[type="color"],  form .form-group input[type="email"], form .form-group input[type="month"], form .form-group input[type="number"], form .form-group input[type="password"], form .form-group input[type="search"], form .form-group input[type="tel"], form .form-group input[type="text"], form .form-group input[type="time"], form .form-group input[type="url"], form .form-group input[type="week"], form .form-group select, form .form-group textarea {

    min-width: 250px;
}
.form-group input[type="date"], .form-group input[type="datetime-local"], .form-group input[type="datetime"] {
}
header, nav, section, article, aside, footer, hgroup {
    display: block;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/**************************************************************************************/
a {
    color: #444;
    text-decoration: none;
    outline: 0 none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a:focus {
    outline: medium none !important;
}
h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

/*----------------------------------------------------------------------------------*/
html {
    height: 100%;
}

body {
    color: #444;
    -webkit-text-size-adjust: 100%;
    font-family: 'HelveticaNeue-Light' !important;
    /* font-family: "Glyphicons Halflings","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-size: 12px;
    height: 100%;
}

.flt_lt {
    float: left;
    display: inline;
}

.flt_rt {
    float: right;
    display: inline;
}

.blue {
    background: #37576e;
}

/* ---------------------------------------------------------------------------------*/
@font-face {
    font-family: 'HelveticaNormalRegularRegularRegular';
    src: url('../fonts/helvetica-normal/helvetica-normal.eot');
    src: url('../fonts/helvetica-normal/helvetica-normal.eot') format('embedded-opentype'),
    url('../fonts/helvetica-normal/helvetica-normal.woff') format('woff'),
    url('../fonts/helvetica-normal/helvetica-normal.ttf') format('truetype'),
    url('../fonts/helvetica-normal/helvetica-normal.svg#HelveticaNormalRegularRegularRegular') format('svg');
}

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

@font-face {
    font-family: 'Helveticaneue-Light';
    src: url('../fonts/helveticaneue-light/helveticaneue-light.eot'),
    url('../fonts/helveticaneue-light/helveticaneue-light.otf') format('opentype'),
    url('../fonts/helveticaneue-light/helveticaneue-light.woff') format('woff'),
    url('../fonts/helveticaneue-light/helveticaneue-light.ttf') format('truetype'),
    url('../fonts/helveticaneue-light/helveticaneue-light.svg#helveticaneue-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ----------------------- layout ----------*/
.wrapper {
    margin: 0 auto;
    height: 100%;
}

.container {
    margin: 0 auto;
    width: 1376px;
    display: block;
}

/*-------------------------------------------*/
/* ------------------------ LOGIN PAGE HERE --------------*/
.sign_in {
    margin: 0;
    padding: 0;
    display: table;
    height: 100%;
}

.sign_in .container {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.sign_in_con {
    margin: 0 auto;
    float: none;
    padding: 50px 2%;
    background: #91b2ca;
    border-radius: 45px;
    width: 920px;
}

.sign_in_con_left {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.sign_in_con_left a {
    margin: 0;
    padding: 0;
}

.sign_in_con_right {
    float: right;
    padding: 30px 0 0 0;
    margin: 0;
    display: inline-block;
    width: 54%;
}

.sign_in_con_right h3 {
    font-family: 'HelveticaNeue-Light';
    font-size: 28px;
    color: #FFFFFF;
    padding: 0 0 0 20px;
    margin: 0;
    line-height: 28px;
    float: left;
    display: inline-block;
    letter-spacing: 1px;
}

.sign_in_con_right a img {
    float: right;
    padding: 0;
    margin: 0 8% 0 0%;
    display: none;
}

.sign_in_con_right input {
    width: 100%;
    padding: 8px 20px;
    margin: 20px 0 0px 0;
    border: 2px solid #b0bac0;
    outline: none;
    border-radius: 27px;
    font-family: 'HelveticaNeue-Light';
    font-size: 28px;
    color: #999C9D;
    letter-spacing: 1px;
}

.credential {
    margin: 20px 0 0 0;
    padding: 0;
}

.credential .btn1 {
    border: none;
    outline: none;
    padding: 10px 0 12px 0;
    margin: 0 11% 0 0;
    width: 35%;
    display: inline-block;
    background: #00aeef;
    font-family: 'HelveticaBold';
    font-size: 18px;
    color: #FFFFFF;
}

.credential .btn2 {
    border: none;
    outline: none;
    padding: 10px 0 12px 0;
    margin: 0;
    width: 53%;
    display: inline-block;
    background: #c11e47;
    font-family: 'HelveticaBold';
    font-size: 18px;
    color: #FFFFFF;
}

/* ------------------ FORM PAGE HERE -------------------*/
/* ------------------ HEADER HERE -------------------*/
header {
    margin: 0;
    padding: 20px 0 0 0;
}

.header_in {
    padding: 0;
    margin: 0 0 0 15px;
}

.logo {
    float: left;
    padding: 0;
    margin: 0 2% 0 0;
    display: inline-block;
    width: 12.8%;
}

.header_in_right {
    float: left;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 85%;
}

.header_in_right_top {
    margin: 5px 0;
    padding: 0;
}

.header_in_right_top ul {
    margin: 15px 0 10px;
    padding: 0 0 0 5%;
    display: inline-block;
    text-align: right;
}

.header_in_right_top ul li {
    /*float: left;*/
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 12%;
    text-align: center;
}

.header_in_right_top ul li a {
    display: inline-block;
    padding: 0 0 5px 0;
    margin: 0;
}
.header_in_right_top ul li:last-child {
    margin-right: 25px;
}
.header_in_right_top ul li img {
    display: block;
    padding: 0;
    margin: 0 0 10px 0;
}

.header_in_right_top ul li span {
    font-family: 'HelveticaNeue-Light';
    font-size: 14px;
    color: #9D2D63;
    padding: 0 0 0 0px;
    margin: 0;
    line-height: 14px;
    display: inline-block;
}

.header_in_right_top ul li a:hover {
    opacity: 0.5;
    transition: 0.3s;
}

.header_in_right_top ul li a.active {
    opacity: 0.5;
}

.header_in_right_top ul li a span {
    color: #9BB7CE;
    font-weight: bold;



}

.menu {
    display: none;
    cursor: pointer;
    text-align: center;
    margin: 0 0 5px 0;
}

.menu2 {
    display: none;
    cursor: pointer;
    text-align: center;
    margin: 0 0 5px 0;
}

/* ------------------------- NAVIGATION HERE ---------------*/
nav {
    margin: 0;
    padding: 0;
}

nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    display: table;
    text-align: center;
}

nav ul li {
    padding: 0 2% 0 0;
    margin: 0 0 0 0;
    display: table-cell;
    list-style-type: none;
    text-align: center;
    width: 16%;
}

nav ul li a {
    font-family: 'HelveticaNeue-Light';
    font-size: 22px;
    color: #ffffff;
    padding: 10px 0 10px 0;
    width: 100%;
    margin: 0;
    line-height: 22px;
    display: inline-block;
    background: #191343;
    text-decoration: none;
}

nav ul li a:hover {
    color: #ffffff;
    transition: 0.3s;
}

nav ul li:first-child {
    padding-left: 10px;
}
.dashboard {
    margin: 0;
    padding: 15px 0;
}

.dashboard ul {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 15px;
}

.dashboard ul li {
    float: left;
    padding: 0;
    margin: 0 10px 0 0;
    display: inline-block;
}

.dashboard ul li a {
    font-family: 'HelveticaNeue-Light';
    font-size: 20.6px;
    color: #9bb7ce;
    padding: 0 30px 0 0px;
    margin: 0;
    line-height: 21px;
    background: url(../images/dashboard_img.png) no-repeat right center;
    text-decoration: none;
}

/* ---------------------------------------------------------*/
/* ------------------------ MIAN CONTENT HERE --------------*/
.maincontent {
    margin: 0 0 20px 0;
    padding: 0;
}

.organization {
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
}

.chart_menu {
    float: left;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.information {
    float: left;
    padding: 0;
    margin: 0;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.form_sec {
    float: left;
    padding: 0;
    margin: 0 2% 0 0;
    display: inline-block;
    background: #fcfcfb;
   /* border: 1px solid #dfe8ef;*/
    width: 42.3%;
    text-align: left;
}

.form_sec h3 {
    background: #f2f2f2 none repeat scroll 0 0 !important;
    border: 1px solid #ddd !important;
    color: #bf163a !important;
    font-family: "HelveticaNeue-Light" !important;
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 18px;
    padding: 5px;
    text-align: left;
}

.form_sec ul {
    float: left;
    display: inline-block;
    padding: 20px 3% !important;
    margin: 0;
    box-sizing: border-box;
    text-align: left !important;
}

.form_sec ul li {
    padding: 0;
    margin: 0 0 15px 0;
    list-style-type: none;
    text-align: left !important;
    font-size: 14px;
}

.form_sec ul li label {
    font-family: 'HelveticaNeue-Light';
    font-size: 20px;
    color: #BF163A;
    padding: 0px 0px 8px 10px;
    margin: 0;
    line-height: 20px;
    display: block;
    font-weight: normal;
    letter-spacing: 0.5px;
}

.form_sec ul li input {
    font-family: 'HelveticaNeue-Light';
    font-size: 16px;
    color: #8FB0C8;
    padding: 7px 10px;
    margin: 0;
    line-height: 18px;
    outline: none;
    border: 1px solid #cacccc;
    width: 100%;
    letter-spacing: 0.5px;
}

.form_sec ul li.fax label {
    color: #BF163A;
}

.form_sec ul li.save {
    margin: 0;
    padding: 8px 0 0 0;
    text-align: center !important;
}

.save .btn3 {
    font-family: 'HelveticaNeue-Light';
    font-size: 15.2px;
    color: #FFFFFF;
    padding: 12px 0 12px 12px;
    margin: 0 15px 0 0px;
    line-height: 16px;
    outline: none;
    border: none;
    border-radius: 16px;
    background: url(../images/save.png) no-repeat 28px center #00aeef;
    display: inline-block;
    width: 33%;
}

.save .btn4 {
    font-family: 'HelveticaNeue-Light';
    font-size: 15.2px;
    color: #FFFFFF;
    padding: 12px 0 12px 18px;
    margin: 0;
    line-height: 16px;
    outline: none;
    border: none;
    border-radius: 16px;
    background: url(../images/reset.png) no-repeat 28px center #bf163a;
    display: inline-block;
    width: 33%;
}
ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
}
.chart_menu {
    margin: 0;
    padding: 0;
}

.chart_menu .left ul {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: center;
}

.chart_menu .left ul li {
    padding: 0;
    margin: 0 0px 10px 0;
    text-align: center;
    list-style-type: none;
}

.chart_menu .left ul li a {
    padding: 20px 34px;
    margin: 0;
    display: block;
    background: #bf163a;
    opacity: 0.5;
    text-decoration: none;
    width: 182px;
}

.chart_menu .left ul li a img {
    padding: 0;
    display: block;
    margin: 0 auto 5px;
}

.chart_menu .left ul li a span {
    font-family: 'HelveticaNeue-Light';
    font-size: 18.32px;
    color: #ffffff;
    padding: 0;
    margin: 0;
    line-height: 18.32px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 1px;
}

.chart_menu .left ul li a:hover {
    opacity: 1;
    transition: 0.3s;
}

.chart_menu .left ul li .drop_con {
    margin: 10px 0 0 0;
    padding: 0;
    display: none;
}

.drop_con ul {
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
}

.drop_con ul li {
    padding: 0;
    margin: 0 0 10px 0;
    list-style-type: none;
}

.drop_con ul li a {
    font-family: 'HelveticaNeue-Light';
    font-size: 16.32px;
    color: #BE1E45;
    padding: 8px 0px !important;
    margin: 0 !important;
    line-height: 16.32px !important;
    text-decoration: none;
    background: none;
    border: 1px solid #bf163a;
}

.drop_con ul li a:hover {
    background: #bf163a;
    color: #FFF;
}

.chart_menu .left ul li.active a {
    background: #bf163a;
    color: #FFF;
    opacity: 1;
}
.chart_menu .left ul li a.acc {
    min-height: 125px;
}

.chart_menu .left ul li.active ul li a {
    background: none;
    color: #bf163a;
}

.chart_menu .left ul li.active ul li a:hover {
    background: #bf163a;
    color: #FFF;
}
.chart_menu .left ul.mitraining li a {
    background: rgb(49, 185, 136);
}

.chart_menu .left ul.mitraining > li a {
    padding-top: 45px;
}

li.dropdown a {
    background: #bf163a none repeat scroll 0 0;
    display: block;
    margin: 0;
    opacity: 0.75;
    padding: 20px 20px;
    text-decoration: none;
}

/*misafety*/

ul.misafety > li a {
    background: rgb(49, 185, 136) none repeat scroll 0 0;
}

ul.misafety li a:active {
    opacity: 1;
    transition: all 0.3s ease 0s;
    background: rgb(49, 185, 136) none repeat scroll 0 0 !important;
}

/*
ul.misafety li.active ul li.active a:hover {
    background:  rgb(49,185,136) none repeat scroll 0 0 !important;
    color: #fff;
}*/

.chart_menu ul.misafety li.active a.acc {
    background: #F79431 none repeat scroll 0 0 !important;
}

.chart_menu ul.misafety li.active ul li.active a:hover {
    background: #F79431 none repeat scroll 0 0;
    color: #fff;
}

ul.misafety > li a {
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 175px;
    line-height: 20px;
    padding-top: 50px;
    text-align: center;
    width: 175px;
}

ul.misafety .drop_con ul li a {
    border-radius: 0px;
    border: 1px solid #F79431 !important;
    color: #F79431 !important;
    font-family: "HelveticaNeue-Light";
    font-size: 16.32px;
    line-height: 16.32px;
    margin: 0;
    padding: 8px 0;
    text-decoration: none;
    height: auto;
}

ul.misafety .drop_con ul li.active a, ul.misafety .drop_con ul li a:hover {
    background: #F79431 none repeat scroll 0 0 !important;
    color: #fff !important;
}

.chart_menu .left ul.misafety li a {
    background: #F79431;
}

.chart_menu .left ul.misafety > li a {
    padding-top: 45px;
}
/*end of misafety*/

/*micontractors*/

ul.micontractor > li a {
    background: rgb(49, 185, 136) none repeat scroll 0 0;
}

ul.micontractor li a:active {
    opacity: 1;
    transition: all 0.3s ease 0s;
    background: rgb(49, 185, 136) none repeat scroll 0 0 !important;
}


.chart_menu ul.micontractor li.active a.acc {
    background: #87C4E0 none repeat scroll 0 0 !important;
}

.chart_menu ul.micontractor li.active ul li.active a:hover {
    background: #87C4E0 none repeat scroll 0 0;
    color: #fff;
}

ul.micontractor > li a {
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 175px;
    line-height: 20px;
    padding-top: 50px;
    text-align: center;
    width: 175px;
}

ul.micontractor .drop_con ul li a {
    border-radius: 0px;
    border: 1px solid #87C4E0 !important;
    color: #87C4E0 !important;
    font-family: "HelveticaNeue-Light";
    font-size: 16.32px;
    line-height: 16.32px;
    margin: 0;
    padding: 8px 0;
    text-decoration: none;
    height: auto;
}

ul.micontractor .drop_con ul li.active a, ul.micontractor .drop_con ul li a:hover {
    background: #87C4E0 none repeat scroll 0 0 !important;
    color: #fff !important;
}

.chart_menu .left ul.micontractor li a {
    background: #87C4E0;
}

.chart_menu .left ul.micontractor > li a {
    padding-top: 45px;
}
/* end of mi contractor */


/*mibooking E0E2E3*/

ul.mibooking > li a {
    background: rgb(49, 185, 136) none repeat scroll 0 0;
}

ul.mibooking li a:active {
    opacity: 1;
    transition: all 0.3s ease 0s;
    /*background: rgb(49, 185, 136) none repeat scroll 0 0 !important;*/
}

.chart_menu ul.mibooking li.active a.acc {
    background: #575d63 none repeat scroll 0 0 !important;
}

.chart_menu ul.mibooking li.active ul li.active a:hover {
    background: #575d63 none repeat scroll 0 0;
    color: #666;
}

ul.mibooking > li a {
    border-radius: 100px;
    color: #666;
    display: block;
    font-size: 20px;
    height: 175px;
    line-height: 20px;
    padding-top: 50px;
    text-align: center;
    width: 175px;
}

ul.mibooking .drop_con ul li a {
    border-radius: 0px;
    border: 1px solid #575d63 !important;
    color: #666 !important;
    font-family: "HelveticaNeue-Light";
    font-size: 16.32px;
    line-height: 16.32px;
    margin: 0;
    padding: 8px 0;
    text-decoration: none;
    height: auto;
}

ul.mibooking .drop_con ul li.active a, ul.mibooking .drop_con ul li a:hover {
    background: #575d63 none repeat scroll 0 0 !important;
    color: #ffffff !important;
}

.chart_menu .left ul.mibooking li a {
    background: #575d63;
}

.chart_menu .left ul.mibooking > li a {
    padding-top: 45px;
}



/* end of mi booking */

.blue {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color:#9bb7ce;
}
/* ------------------ FORM PAGE HERE -------------------*/
.user {
    margin: 0 6% 45px 0;
    padding: 0;
    float: right;
    display: inline-block;
}

.user img {
    padding: 0;
    margin: 0 0 0 15px;
    float: right;
}

.user h2 {
    font-family: 'HelveticaNeue-Light';
    font-size: 71.23px;
    color: #39B888;
    padding: 0px 0px;
    margin: 0;
    line-height: 72px;
    display: inline-block;
}

.chart_menu2 {
    margin: 0;
    padding: 0;
}

.chart_menu2 ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
    width: 52%;
}

.chart_menu2 ul li {
    padding: 0;
    margin: 0 0px 20px 0;
    text-align: center;
    list-style-type: none;
    width: 100%;
}

.chart_menu2 ul li a {
    padding: 0;
    margin: 0;
    display: block;
    opacity: 0.5;
    text-decoration: none;
}

.chart_menu2 ul li a em {
    padding: 34px 0px;
    margin: 0;
    display: inline-block;
    width: 115px;
    background: #31b988;
    text-decoration: none;
    border-radius: 100%;
}

.chart_menu2 ul li a.my {
    display: inline-block;
}

.chart_menu2 ul li a em img {
    padding: 0;
    display: block;
    margin: 0 auto 5px;
}

.chart_menu2 ul li a span {
    font-family: 'HelveticaNeue-Light';
    font-size: 18.32px;
    color: #39B888;
    padding: 0;
    margin: 0;
    line-height: 21px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 1px;
    display: inline-block;
}

.chart_menu2 ul li:hover a {
    opacity: 1;
    transition: 0.3s;
}

.chart_menu2 ul li .drop_con2 {
    margin: 10px 0 0 0;
    padding: 0;
    display: none;
}

.drop_con2 ul {
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
    width: 100%;
}

.drop_con2 ul li {
    padding: 0;
    margin: 0 0 0px 0;
    list-style-type: none;
    width: 100%;
}

.drop_con2 ul li a {
    font-family: 'HelveticaNeue-Light';
    font-size: 16.32px;
    color: #31b988;
    padding: 8px 0px;
    margin: 0;
    line-height: 16.32px;
    text-decoration: none;
    background: none;
}

.drop_con2 ul li a:hover {
    background: #31b988;
    color: #FFF;
}

.chart_menu2 ul li.active a {
    color: #FFF;
    opacity: 1;
}

.chart_menu2 ul li.active ul li a {
    background: none;
    color: #39B888;
}

.chart_menu2 ul li.active ul li a:hover {
    background: #31b988;
    color: #FFF;
}

h4.header {
    color: #bf163a !important;
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 18px;
    padding: 5px;
    text-align: left;
    background: #f2f2f2 none repeat scroll 0 0 !important;
    border: 1px solid #ddd !important;
    font-family: "HelveticaNeue-Light"  !important;
    font-size: 24px;
    text-transform: lowercase;
}

/* ------------------ welcome page HERE -------------------*/
.welcome {
    margin: 0;
    padding: 0;
}

.message {
    background: #191343 none repeat scroll 0 0;
    border-radius: 15px;
    float: left;
    margin: 0 0 0 20%;
    padding: 60px 5%;
}

.message_left {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0 10% 0 0;
    text-align: center;
    letter-spacing: 1px;
}

.message_left h4 {
    font-family: 'HelveticaNeue-Light';
    font-size: 26px;
    color: #FFFFFF;
    padding: 0px 0px 20px 0;
    margin: 0;
    line-height: 26px;
}

.message_left img {
    padding: 0;
    margin: 0;
}

.message_right {
    float: right;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.message_right ul {
    margin: 0;
    padding: 0;
    display: block !important;
}

.message_right ul li {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px 0;
    position: relative;
}

.message_right ul li a {
    font-family: 'HelveticaNeue-Light';
    font-size: 26px;
    color: #999C9D;
    padding: 10px 20px;
    margin: 0;
    line-height: 26px;
    background: #FFF;
    border-radius: 30px;
    display: block;
    text-decoration: none;
}

.message_right ul li a img {
    margin: 0;
    padding: 0;
    float: right;
}

.message_right ul li a em {
    font-family: 'HelveticaNeue-Light';
    font-size: 15px;
    color: #ffffff;
    padding: 5px 0px;
    margin: 0;
    line-height: 15px;
    background: #c13827;
    position: absolute;
    left: 20px;
    top: 11px;
    border-radius: 100%;
    min-width: 28px;
    padding: 5px;
    width: auto;
    height: 27px;
    text-align: center;
}

/* ------------------ FOOTER HERE -------------------*/
footer {
    margin: 20px 0 0 0;
    padding: 20px 0;
    /*background: #FF3D6D;*/
}

.footer_in {
    margin: 0;
    padding: 0;
}

.foot_nav {
    margin: 0;
    padding: 10px 0 0 0;
    float: left;
    display: inline-block;
}

.foot_nav ul {
    padding: 0;
    margin: 0;
}

.foot_nav ul li {
    padding: 0 0 0 0;
    margin: 0 2% 0 0;
    float: left;
    display: inline-block;
    list-style-type: none;
}

.foot_nav ul li a {
    font-family: 'HelveticaNeue-Light';
    font-size: 16px;
    color: #fff;
    padding: 10px 0 10px 0;
    margin: 0;
    line-height: 18px;
    display: inline-block;
    text-decoration: none;
}

.foot_nav ul li a:hover {
    text-decoration: underline;
}

.powered {
    float: right;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.powered a {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.powered span {
    font-family: 'HelveticaNeue-Light';
    font-size: 14px;
    color: #fff;
    padding: 20px 20px 0 0;
    margin: 0;
    line-height: 16px;
    display: inline-block;
    float: left;
    letter-spacing: 1px;
}

.powered a img {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
}

/*------------------------------- Custom TNA HERE -----------------------------*/

.badge-success, .label-success {
    background-color: #82af6f !important;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px;
}

.badge-danger, .badge-important, .label-danger, .label-important {
    background-color: #d15b47 !important;
}

.badge-warning, .label-warning {
    background-color: #f89406 !important;
}

.align-center, .center {
    text-align: center !important;
}

th, td {
    color: #444;
}

.mitables ul li a {
    padding: 10px 12px;
    margin: 0;
    display: block;
    background: #ffffff;
    color: #000000; /*background:#bf163a;*/
    opacity: 1;
    text-decoration: none;
}

.modal-content {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal-footer {
    padding-top: 12px;
    padding-bottom: 14px;
    border-top-color: #e4e9ee;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #eff3f8
}

.modal-header .close {
    font-size: 32px
}

.no-padding {
    padding: 0 !important;
}

.table-header {
    background-color: #bf163a;
    color: #FFF;
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px;
}

.tab-content h3 {
    font-family: 'HelveticaNeue-Light';
    font-size: 24px;
    padding: 10px 20px 10px 0;
    margin-bottom: 10px;
    line-height: 25px;
    background: #fff none repeat scroll 0 0 !important;
    border-bottom: thin solid #bf163a !important;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    color: #333 !important;
}

/* Top Menu tab */
nav ul .active > a {
    background: #BF163A none repeat scroll 0 0;
    color: #ffffff;
    font-weight: 700;
}

.chart_menu ul li.active ul li.active a, .chart_menu ul li.active ul li.active a:hover {
    background: #bf163a none repeat scroll 0 0;
    color: #fff;
}

/* breadcrumb */

.breadcrumb > li + li a::before {
    color: #b2b6bf;
    /*content: "";*/
    font-family: FontAwesome;
    font-size: 14px;
    margin: 0 8px 0 0;
    padding: 0;
    position: relative;
    top: 1px;
}

.breadcrumb > li + li::before {
    color: #ccc;
    content: " " !important;
    padding: 0 5px;
}

.breadcrumb > li {
    margin-left: 5px !important;
}

ul.mitraining > li a {
    background: rgb(49, 185, 136) none repeat scroll 0 0;
}

ul.mitraining li a:active {
    opacity: 1;
    transition: all 0.3s ease 0s;
    background: rgb(49, 185, 136) none repeat scroll 0 0 !important;
}

/*
ul.mitraining li.active ul li.active a:hover {
    background:  rgb(49,185,136) none repeat scroll 0 0 !important;
    color: #fff;
}*/

.chart_menu ul.mitraining li.active a.acc {
    background: rgb(49, 185, 136) none repeat scroll 0 0 !important;
}

.chart_menu ul.mitraining li.active ul li.active a:hover {
    background: rgb(49, 185, 136) none repeat scroll 0 0;
    color: #fff;
}

ul.mitraining > li a {
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 175px;
    line-height: 20px;
    padding-top: 50px;
    text-align: center;
    width: 175px;
}

ul.mitraining .drop_con ul li a {
    border-radius: 0px;
    border: 1px solid rgb(49, 185, 136) !important;
    color: rgb(49, 185, 136) !important;
    font-family: "HelveticaNeue-Light";
    font-size: 16.32px;
    line-height: 16.32px;
    margin: 0;
    padding: 8px 0;
    text-decoration: none;
    height: auto;
}

ul.mitraining .drop_con ul li.active a, ul.mitraining .drop_con ul li a:hover {
    background: rgb(49, 185, 136) none repeat scroll 0 0 !important;
    color: #fff !important;
}

ul.breadcrumb li a {
    background: rgba(0, 0, 0, 0) url("../images/dashboard_img.png") no-repeat scroll right center ;
    color: #9bb7ce !important;
    font-family: "HelveticaNeue-Light";
    font-size: 20.6px;
    line-height: 21px;
    margin: 0;
    padding: 0 30px 0 0;
    text-decoration: none;
}

.chosen-choices li a {
    padding: 0 !important;
}

.chosen-container, .chosen-results {
    /* width: auto  !important;
    min-width: 250px !important; */
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    text-transform: lowercase;
}
.chosen-container .chosen-results li.highlighted {
    background-color:#9bb7ce !important;
    background-image: none;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #bf163a;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px !important;
    position: relative;
    text-decoration: none;
}

.container .blue {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.pagination > li.active > a, .pagination > li.active > a:hover {
    background-color: #bf163a !important;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    z-index: 2;
}
.chosen-container.chosen-container-multi {
    min-width: 250px !important;
    width: 250px !important;
}

.chosen-choices .default {
    min-width: 250px !important;
}
.form-horizontal .control-label {;
    text-align: left !important;
}
.input-medium.date-picker02 {
    min-width: 212px !important;
}
.form-control {
    width:auto;
}
.dataTables_wrapper .row:last-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
}
.input-small input[type="text"] {
    max-width: 100%;
    min-width: 90px !important;
    width: 90px;
}
.nav-tabs > li {
    margin-bottom: -5px !important;
}
.table-bordered {
    border: thin solid #ddd;
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    bottom: auto;
}
table.dataTable thead .sorting::after {
    opacity: 1 !important;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-bottom: medium none !important;
    border-top: 0 none;
    color:#bf163a !important;
}
.dataTables_wrapper input[type="search"], .dataTables_wrapper input[type="text"], .dataTables_wrapper select {
    margin: 0 0 0 10px !important;
}
.col-x-4 {
    width: 40%;
}
.dataTables_wrapper .col-sm-6 {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
.dataTables_wrapper .col-sm-5 {
    padding-left: 0;
    padding-right: 0;
    width: 41.6667%;
}
.dataTables_wrapper .col-sm-7 {
    padding-left: 0;
    padding-right: 0;
}
.dataTables_wrapper .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}
.mitables .col-sm-2 {
    padding-left: 0;
    width: 16.6667%;
}
div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
    width: 100% !important;
}
div.dataTables_wrapper div.dataTables_paginate {
    float: right;
    margin: 0;
    text-align: right;
    white-space: nowrap;
}
ul.pagination {
    padding: 20px 0 !important;
}
.form-horizontal .editable {
    border-radius: 50%;
    display: inline-block;
    height: 150px;
    max-width: 150px;
    padding: 0;
}
.dropdown-menu {
    left: 14px;
}
.input-medium.date-picker {
    min-width: 212px !important;
}
.treeview span.icon {
    font-size: 15px !important;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    opacity: 1;
    background-color: #BF163A !important;
}
.nav-pills > li > a {
    color: #ffffff;
    opacity: 1;
    background-color: #BF163A !important;
}
.nav.nav-pills {
    margin-left: 0;
}
::-webkit-input-placeholder {
    text-transform: lowercase;
}
:-moz-placeholder {
    text-transform: lowercase;
}
::-moz-placeholder {
    text-transform: lowercase;
}
:-ms-input-placeholder {
    text-transform: lowercase;
}
select{
   /* margin:40px;*/
    background: rgba(0,0,0,0.3);
    color:#FFF;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
option:not(:checked) {
    background-color: white;
    color:#000;
}
.dataTables_wrapper .pagination, .dataTables_info, .dataTables_filter label span {
    text-transform: lowercase;
}
body {
    overflow-x: hidden;
}
.span3 {
    background: #36444f none repeat scroll 0 0 !important;
    color: #fff;
}
.datepicker-dropdown  {
    z-index: 1070 !important;
}
.modal-header h4,.modal-header h3 {
    background: inherit !important;
    border: medium none !important;
    color: #fff !important;
}
.welcome .message_left h4 {
    color: #ffffff !important;
    background: inherit !important;
    border: medium none !important;
}
#logoutModal .modal-header {
    background: #bf163a none repeat scroll 0 0;
}
#logoutModal .modal-content {
    margin: 0 auto !important;
    width: 50% !important;
}
.header_in_right_top ul li a {
    min-width: 200px;
    text-align: center;
}
.pager > li.disabled > a, .pager > li.disabled > a:hover, .pagination > li.disabled > a, .pagination > li.disabled > a:hover {
    background-color: #f9f9f9;
    border-color: #d9d9d9;
    z-index: auto;
    padding: 10px 15px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #bf163a;
    color: #ffffff;
    font-size: 14px;
}