@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25em;
	background-color: #234b80;
	min-height: 500px;
    overflow-x:hidden !important;
}
html{
    overflow-x:hidden !important;
}

a:hover, a:focus {
	text-decoration: none !important;
}

/*.ibf-tb > tbody > tr > td,
.ibf-tb > tbody > tr > tr > th,
.ibf-tb > thead > tr > td,
.ibf-tb > thead > tr > th{
    min-width: 120px !important;
    word-break: break-word !important;
    white-space:normal !important;
}
.ibf-tb > tbody > tr > td:last-child,
.ibf-tb > tbody > tr > tr > th:last-child,
.ibf-tb > thead > tr > td:last-child,
.ibf-tb > thead > tr > th:last-child{
    min-width: inherit !important;
    word-break:normal !important;
    white-space:nowrap !important;
}*/  


.ibf-tb > tbody > tr > td,
.ibf-tb > tbody > tr > tr > th,
.ibf-tb > thead > tr > td,
.ibf-tb > thead > tr > th{
    white-space:nowrap !important;
}
.ibf-tb > tbody > tr > td:last-child,
.ibf-tb > tbody > tr > tr > th:last-child,
.ibf-tb > thead > tr > td:last-child,
.ibf-tb > thead > tr > th:last-child{
    min-width: inherit !important;
    word-break:normal !important;
    white-space:nowrap !important;
}

    .ibf-tb > tbody > tr > td:nth-child(3),
    .ibf-tb > thead > tr > th:nth-child(3) {
        white-space: normal !important;
        min-width: 145px !important;
    }

.pagetitle {
	font-size: 1.75em;
	margin-bottom: 10px;
}
.important-legend{
    color:red;
}

.breadcrumb {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	list-style: none;
	background-color: transparent !important;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 700;
}

.breadcrumb > li {
	display: inline-block
}

.breadcrumb > li+li:before {
	padding: 0 10px;
	color: #fff;
	content: "\203A" /*"/\00a0"*/;
	font-size: 1.4em;
}

.breadcrumb li  a {
	color: rgba(255,255,255,0.7);
	transition:0.3s linear all;
}
.breadcrumb li  a:hover {
	color: #fff;
}
.breadcrumb > .active {
	color: #fff;
}

/* .btn, .form-control, button, .pagination, .pagination li a {
	border-radius: 0 !important;
} */

.btn-ulssi-blue {
	background-color: #109bdc;
	color: #fff;
	transition:0.3s linear all;
	outline:none;
}
.btn.btn-ulssi-blue:active:focus,
.btn-ulssi-blue:active,
.btn-ulssi-blue:hover,
.btn-ulssi-blue:focus {
	background-color: #0e89c2;
	color:#fff;
	outline:none;
	outline-offset:unset;
	box-shadow: none;
}
.btn-ulssi-blue.btn-create{
	margin-bottom:-1px;
}

.btn-ulssi-orange {
	background-color: #ebac77;
	color: #fff;
	transition:linear all 0.3s;
	/*text-transform: uppercase;*/
}
.btn.btn-ulssi-orange:active:focus,
.btn-ulssi-orange:active,
.btn-ulssi-orange:hover,
.btn-ulssi-orange:focus {
	color: #fff;
	background-color: #d79a67;
	outline:none;
	outline-offset:unset;
	box-shadow: none;
}

.btn-ulssi-lightblue {
	background-color: #e5ecf2;
	border-color: #00396a;
	color: #00396a;
	font-size: 12px;
	line-height: 1.7;
	/*text-transform: uppercase;*/
}

.btn-ulssi-blue.btn-sm, .btn-ulssi-orange.btn-sm, .btn-ulssi-lightblue.btn-sm {
	line-height: 1.5;	
}

#container-collapse.zindex {
	z-index: 1050;
}

.btn-create[aria-expanded="true"]{
  background-color: #ebac77;
  color: #fff;
  padding-bottom: 16px;
  position: relative;
  z-index: 1055;
  border-radius:4px 4px 0px 0px;
}

.boxlist-techspec, .boxlist-sharedtechdoc {
	background-color: #e9e9e9;
	border: 1px solid #013f6f;
	padding: 10px;
	margin-bottom: 15px;
	text-align: center;
}

.boxlist-techspec img, .boxlist-sharedtechdoc img {
	margin: auto;
	display: block;
	margin-bottom: 5px;
}

