body {  background-color: #414141; font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif, 'Nunito', sans-serif; color:#636363 }

#page-wrapper { background:url(../img/bg.jpg); background-size:cover }

.breadcrumb { background-color: transparent; padding: 0; margin: 5px 5px 5px 5px; color:#fff; margin: -20px 5px 18px 5px;color: #fff;font-size: 1.2em;}

 .breadcrumb>li { display: inline-block;  font-weight:700;}

 .breadcrumb>.active {color: #8dc63f;}
 .breadcrumb>li+li:before {padding: 0 5px;color: #ccc;content: "|";}

/* a {color: #82bf37 }
a:hover, a:focus, a:active { color:#3a6900} */

a {color: #c60000 }
a:hover, a:focus, a:active { color:#960101}

.clearfix { clear:both }
.nav-header { padding: 0 !important; background-image:none }

.logo { width:100% }
.logoSmall { margin: -18px -18px; }

.logo-element {padding: 23px 0; }

.fa-5x {font-size: 8em; padding: 21px 21px 35px 21px;}

.navbar-top-links li a img { max-width:70px;   }
.navbar-top-links li a { padding:0;  }

.panel-icons {width: 40px; margin: -10px 5px 0 0; position:relative; z-index:10000; }
.panel-icons-list {width: 40px; margin: -4px 5px 0 0 }
.panel-arrow {margin: 45px 20px 0 0; }

/* .btn-primary {background-color: #82bf37; border-color: #82bf37; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {background-color: #3a6900; border-color: #3a6900; }
 */

.btn-primary {background-color: #c60000; border-color: #c60000; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {background-color: #960101; border-color: #960101; }


.nav > li > a {color: #fff; font-weight:300 }
.nav > li.active, .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {     border-color: #3a6900; background-color: #82bf37; }

.nav-second-level li a:hover { color:#414141 !important }

.mini-navbar .nav-second-level { background-color: #414141; }

body.mini-navbar .nav-header { background:#fff}

.top-navigation .nav > li > a {padding:0;}

.navbar-toggle { background-color: #82BF37;     margin-top: 18px; }

.search-input{ background: #fff url(../img/ico-tile-search.png) no-repeat;background-position: right;background-size: 80px;height: 90px !important;font-size: 40pt; }

.select-input {
    background-position: right;
    background-size: 80px;
    height: 90px !important;
    font-size: 40pt;
}
.bdr {    border-right: 10px solid #fff; }

.form-control { height:50px; font-size: 11pt; padding-right:60px;}
.text-danger{ font-size: 10pt; }
.file-caption-name{ font-size: 10pt; }

.middle-box { min-width: 400px;     max-width: 800px;}

.widget-bx-wt { position: relative; }
.widget-bx-dk { background:#4d4d4d }
.widget-bx { background: #fafafa;     margin: 0px 0 15px 0;; text-align:center; position: relative;  z-index:10000; }
.widget-bx img, .widget-bx-wt img { width:100%; max-width: 175px;  }
.bx-title {  background:#f0f0f0; padding: 10px 15px; }
.notify-no {    border-radius: 100%;padding-top: 7px; background: #cc0000;height: 40px; width: 40px;  border: 3px solid #fff;   color: #fff; font-size: 12pt;font-weight: 700; text-align: center; font-size: 12pt; font-weight: 700; position: absolute; bottom: 6px;left: 5px; box-shadow: 0px 2px 3px #888888; }

.ibox { box-shadow: 1px 1px 8px #000; background:#fff;}

.ibox-title h5 {font-size: 1.5em !important; }
.bx-txt {   margin-left:10px; padding-top:10px; position: relative;left: 30px;bottom: 3px; font-size: 1.5em; font-weight: 700;}

.box-green, .box-black  { background:#82bf37; text-align:center; position:relative; min-height:150px; }
.box-green .txt, .box-black .txt  { position: relative;-webkit-transform: translateY(0%); -ms-transform: translateY(0%);transform: translateY(0%); font-size:8em; font-weight:300; color:#fff; }
.box-arrow	{ position:absolute; top:-2px ;left:9px; font-size:3em; color: rgba(255,255,255,0.5) }

.box-black { background:#414141;  }

.notify-bg-green { background:#82bf37; }



.hr-line-solid {border-bottom: 0px solid #e7eaec; }

.btn {margin-right: 5px;}

.todo-list.small-list > li { font-size:1.1em ;     margin-bottom: 10px;padding: 13px 1px 13px 10px;}

.todo-list.small-list > li .icon {margin-top: -12px;background: #7e7e7e;color: #fff;padding: 15px; }

.todo-list.small-list > li .check-link { color:#676a6c }

.todo-list.small-list > li .check-link:hover { color:#82bf37 }

.form-horizontal .control-label {font-size: 12pt;}

.table-white-bg td { background:#fff !important;}

.green-cell { background:#83c037 !important; color:#fff !important;  }
.amber-cell { background:#e39c10 !important; color:#fff !important;  }
.red-cell { background:#df0000 !important; color:#fff !important;  }
.grey-cell { background:#f8f8f8; padding: 9px 12px !important; }
.yellow-cell { background:#d9b300; color:#fff !important; padding: 9px 12px !important; }
.grey-dk-cell { background:#ebebeb !important; color:#82bf37 !important;   }
.black-cell { background:#686868 !important;;color:#fff;padding: 9px 12px !important;  }
.dblack-cell { background:#4d4d4d !important;;color:#fff;padding: 9px 12px !important;  }
.black-cell a {  color:#fff !important;;   }
.100pc-cell { width:100% !important; }

.hund-pc { width:100%; }

.grey-cell-div { padding:10px ;}

.txt-green { color:#82bf37 }
.txt-white { color:#fff }

.ibox-content  th { font-size:1.2em;   background: #414141; color:#fff !important; font-weight: normal;}

.ibox-content  td { font-size:1.2em;    background: #f8f8f8; }

.ibox-footer {border-top:0px solid #e7eaec; }

.ibox-content h1 { font-size: 3em;font-weight: 700;}

.instructions .ibox-content td {border-top: 15px solid #414141!important;background: #f8f8f8; padding:15px 10px;     font-size: 20px;font-weight: 700;}

.no-wrap { white-space:nowrap }

.module-div {overflow: auto; height:420px; background:#fff;}

.ibox-footer { background:#414141; padding:20px 20px }

.btn-submit, .btn-cancel   { background:none;  padding:10px 20px;  border-radius:0;  font-size:15pt; font-weight:700;    }
.btn-submit {   border:3px solid #82bf37 ;  color:#82bf37;      }
.btn-submit:hover, .btn-cancel:hover {color: #999;}

.btn-cancel  {   border:3px solid #7d7d7d ; border-radius:0; color:#7d7d7d;   }

textarea { padding:20px }

.title-icon-l, .title-icon-r { margin: 5px 5px 5px 5px;  }

.title-icon-l  { float:left }

.title-icon-l  { float:right }

.ibox-title {padding: 17px 5px 17px 10px; min-height: 55px; border:none; }

.ibox-title h5 {font-weight: 700; font-size: 1.2em;font-weight: 700; }
.faq-item { padding:0; margin-top: -3px; }

.faq-question { background: #f2f2f2;

box-shadow: inset 0px 0px 31px -30px rgba(255,255,255,0.50), inset 11px 9px 10px 0px rgba(255,255,255,0.50), inset -9px 5px 16px 0px rgba(255,255,255,0.50), inset 1px 1px 8px 4px rgba(0,0,0,1);
-webkit-box-shadow:
inset 0px 0px 31px -30px rgba(255,255,255,0.50), inset 11px 9px 10px 0px rgba(255,255,255,0.50), inset -9px 5px 16px 0px rgba(255,255,255,0.50), inset 1px 1px 8px 4px rgba(0,0,0,1);
-moz-box-shadow:
inset 0px 0px 31px -30px rgba(255,255,255,0.50),inset 11px 9px 10px 0px rgba(255,255,255,0.50), inset -9px 5px 16px 0px rgba(255,255,255,0.50), inset 1px 1px 8px 4px rgba(0,0,0,1);

}

.faq-question:hover { background:#fff; }

.thd-title-title { margin:5px 0;   font-size:1.1em; text-transform:uppercase; font-weight:400; line-height: 18px}



.thd {background: #76BD22; margin: auto 0px; padding-left: 15px; color:#fff;

box-shadow: inset 0px 0px 31px -30px rgba(255,255,255,0.50), inset 11px 9px 10px 0px rgba(255,255,255,0.50), inset -9px 5px 16px 0px rgba(255,255,255,0.50), inset 1px 1px 8px 4px rgba(0,0,0,0.50);
-webkit-box-shadow:
inset 0px 0px 31px -30px rgba(255,255,255,0.50), inset 11px 9px 10px 0px rgba(255,255,255,0.50), inset -9px 5px 16px 0px rgba(255,255,255,0.50), inset 1px 1px 8px 4px rgba(0,0,0,0.50);
-moz-box-shadow:
inset 0px 0px 31px -30px rgba(255,255,255,0.50),inset 11px 9px 10px 0px rgba(255,255,255,0.50), inset -9px 5px 16px 0px rgba(255,255,255,0.50), inset 1px 1px 8px 4px rgba(0,0,0,0.50);

  }

 .thd h1 { font-size:1.6em; font-weight:700; padding:15px ; color:#fff; }

 .thd h6 {font-size: 9pt;line-height: 13px; color:#fff;}

  .thd.btn { font-size:1em; font-weight:700; padding:10px ; color:#fff; }

 .five-col-div { height: 95px }

 .five-col-div  h1 { font-size:1.9em; font-weight:700; padding:15px ; color:#fff; }
 .five-col-div  h2 { font-size:1.4em; font-weight:700; padding:15px ; color:#fff; }

.faq-header { background: #76BD22; margin: auto 0px;

box-shadow: inset 0px 0px 31px -30px rgba(255,255,255,0.50), inset 11px 9px 10px 0px rgba(255,255,255,0.50), inset -9px 5px 16px 0px rgba(255,255,255,0.50), inset 1px 1px 8px 4px rgba(0,0,0,0.50);
-webkit-box-shadow:
inset 0px 0px 31px -30px rgba(255,255,255,0.50), inset 11px 9px 10px 0px rgba(255,255,255,0.50), inset -9px 5px 16px 0px rgba(255,255,255,0.50), inset 1px 1px 8px 4px rgba(0,0,0,0.50);
-moz-box-shadow:
inset 0px 0px 31px -30px rgba(255,255,255,0.50),inset 11px 9px 10px 0px rgba(255,255,255,0.50), inset -9px 5px 16px 0px rgba(255,255,255,0.50), inset 1px 1px 8px 4px rgba(0,0,0,0.50);

border-radius: 10px 10px 0px 0px ;    }

.faq-item {background: transparent }



.faq-header h2  { color:#000000; font-weight:900; padding-left:15px; margin:28px auto; }

.faq-question h2 { color:#999999; font-weight:900; padding-left: 80px; margin:28px auto; }
.faq-question i { color:#999999;   }

.five-col {width:20%; float:left }

 div .faq-item [aria-expanded="true"]  { background:#76BD22; color:#000 !important; }
 div .faq-item  [aria-expanded="true"]  h2 {  color:#000 !important; }
  div .faq-item  [aria-expanded="true"]  i {  color:#000 !important; }

.bdr-rad-top { border-radius: 10px 10px 0px 0px; }
.bdr-rad-bot { border-radius:  0px 0px 10px 10px; }
.bdr-rad-top-l { border-radius: 10px 0px 0px 0px; }
.bdr-rad-top-r { border-radius: 0px 10px 0px 0px; }
.bdr-rad-bot-l { border-radius: 0px 0px 0px 10px; }
.bdr-rad-bot-r { border-radius: 0px 0px 10px 0px; }


.faq-answer { margin-top: 0px;  background: #000;border: 1px solid #e7eaec;border-radius: 3px;padding: 35px 45px;}



html>body .faq-answer table tbody.scrollContent {
    display: block;
    height: 262px;
    overflow: auto;
    width: 100%;
}

/* .faq-answer td  { background:#cdcbcb; font-size:1.8em; color:#888475; padding:7px 12px;; text-align:center; border:2px solid #000;}

.faq-answer th  { background:#000; font-size:1.8em; color:#fff; padding:7px 12px;; text-align:center; border:2px solid #000;}*/

.faq-answer  { margin-top: 0px;  background: #000;border: 1px solid #e7eaec;border-radius: 3px;padding: 35px 45px; color:#fff;}

.faq-answer table th, .faq-answer table td  { padding: 5px 10px; }

.priority-red {width:25px; height:25px; background:#ff0e35; border-radius: 50px; margin:auto;}
.priority-green {width:25px; height:25px; background:#76bd22; border-radius: 50px; margin:auto;}
.priority-amber {width:25px; height:25px; background:#eeb904; border-radius: 50px; margin:auto;}

.report-btn {border-radius:50px; background:#d2d2d2; width:130px; padding:5px 10px; color:#000; font-weight:700; margin:-60px 0 20px 40px}

.ibox-title h5 { margin-top: 0px ; }
.info-table  { width:100%; border-spacing:11px; border-collapse:separate;   }

.info-table td  { vertical-align:top; }
.info-table td  { margin:5px; padding:0px 20px }

.t-cell-grey {background:#f8f8f8 }
.t-cell-dgrey h1  { color:#fff;     }
.t-cell-dgrey h2  { color:#fff; font-weight:bold; margin:5px 0 10px 0; line-height: 30px;   }
.t-cell-dgrey h5 { color:#fff ; font-weight:bold; font-size:10pt; margin:5px 0; line-height:10px;     margin: 10px 0 0px 0; line-height: 13px;  }

.ibox-tools a {color: #000;}

.vertical-align-middle {  vertical-align:middle !important; }

 .form-control-s {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;     margin: 3px 0;
}

.t-cell-grey {background:#f8f8f8 !important }
.t-cell-dgrey {background:#4d4d4d !important }

.t-cell-grey h2  { color:#6d6d6d; font-weight:bold;  margin:5px 0 10px 0; line-height: 27px;   }
.t-cell-grey h5 { color:#6d6d6d ; font-weight:bold; font-size:10pt;  margin: 10px 0 0px 0; line-height: 13px;  }

 .left-menu ul li { background: #e6e6e6; padding:15px; list-style:none; color:#797979; font-size:1.2em; font-weight:700; margin:15px 0;     width: 200px }
  .left-menu ul  { padding:15px;  }

.left-menu ul li .ico { width:25px; float:left; color:#76bd22  }

.left-menu ul li .ico img {    width: 20px;margin-top: -5px;}

.left-menu ul li  a { color:#797979 }

.left-menu ul li .txt {  float:left  }

 .ui-173 .ui-content {padding: 0px 0px; color: #fff;}

 .ui-173 .ui-content a.ui-close {
    width: 30px;
    height: 30px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    font-size: 21px;
    float: right;
    background: none;
    color: #fff;
    margin: 6px;
	font-weight:bold;
}


.ui-173 .ui-outer { background:url(../img/menu-bg.png) !important ;  }











.padding-0 			{ padding:0 !important; 	}
.padding-3 			{ padding:3px !important; 	}
.padding-6 			{ padding:6px !important; 	}
.padding-8 			{ padding:8px !important; 	}
.padding-10 			{ padding:10px !important; 	}
.padding-15 			{ padding:15px !important; 	}
.padding-20 			{ padding:20px !important; 	}
.padding-30 			{ padding:30px !important; 	}
.padding-40 			{ padding:40px !important; 	}
.padding-50 			{ padding:50px !important; 	}
.padding-60 			{ padding:60px !important; 	}
.padding-70 			{ padding:70px !important; 	}
.padding-80 			{ padding:80px !important; 	}
.padding-90 			{ padding:90px !important; 	}
.padding-100 		{ padding:100px !important; }

.padding-top-0		{ padding-top:0 !important; }
.padding-top-5		{ padding-top:5 !important; }
.padding-top-10		{ padding-top:10px !important; }
.padding-top-15		{ padding-top:15px !important; }
.padding-top-20		{ padding-top:20px !important; }
.padding-top-30		{ padding-top:30px !important; }
.padding-top-40		{ padding-top:40px !important; }
.padding-top-50		{ padding-top:50px !important; }
.padding-top-60		{ padding-top:60px !important; }
.padding-top-80		{ padding-top:80px !important; }
.padding-top-100	{ padding-top:100px !important; }
.padding-top-130	{ padding-top:130px !important; }
.padding-top-150	{ padding-top:150px !important; }
.padding-top-180	{ padding-top:180px !important; }
.padding-top-200	{ padding-top:200px !important; }

.padding-bottom-0	{ padding-bottom:0 !important; }
.padding-bottom-10	{ padding-bottom:10px !important; }
.padding-bottom-15	{ padding-bottom:15px !important; }
.padding-bottom-20	{ padding-bottom:20px !important; }
.padding-bottom-30	{ padding-bottom:30px !important; }
.padding-bottom-40	{ padding-bottom:40px !important; }
.padding-bottom-50	{ padding-bottom:50px !important; }
.padding-bottom-60	{ padding-bottom:60px !important; }
.padding-bottom-80	{ padding-bottom:80px !important; }
.padding-bottom-100	{ padding-bottom:100px !important; }
.padding-bottom-130	{ padding-bottom:130px !important; }
.padding-bottom-150	{ padding-bottom:150px !important; }
.padding-bottom-180	{ padding-bottom:180px !important; }
.padding-bottom-200	{ padding-bottom:200px !important; }


.margin-top-0		{ margin-top:0 !important; }
.margin-top-1		{ margin-top:1px !important; }
.margin-top-2		{ margin-top:2px !important; }
.margin-top-3		{ margin-top:3px !important; }
.margin-top-6		{ margin-top:6px !important; }
.margin-top-8		{ margin-top:8px !important; }
.margin-top-10		{ margin-top:10px !important; }
.margin-top-20		{ margin-top:20px !important; }
.margin-top-30		{ margin-top:30px !important; }
.margin-top-40		{ margin-top:40px !important; }
.margin-top-50		{ margin-top:50px !important; }
.margin-top-60		{ margin-top:60px !important; }
.margin-top-80		{ margin-top:80px !important; }
.margin-top-100		{ margin-top:100px !important; }
.margin-top-130		{ margin-top:130px !important; }
.margin-top-150		{ margin-top:150px !important; }
.margin-top-180		{ margin-top:180px !important; }
.margin-top-200		{ margin-top:200px !important; }

.margin-bottom-0	{ margin-bottom:0 !important; }
.margin-bottom-1	{ margin-bottom:1px !important; }
.margin-bottom-2	{ margin-bottom:2px !important; }
.margin-bottom-3	{ margin-bottom:3px !important; }
.margin-bottom-6	{ margin-bottom:6px !important; }
.margin-bottom-8	{ margin-bottom:8px !important; }
.margin-bottom-10	{ margin-bottom:10px !important; }
.margin-bottom-20	{ margin-bottom:20px !important; }
.margin-bottom-30	{ margin-bottom:30px !important; }
.margin-bottom-40	{ margin-bottom:40px !important; }
.margin-bottom-50	{ margin-bottom:50px !important; }
.margin-bottom-60	{ margin-bottom:60px !important; }
.margin-bottom-80	{ margin-bottom:80px !important; }
.margin-bottom-100	{ margin-bottom:100px !important; }
.margin-bottom-130	{ margin-bottom:130px !important; }
.margin-bottom-150	{ margin-bottom:150px !important; }
.margin-bottom-180	{ margin-bottom:180px !important; }
.margin-bottom-200	{ margin-bottom:200px !important; }

.margin-left-0		{ margin-left:0 !important; }
.margin-left-3		{ margin-left:3px !important; }
.margin-left-6		{ margin-left:6px !important; }
.margin-left-8		{ margin-left:8px !important; }
.margin-left-10		{ margin-left:10px !important; }
.margin-left-15		{ margin-left:15px !important; }
.margin-left-20		{ margin-left:20px !important; }
.margin-left-30		{ margin-left:30px !important; }
.margin-left-40		{ margin-left:40px !important; }
.margin-left-50		{ margin-left:50px !important; }
.margin-left-60		{ margin-left:60px !important; }
.margin-left-80		{ margin-left:80px !important; }
.margin-left-100	{ margin-left:100px !important; }
.margin-left-130	{ margin-left:130px !important; }
.margin-left-150	{ margin-left:150px !important; }
.margin-left-180	{ margin-left:180px !important; }
.margin-left-200	{ margin-left:200px !important; }
.margin-left-250	{ margin-left:250px !important; }
.margin-left-300	{ margin-left:300px !important; }

.margin-right-0		{ margin-right:0 !important; }
.margin-right-3		{ margin-right:3px !important; }
.margin-right-6		{ margin-right:6px !important; }
.margin-right-8		{ margin-right:8px !important; }
.margin-right-10	{ margin-right:10px !important; }
.margin-right-15	{ margin-right:15px !important; }
.margin-right-20	{ margin-right:20px !important; }
.margin-right-30	{ margin-right:30px !important; }
.margin-right-40	{ margin-right:40px !important; }
.margin-right-50	{ margin-right:50px !important; }
.margin-right-60	{ margin-right:60px !important; }
.margin-right-80	{ margin-right:80px !important; }
.margin-right-100	{ margin-right:100px !important; }
.margin-right-130	{ margin-right:130px !important; }
.margin-right-150	{ margin-right:150px !important; }
.margin-right-180	{ margin-right:180px !important; }
.margin-right-200	{ margin-right:200px !important; }
.margin-right-250	{ margin-right:250px !important; }
.margin-right-300	{ margin-right:300px !important; }

.border-black {border: 1px solid #000 }
.border-dgrey {border: 1px solid #7f7f7f }
.border-grey {border: 1px solid #ccc }
.border-white {border: 1px solid #fff }

.text-300 { font-weight:300 !important;  }
.text-400 { font-weight:400 !important; }
.text-500 { font-weight:500 !important;}
.text-700 { font-weight:700 !important; }
.text-900 { font-weight:900 !important;}

/* wabco login theme */

.login .col-xs-6 {padding: 0; margin: 0}
.login .p-t {padding-top: 50px;}

.login h1 { font-size: 22px; font-weight: 700; color: #fff; }

.login h2 { font-size: 12px; font-weight: 300;  color: #fff;}

.login label, .login a {font-weight: 400; color: #fff;}

.login .btn-primary {
    background-color: #ababab; color: #000; font-weight: 700;
    border-color: #fff; border-radius: 0;     padding: 12px 10px;  box-shadow: inset 0px 0px 50px rgba(0,0,0,0.9);
}

.login .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
    background-color: #ababab;
    border-color: #ffffff;
}
.login input {box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 4px inset; border: 1px solid #444;}

.login .btn-ico {    position: absolute;    right: -15px;    top: -17px;    z-index: 999;    width: 77px;}
.login-title {
	text-align: center;
	background-color: rgba(3,46,107,0.5);
	margin-top: 40px;
	padding: 10px;
}
.icon-relative{
	position: relative;
}

.ibox-glyphicon {
    font-size: 80px;
    padding: 28px;
}

.jqte_tool_label {
    height: 30px !important;
}

.jqte {
    min-height: 400px !important;
    text-transform: none;
}