.boxlist-sharedtechdoc:before {
	content: url('../images/icon-generic-folder.png');
	display: block;
	margin-bottom: 5px;
}

.table {
	background-color: #fff;
}

.table > thead > tr > th {
	background-color: #f3be7e;
    color: #ffffff;
    vertical-align: bottom;
    border-bottom: none;
}

.container-create .table > thead > tr > th {
	background-color: #013f6f;
	color: #fff;
	font-weight: 400;
}

.container-create {
	background-color: #f6f6f6;
	padding: 15px;
	border-radius: 4px 0px 0px;
}

.container-create .headline {
	font-weight: 700;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 10px;
	margin:-15px;
	margin-bottom:15px;
	background-color:#ebac77;
	color:#fff;
	border-radius: 4px 0px 0px 0px;
}

.container-create label {
	font-weight: 400 !important;
}

.required:after {
	color: red;
	content: " *";
}

.container-actions a {
	padding-left: 5px;
	padding-right: 5px;
}

.container-actions a:first-child {
	padding-left: 0px;
}

.container-actions a:last-child {
	padding-right: 0px;
}
.has-feedback {
    position: relative;
}
.has-feedback .form-control {
    padding-right: 30px;
}
.has-feedback .form-control[disabled],
.has-feedback .form-control[readonly],
fieldset[disabled].has-feedback  .form-control,
fieldset[disabled] .has-feedback .form-control,
.has-feedback .form-control.disabled,
.has-feedback .form-control.readonly,
fieldset.disabled.has-feedback  .form-control,
fieldset.disabled .has-feedback .form-control  {
    background-color: #fff;
    opacity: 1;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 1px;
    z-index: 2;
    display: block;
	font-size: 21px;
    color: #9e9e9e;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.form-inline .form-control{
	margin-bottom:3px;
}
.form-inline .btn{
	margin-bottom:3px;
}
.form-inline .btn[aria-expanded="true"]{
	margin-bottom:0px;
}
.btn{
	font-size:13px;
	border:0px;
	padding:7px 13px;
}
/* .form-horizontal .control-label{
	text-align:left;
} */
.datepicker table tr td.active{
	background-color: #286090;
	border-color: #204d74;
	background-image: none;
}
.form-control{
	font-size:13.5px;
}
.form-control:active,
.form-control:focus{
	box-shadow: none;
}
.has-feedback[hidden],
.form-control[hidden]{
	display:none;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{
	vertical-align:middle;
}
.mainnav-label .dropdown-menu{
	background-color: #119bdc;
	transition:all 0.3s linear;
}
.nav-pills>li>a {
    background-color: #ebac77;
	border-radius: 6px 6px 0px 0px;
	color:#fff;
	opacity: 0.4;
	transition:all linear 0.3s;
}
.nav.nav-pills>li>a:hover{
	background-color: #f8c192;
	color:#fff;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
	background-color: #f3be7e;
	border-radius: 6px 6px 0px 0px;
	opacity: 1;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: #ebac77;
	transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) all;
}
.navbar-default .navbar-toggle {
    border:0px;
}
.navbar-toggle .fa{
	color:#fff;
	font-size:25px;
}
.ic-circle{
	margin:30px 0px;
}
.ic-circle a{
	background-color:#a5c5ee;
	border:8px solid #109bdc;
	border-radius:100%;
	display:block;
	width:200px;
	height:200px;
	padding:35px;
}
.ic-circle.demand a{
	padding:32px;
}
.ic-circle.demand img{
	width:120px;
}
.ic-circle img{
	width:111px;
}
.ic-circle p{
	margin-top:15px;
	font-weight:600;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	width:180px;
	margin-bottom:0px;
}
.ic-action{
	margin:0px;
	line-height:0px;
    font-size: 26px;
	height: 26px;
	padding:0px 15px;
}
.ic-action[aria-expanded="true"]{
	padding: 0px 15px 7px 15px;
	background-color: #e5ecf2;
}
.ic-icon{
	font-size:21px;
}
.ic-icon:focus,
.ic-icon:active{
	outline:0px;
}
.ic-icon.disabled,
.ic-icon[disabled]{
	color:#9c9c9c;
	cursor: not-allowed;
	pointer-events: none;
}
.btn-ulssi-orange[disabled],
.btn-ulssi-orange.disabled,
.btn-ulssi-blue[disabled],
.btn-ulssi-blue.disabled{
	background-color:#9c9c9c;
	opacity: 1;
}
.tb-last-right > thead >tr > th:last-child,
.tb-last-right > tbody > tr > td:last-child{
	text-align:right;
}
.tb-last-center > thead >tr > th:last-child{
	text-align:center;
}
.action-container{
	width:100%;
}
.text-right,
.text-md-right{
	text-align:right;
}
.text-left{
	text-align:left !important;
}
.actions-icon{
	padding-left:0px;
	text-align: right;
}
.actions-icon li{
	list-style-type:none;
}
.actions-icon li a{
	font-size: 23px;
    color: #9c9c9c;
	transition: all 0.3s linear;
}
.actions-icon li a:hover,
.actions-icon li a.active{
	color:#109bdc;
}
.collapse-container{
	background-color:#e5ecf2;
	padding:0px 15px;
	margin-right:8px;
}
.audittrail-table{
	text-align:left !important;
	position:relative;
	min-width:100%;
	margin-bottom:0px;
}
.audittrail-table > thead > tr > th{
	background-color:#87c6e4;
	color:#464646;
}
.audittrail-table > tbody > tr > td{
	background-color:#e5ecf2;
}
.audittrail-table > tbody > tr > td:last-child{
	text-align:right;
}
.comment-content{
	max-height:90px;
	overflow-y:auto;
	padding:4px 8px;
	background:#fff;
	text-align:left;
	margin-right:8px;
	word-break: normal;
	max-width:100%;
	white-space:normal;
}
.comment-btn[aria-expanded="true"]{
	background-color:#fff;
	padding:4px 6px 10px 6px;
	color:#ababab;
}

.left-at{
	background-color: #fff;
	height: 202px;
	min-height: 0px;
}
.action-tr > td,
.comment-tr > td{
	padding:0px !important;
	border-top:0px !important;
}
.at-wrapper{
	height:202px;
	overflow-y:auto;
	min-width:100%;
	margin-right:-15px;
	margin-left:-15px;
	padding:2px;
}
.comment-content::-webkit-scrollbar,
.at-wrapper::-webkit-scrollbar {
    width: 5px;
    height:5px;
}
.comment-content::-webkit-scrollbar-track,
.at-wrapper::-webkit-scrollbar-track {
	background-color:#e5ecf2;
	border-radius:2px;
}
.comment-content::-webkit-scrollbar-thumb,
.at-wrapper::-webkit-scrollbar-thumb {
	background-color: #e6e6e6;
	outline: 1px solid slategrey;
	border-radius:2px;
}

.container-create .table.entry-table{
	margin-left:0px;
	min-width:100%;
	white-space:nowrap;
	margin-bottom:0px;
}
.container-create .table.entry-table > thead > tr > th{
	background-color:#e0f0f8;
	font-weight: 600;
	color:#4b4d4d;
}
.container-create .table.entry-table > thead > tr:nth-child(2) > th{
	background-color:#fff;
}
.container-create .table.entry-table > thead > tr > th .form-control{
	font-weight: 500;
	min-width:115px
}
.container-create .table.entry-table > thead > tr > th:last-child{
	padding:0px;
	text-align:center;
}
.container-create .table.entry-table > thead > tr > th:last-child .btn{
	font-size:13px;
}
.container-create .table.entry-table > tbody > tr > td:nth-child(2){
	white-space: normal;
}
.container-create .table.entry-table > tfoot > tr > td:last-child,
.container-create .table.entry-table > tfoot > tr > td:first-child{
	background-color: #f6f6f6;
}
.note-btn{
	vertical-align: bottom;
	display: table-cell;
	height:70px;
}
.nowrap{
	white-space:nowrap;
}
.normal-wrap{
	white-space:normal;
}
.tb-anchor.inline{
	display:inline-block;
}
.tb-anchor{
	font-size:18px;
	text-align:center;
	display:block;
}
.tb-anchor[hidden]{
	display:none;
}
.div-width{
	width:130px;
}
.tb-wrapper{
	overflow-x:auto;
}
.tb-wrapper::-webkit-scrollbar {
    width: 8px;
    height:8px;
}
.tb-wrapper::-webkit-scrollbar-track {
	background-color:#e5ecf2;
	border-radius:2px;
}
.tb-wrapper::-webkit-scrollbar-thumb {
	background-color: #cdcdcd;
	outline: 1px solid slategrey;
	border-radius:2px;
}

.table.freshness-table{
	white-space: nowrap;
	margin-bottom: 0px;
}
.table.freshness-table > thead > tr:last-child > th{
	font-weight: normal;
	border:0px;
	vertical-align:top;
	padding-top:0px;
}
.table.freshness-table > tfoot > tr > td{
	background-color: #faeadd;
}
.table.freshness-table > thead > tr:first-child > th:nth-child(1),
.table.freshness-table > thead > tr:first-child > th:nth-child(2),
.table.freshness-table > thead > tr:first-child > th:nth-child(3){
	background-color: #dfa371;
}
.table.freshness-table > tbody > tr > td{
	text-align: right;
}
.table.freshness-table > tbody > tr > td:nth-child(1),
.table.freshness-table > tbody > tr > td:nth-child(2),
.table.freshness-table > tbody > tr > td:nth-child(3){
	background-color: #f2f2f2;
	text-align:left;
}
.table.freshness-table > tfoot > tr > td:nth-child(1){
	background-color: #edded2;
}
.table.freshness-table > thead > tr > th{
	vertical-align:top;
	padding-left:15px;
	padding-right:15px;
}
.table.freshness-table > tfoot > tr > td,
.table.freshness-table > tbody > tr > td{
	padding-left:15px;
	padding-right:15px;
}
.table.freshness-table > tfoot > tr > td{
	text-align:right;
}
.table.freshness-table > tfoot > tr > td:first-child{
	text-align:left;
}
.dataTables_scrollBody::-webkit-scrollbar,
.table-scroll::-webkit-scrollbar {
    width: 10px;
    height:10px;
}
.dataTables_scrollBody::-webkit-scrollbar-track,
.table-scroll::-webkit-scrollbar-track {
	background-color:rgba(236,236,236, 0.12);
	border-radius:0px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb,
.table-scroll::-webkit-scrollbar-thumb {
	background-color: #cdcdcd;
	outline: 1px solid slategrey;
	border-radius:30px;
}
tr.dark > td,
td.dark{
	background-color: #f2f2f2;
}
.table > thead > tr > th.dark{
	background: #dfa371;
}
.nested-table table{
	min-width:100%;
}
.nested-table table > tbody > tr > td{
	padding:4px 0px
}
.active-month{
	box-shadow: inset 0px -5px 0px 0px #119bdc;
}
.red{
	color: red;
}
.green{
	color: green;
}
.table > tbody > tr > td.vertical-top,
.table > tbody > tr > th.vertical-top,
.table > tfoot > tr > td.vertical-top,
.table > tfoot > tr > th.vertical-top,
.table > thead > tr > td.vertical-top,
.table > thead > tr > th.vertical-top{
	vertical-align: top;
}
.table.ibf-tb > tbody > tr > td,
.table.ibf-tb > thead > tr > th{
	white-space:nowrap;
}
.table.ibf-tb > tbody > tr > td,
.table.ibf-tb > tbody > tr > th,
.table.ibf-tb > tfoot > tr > td,
.table.ibf-tb > tfoot > tr > th,
.table.ibf-tb > thead > tr > td,
.table.ibf-tb > thead > tr > th{
	padding:8px 9.3px;
}
.ibf-container.collapse-container{
	margin-right:10px;
}
.cust-adjust-10{
	float: right;
	width: 79%;
}

/* tab with 2 tables */
.navpill-wrapper{
	background-color:#fff;
	margin-bottom:15px;
}
.navpill-wrapper .table{
	min-width:100%;
}
.navpill-wrapper .pagination{
	margin-right:30px;
}
.pill-right table.table,
.pill-left table.table{
	margin-bottom:0px;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
	background-color:#109bdc;
	border-color:#109bdc;
}
.pagination>li>a,
.pagination>li>span{
	color:#4b4d4d;
}
.pill-left .table>tbody>tr:last-child>td,
.pill-left .table>tbody>tr:last-child>th,
.pill-right .table>tbody>tr:last-child>td,
.pill-right .table>tbody>tr:last-child>th{
	border-bottom:1px solid #dddddd;
}
table.dataTable.no-footer{
	border:0px;
}
.navbar-fixed-bottom,
.navbar-fixed-top{
	position:fixed !important;
	padding-left:15px;
	padding-right:15px;
}

.table-with-btn.table>tbody>tr>td,
.table-with-btn.table>tbody>tr>th{
	padding:3px 8px;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	cursor: pointer;
	margin-top:-31px;
	float:right;
	margin-right: 3px;
	position: relative;
	z-index: 1;
}
.form-file{
	padding-right:90px;
}
.form-file[disabled]{
	background-color:#fff;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.modal-content .form-control{
	box-shadow:none;
}
.modal-content{
	background-color:#f6f6f6;
}
.modal-header{
	border-bottom:0px;
	padding:10px 15px;
}
.modal-title{
	font-weight:800;
	text-transform: uppercase;
}
.modal-header .close {
	margin-top: -22px;
	outline:0px;
}
.cust-modal{
	width:620px;
}
aside {
    width: 220px;
}
aside {
	display: block;
    background: #244f87;
	background-image: url(../images/asideBg.png);
	background-size: cover;
	background-repeat: no-repeat;
    min-height: 100%;
}
#main {
    margin-left: 220px;
    padding: 0;
    padding-bottom: 52px;
    min-height: 500px;
    position: relative;
}
#left-panel {
    -webkit-transition: 550ms cubic-bezier(0.1,.57,.1,1);
    transition: 550ms cubic-bezier(0.1,.57,.1,1);
    -webkit-transform: translate(0px,0) translateZ(0px);
}
#left-panel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding-top: 100px;
}
.navbar.left-bar{
	background-color:transparent;
	float: none;
}
.navbar.left-bar > ul,
.navbar.left-bar > ul > li{
	float:none;
	display:block;
}
.navbar.left-bar > ul > li a{
	display:block;

}
.navbar.left-bar {
    position: relative;
    min-height: inherit !important;
    height: inherit !important;
    margin-bottom: 0px;
    border: 0px solid transparent !important;
    border-radius: 0;
    z-index: 1000;
}
.subnav-label .dropdown-menu {
    position: relative; 
    top: inherit;
    left: inherit;
    float: none;
    min-width: inherit;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #27548f;
	border: 0px;
	box-shadow: none;

}
.subnav-label .dropdown-menu li{
	border:0px;
	position:relative;
}
.subnav-label a{
	color: #fff;
	font-size:12px;
	text-transform: uppercase;
	font-weight: 600;
	padding-left:5px !important;
	padding-right:5px !important;
}
.subnav-label.dropdown.open> ul > li > a{
	padding-left:35px !important;
} 
.subnav-label .fa{
	font-size:18px;
}
.subnav-label > ul > li > a:hover{
	color:rgba(255,255,255,0.6);
	transition:linear all 0.3s;
}
.navbar.left-bar>ul>li>ul::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 23px;
    top: 0;
    bottom: 0;
	border-left: 1px solid rgba(255,255,255,0.1);
}
.navbar.left-bar>ul ul li::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    left: 23px;
    top: 16px;
    border-top: 1px solid rgba(255,255,255,0.1);
    z-index: 1;
}
.navbar.left-bar>ul>li:hover>ul::before, 
.navbar.left-bar>ul>li:hover>ul>li::before {
    border-color: rgba(255,255,255,0.2)!important;
}
.subnav-label.active{
	background-color:rgba(255,255,255,0.15);
}

.form-horizontal .checkbox{
	padding-top:0px;
}
.checkbox+.checkbox,
.radio+.radio {
    margin-top: 0
}
.checkbox,{
    position: relative;
    display: block;
    font-weight: 400
}
.checkbox,
.radio {
    margin-bottom: 4px;
    padding-left: 25px;
    line-height: 25px;
    color: #404040;
    cursor: pointer;
    font-size: 13px
}
.checkbox:last-child,
.radio:last-child {
    margin-bottom: 0
}
.checkbox input,
.radio input {
    position: absolute;
    left: -9999px
}
table > tbody tr td .checkbox input, 
table > tbody tr td .radio input{
	position: inherit !important;
}
table > tbody tr td .checkbox{
	margin-top:3px;
}
.checkbox i,
.radio i {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background: #FFF;
	border-radius:2px;
}
.checkbox input+i:after,
.radio input+i:after {
    position: absolute;
    opacity: 0;
    transition: opacity .1s;
    -o-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -webkit-transition: opacity .1s
}
.checkbox input+i:after {
    content: "\f00c";
    top: -2px;
    left: 0px;
    width: 15px;
    height: 15px;
    font: 400 14px/19px FontAwesome;
    text-align: center;
	transition: linear 0.3s all;
}
.checkbox input:checked:disabled:hover+i:after {
    content: "\f00c";
	transition: linear 0.3s all;
}
.checkbox input:checked+i:after,
.radio input:checked+i:after {
    opacity: 1
}
.checkbox i{
    border-color: #BDBDBD;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s
}
.checkbox:hover i,
.radio:hover i,{
    border-color: #5D98CC
}
.checkbox:hover i,
.radio:hover i {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}
.checkbox:active i,
.radio:active i {
    background: #F0F0F0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}
.checkbox input:focus+i,
.radio input:focus+i, {
    border-color: #3276B1
}
.checkbox input+i:after {
    color: #3276B1
}
.checkbox input:checked+i,
.radio input:checked+i {
    border-color: #3276B1
}

.checkbox input:checked:disabled+i,
.radio input:checked:disabled+i {
    border-color: #bdbdbd;
}
.checkbox input:disabled+i:after {
    color: #bdbdbd
}
label.checkbox{
	display: inline-block;
	font-weight:normal;
}
.no-right{
	right:0px !important;
}
.datepicker table tr td.new,
.datepicker table tr td.old,
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    color: #c7c6c6;
}
.date-label{
	text-transform: uppercase;
	margin-bottom:15px;
}
.announcement-wrapper{
	background-color: #fff;
	border-radius:4px;
	min-width:100%;
	min-height:500px;
	overflow-x:hidden;
	position:relative;
}
.inside-announcement{
	padding:20px;
	position:relative;
	z-index:2;
}
.announce-bg{
	position:absolute;
	bottom:0px;
	min-width: 100%;
	min-height:100%;
	z-index:1;
}
.announce-content{
	border-radius:4px;
	background-color: #fff;
	border:1px solid #ececec;
	padding:5px;
}
.announce-content .col-md-1{
	padding-right:0px;
}
.announce-title{
	font-weight:700;
	text-transform: uppercase;
	color: #119bdc;
	margin-bottom:3px;
	margin-top:3px;
}
.announce-desc{
	color: #242525;
    line-height: 20px;
	font-weight: 500; 	
	margin-bottom:3px;
}
.date-circle p{
	margin:0px;
	font-size:26px;
	color: #fff;
	font-weight:300;
}
.date-circle{
	margin-top:5px;
    background-color: #119bdc;
    padding: 10px;
    border-radius: 100%;
    text-align: center;
    width: 55px;
    height: 55px;
}
.red-txt{
	color: #ee5351;
}
.red-box{
	border-color:#ee5351 !important;
}
.tooltip-inner{
	background-color:#fff;
	border:1px solid #ee5351;
	color:#ee5351;
	font-size:11px;
	border-radius:3px;
}
.tooltip.top .tooltip-arrow{
	border-top-color:#ee5351;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
	border-bottom:0px;
}

.black{
	color: #4b4d4d !important;
}
.select-panel{
	height: 250px !important;
	border: 1px solid #dedede;
}
.select-btn-wrapper{
	height:302px;
	display: table;
}
.select-btn{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}
.permission-panel{
	width: 350px;
	overflow-y: scroll;
	background-color: white;
	padding: 15px;
	height: 250px;
	border:1px solid #dedede;
	border-radius:4px;
}
.vertical-wrapper{
	display: table;
}
.vertical-child{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}
.yellow-circle{
    width: 12px;
    height: 12px;
    background-color: #ef4b25;
    position: absolute;
    border-radius: 100px;
    top: 2px;
    right: 21px;
}
.yellow-circle img{
	width:100%;
	height:100%;
	padding:2px;
}
.todo-li .yellow-circle{
	padding:8px;
	width: 0px;
    height: 0px;
}
.todo-right-table thead tr td,
.todo-right-table thead tr th{
	background-color:#23a8e6;
}
li.mainnav-label.todo-li a, li.mainnav-label.todo-li a:visited, li.mainnav-label.todo-li.active a {
    padding: 8px 30px 3px 10px;
    font-size: 18px;
}
.container-actions a.ic-approve{
	background-color:#337ab7;
	color:#fff;
	border-radius:100%;
	padding: 0px 6px 0px 5px;
    height: 20px;
    width: 20px;
	display: inline-flex;
	margin-left:15px;
}
/*.ic-approve:before{
	content: "";
	border-left:1px solid rgba(0,0,0,0.2);
	position:absolute;
    height: 22px;
    margin-left: -15px;
}*/
.ic-approve:hover{
	background-color:#234b80;
}
.ic-approve > span{
	position:relative;
}
.ic-approve > span:before{

	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
	transition: .2s;
    top: 0px;
    left: -4px;
    width: 8px;
    height: 13px;
    border-top: 2.3px solid transparent;
    border-left: 2.3px solid transparent;
    border-right: 2.3px solid #fff;
    border-bottom: 2.3px solid #fff;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	

}
.ic-approve .fa{
	font-size:24px;
}
.ic-icon.ic-approve.disabled, .ic-icon.ic-approve[disabled] {
    color: #9c9c9c;
    cursor: not-allowed;
	pointer-events: none;
	background-color:#dedede;
	
}



/* @media (min-width: 768px) {
	.container-create .control-label {
    	text-align: left !important;
	}
} */

@media (min-width: 991px) {
	.container-create .table {
		margin-left: calc(4.166666665% - 13px);
		width: calc(95.833333335% + 13px);
	}
}

/* ----------------------------- SHADOW -------------------------------------------*/
.z-depth-0 {
	-webkit-box-shadow: none !important;
			box-shadow: none !important;
  }
.z-depth-1 {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
			box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.z-depth-1-half{
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
			box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
.z-depth-2 {
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
			box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
.z-depth-3 {
	-webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.08), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
			box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.08), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
  .z-depth-4 {
	-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.08), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
			box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.08), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}
.z-depth-5 {
	-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.08), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
			box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.08), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
  
.hoverable {
	-webkit-transition: -webkit-box-shadow .25s;
	transition: -webkit-box-shadow .25s;
	transition: box-shadow .25s;
	transition: box-shadow .25s, -webkit-box-shadow .25s;
}
  
  .hoverable:hover {
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  .divider {
	height: 1px;
	overflow: hidden;
	background-color: #e0e0e0;
  }

/* ----------------------------- START GENERIC STYLES -------------------------------------------*/

.uppercase {
	text-transform: uppercase;
}

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

.p-5 {
	padding: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.p-30 {
	padding: 30px !important;
}

.p-0-t {
	padding-top: 0px !important;
}

.p-5-t {
	padding-top: 5px !important;
}

.p-10-t {
	padding-top: 10px !important;
}

.p-15-t {
	padding-top: 15px !important;
}

.p-20-t {
	padding-top: 20px !important;
}

.p-25-t {
	padding-top: 25px !important;
}

.p-30-t {
	padding-top: 30px !important;
}

.p-0-l {
	padding-left: 0px !important;
}

.p-5-l {
	padding-left: 5px !important;
}

.p-10-l {
	padding-left: 10px !important;
}

.p-15-l {
	padding-left: 15px !important;
}

.p-20-l {
	padding-left: 20px !important;
}

.p-25-l {
	padding-left: 25px !important;
}

.p-30-l {
	padding-left: 30px !important;
}

.p-35-l {
	padding-left: 35px !important;
}

.p-0-r {
	padding-right: 0px !important;
}

.p-5-r {
	padding-right: 5px !important;
}

.p-10-r {
	padding-right: 10px !important;
}

.p-15-r {
	padding-right: 15px !important;
}

.p-20-r {
	padding-right: 20px !important;
}

.p-25-r {
	padding-right: 25px !important;
}

.p-30-r {
	padding-right: 30px !important;
}

.p-0-b {
	padding-bottom: 0px !important;
}

.p-5-b {
	padding-bottom: 5px !important;
}

.p-10-b {
	padding-bottom: 10px !important;
}

.p-15-b {
	padding-bottom: 15px !important;
}

.p-20-b {
	padding-bottom: 20px !important;
}

.p-25-b {
	padding-bottom: 25px !important;
}

.p-30-b {
	padding-bottom: 30px !important;
}

.m-0 {
	margin: 0 !important;
}

.m-0-t {
	margin-top: 0 !important;
}
.m-3-t {
	margin-top: 3px !important;
}
.m-5-t {
	margin-top: 5px !important;
}

.m-10-t {
	margin-top: 10px !important;
}

.m-15-t {
	margin-top: 15px !important;
}

.m-20-t {
	margin-top: 20px !important;
}

.m-25-t {
	margin-top: 25px !important;
}

.m-30-t {
	margin-top: 30px !important;
}

.m-35-t {
	margin-top: 35px !important;
}

.m-0-l {
	margin-left: 0 !important;
}

.m-3-l {
	margin-left: 3px !important;
}
.m-5-l {
	margin-left: 5px !important;
}

.m-10-l {
	margin-left: 10px !important;
}

.m-15-l {
	margin-left: 15px !important;
}

.m-20-l {
	margin-left: 20px !important;
}

.m-25-l {
	margin-left: 25px !important;
}

.m-30-l {
	margin-left: 30px !important;
}

.m-0-r {
	margin-right: 0 !important;
}

.m-3-r {
	margin-right: 3px !important;
}
.m-5-r {
	margin-right: 5px !important;
}

.m-10-r {
	margin-right: 10px !important;
}

.m-15-r {
	margin-right: 15px !important;
}

.m-20-r {
	margin-right: 20px !important;
}

.m-25-r {
	margin-right: 25px !important;
}

.m-30-r {
	margin-right: 30px !important;
}

.m-0-b {
	margin-bottom: 0 !important;
}

.m-3-b {
	margin-bottom: 3px !important;
}
.m-5-b {
	margin-bottom: 5px !important;
}

.m-10-b {
	margin-bottom: 10px !important;
}

.m-15-b {
	margin-bottom: 15px !important;
}

.m-20-b {
	margin-bottom: 20px !important;
}

.m-25-b {
	margin-bottom: 25px !important;
}

.m-30-b {
	margin-bottom: 30px !important;
}

/* ----------------------------- END GENERIC STYLES -------------------------------------------*/
@media (min-width:540px) and (max-width:768px){
	.text-md-right{
		text-align:left;
	}
	.left-at{
		background-color: #fff;
		height: 0px;
		min-height: 0px;
	}
}
@media (max-width:768px){
	.left-at{
		background-color: #fff;
		height: 0.1px;
		min-height: 0px;
	}
	.at-wrapper{
		margin-right:0px;
		margin-left: 0px;
	}
	.table-responsive{
		border:0px;
	}
	.ibf-container{
		max-width:768px;
	}
	.navbar-fixed-bottom,
	.navbar-fixed-top{
		padding-left:0px;
		padding-right:0px;
	}
	.fixed-link{
		position:fixed !important;
		top:0;
		margin-top:4px !important;
	}
	.form-inline .form-control{
		margin-bottom:15px;
	}
	.announce-content .col-md-1{
		padding-right:15px;
	}
	.navbar-nav{
		margin:0px;
	}
	#left-panel {
		padding-top: 158px;
	}
	.subnav-label.open .dropdown-menu {
		background-color: #27548f;
		position:relative
	}
	.select-btn-wrapper{
		height: 0px;
		transform: rotate(90deg);
		width: 67px;
		margin-left:40%;
	}
	.yellow-circle{
		right: calc(47.5% - 12px);
	}
}
@media (max-width:990px){
	.cust-adjust-10{
		float: left;
		width: 100%;
	}
	.note-btn{
		height: 40px;
	}
	.navpill-wrapper .col-md-6:first-child{
		border-right: 0px;
	}
	.navpill-wrapper .col-md-6:last-child{
		border-left: 0px;
	}
	.announce-title{
		text-align:center;
		margin-top:15px;
	}
	.announce-desc{
		text-align: center;
	}
}
@media (max-width:620px){
	.cust-modal {
		width: 100%;
	}
	#left-panel {
		padding-top: 0px;
		position:relative;
		top:inherit;
		left:inherit;
		min-width:100%;
		padding-bottom:15px;
	}
	#left-panel > .navbar > ul.navbar-nav > li > a{
		padding-left:16px !important;
	}
	#main {
		margin-left: 0px;
		padding: 0;
		padding-bottom: 52px;
		min-height: 50px;
		position: relative;
	}

}