@import url('font-awesome-4.7.0/css/font-awesome.min.css');
@import url('bootstrap-multiselect.css');
@import url('css/base.css');

/* override bootstrap body */
body { overflow-x: hidden; font-family: 'frutiger_lt_pro', Arial, sans-serif; font-size:16px; color:#000000; line-height: 23px; }

/* LOGIN PAGE
========================================== */

/* Custom logo-page header */
.logo-page-header
{
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #cecccb;
    -webkit-box-shadow: 1px 1px 2px rgba(105, 104, 104, 0.5); /* WebKit */
       -moz-box-shadow: 1px 1px 2px rgba(105, 104, 104, 0.5); /* Firefox */
            box-shadow: 1px 1px 2px rgba(105, 104, 104, 0.5); /* Standard */
}

/* Custom logo */
.logo { position: relative; right: 0px; float: right; }

/* Custom brand-name */
.brand-name { position: relative; float: left; top: 18px; line-height: 40px; left: -40px; }
.brand-name ul { list-style: none; }
.brand-name ul li { font-weight:bold; text-decoration: none; }
.brand-name ul li a { color:#AB1032; text-decoration: none; outline: 0px none; }
.brand-name ul li a:hover { text-decoration: none; }

/* Custom page-content */
.page-content { padding-top: 40px; padding-bottom: 35px; }

/* Custom login-section */
.login-section
{
    width:300px;
    margin: 60px auto 0px;
}
.login-section p { margin-top: 30px; font-size: 13px; line-height: 18px; }
.login-section a { color:#AB1032; }

/* Custom login-wrapper */
.login-wrapper { padding:13px; background-color:#D6D6D7; font-size: 13px; line-height: 15px; }
.login-wrapper label { font-weight: normal; font-style: normal; margin-bottom: 0px; }
.login-wrapper input
{
    width: 275px;
    margin-bottom: 5px;
    border-width:1px;
    border-color:#ADADAE;
    border-style:solid;
}
.login-wrapper input#submit
{
	color:#FFFFFF;
	font-weight: bold;
	text-align:center;
	display:block;
	width:47px;
	height:22px;
	border-width:0px;
	margin-top:5px;
	margin-bottom:0px;
	padding: 1px 5px 2px;
	background-color:#AB1032;
	cursor:pointer;
}

/* END Login Page
======================================== */

/* Custom page-footer */
.page-footer
{
    position: relative;
    overflow: hidden;
    border-top: 1px solid #cecccb;
    -webkit-box-shadow: 2px 0px 0px rgba(105, 104, 104, 0.5); /* WebKit */
       -moz-box-shadow: 2px 0px 0px rgba(105, 104, 104, 0.5); /* Firefox */
            box-shadow: 2px 0px 0px rgba(105, 104, 104, 0.5); /* Standard */
 }
.footer-section
{
    color:#98989A;
    font-size: 14px;
}

/* Custom content-block */
.content-block { padding:25px 0; margin: 0 auto; background: #FAF8F7; }
.content-block h1 { font-size: 30px; line-height: 40px; font-weight: bold; }
.background-content-block { background: #FAF8F7; }

.ff-btn
{
    color:#FFFFFF;
    font-size:13px;
    font-weight: bold;
    height:32px;
    border-width:0px;
	margin-top:5px;
	margin-bottom:0px;
	padding: 1px 8px 2px;
	background-color:#AB1032;
	cursor:pointer;
}

/* Custom error */
.error 
{
    display: inline-block;
    font-size:18px;
    line-height:15px;
    color:#e60004;
    margin-top:0px;
    margin-bottom:10px;
    text-transform: none;
    text-decoration: none;
}
.txt-detail
{
    height:10em;
    min-height:10em;
}

/* Custom header
=============================== */
.top-bar
{
    min-height: 40px;
    padding: 9px;
    margin-bottom: 70px;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    background-color:#AB1032;
    position:fixed;
    top:0;
    width:100%;
    z-index:1040;
}
.top-bar .title
{
    color:White;
    font-weight:bold;
    display:inline;
    font-size:1.2em;
}
.top-bar .right
{
    float:right;
    margin-top:-0.4em;
    margin-right:.5em;
}

.vertical-middle-text { top: 2px; }
@media screen and (min-width: 768px)
{
    .col-margin-left-7px { margin-left: 7px; }
    .col-margin-left-10px { margin-left: 10px; }
    .col-top-3 { margin-top: 3px; }
    .col-top-6 { margin-top: 6px; }
    .col-right-15 { margin-right: 15px; }
}

/*Override bootstrap button style*/
.btn-default { border:  1px solid #d3d2d2; color:#757575; background-color:White; }
.btn-default:hover { color: #ab1032; /*border-color: #ab1032;*/ }

.btn-primary { border: 1px solid #AB1032; background-color: #AB1032; color: #FFF; font-weight: bold; }
.btn-primary:focus { border-color: #AB1032; color: #FFF; background-color: #AB1032; }
.btn-primary:hover { border-color: #AB1032; color: #FFF; background-color: #AB1032; }
.btn-primary:active { border-color: #AB1032; color: #FFF; background-color: #AB1032; }
.btn-primary:active:hover { border-color: #AB1032; color: #FFF; background-color: #AB1032; }

.btn.btn-save { border-color: #ab1032; background: #ab1032; color: white; width: 70px;}
.btn.btn-save:hover, .btn-save:focus { color: gray; }
/*.btn-primary { border: 1px solid #d3d2d2; background-color: #FFF; color: #757575; font-weight: bold; }
.btn-primary:focus { border-color: #AB1032; color: #AB1032; background-color: #FFF; }
.btn-primary:hover { border-color: #AB1032; color: #AB1032; background-color: #FFF; }
.btn-primary:active { border-color: #AB1032; color: #AB1032; background-color: #FFF; }
.btn-primary:active:hover { border-color: #AB1032; color: #AB1032; background-color: #FFF; }*/

/*Override notification style*/
.notification
{
    border-radius:4px;
    padding:1em;
}
.notification.danger
{
    border:1px solid #a94442;
    background-color: #f2dede;
}
.notification.success
{
    border:1px solid #d6e9c6;
    background-color:#00b050;
}
.clear-padding
{
    padding:0;
}
.required
{
    color:#ab1032;
}

/* override bootstrap table style */
.table-striped { border: 0; }
.table-striped > tbody > tr > th { border: 0; border-bottom: 2px solid #d0d0d0; background-color: transparent; }
.table-striped > tbody > tr > td { border-left: 0; border-right: 0; border-bottom: 0; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: transparent; }
.table-striped > tbody > tr:nth-of-type(2n) { background-color: #f9f9f9; }

.table-hover { border: 0; }
.table-hover > tbody > tr > th { border: 0; border-bottom: 2px solid #d0d0d0; background-color: transparent; font-size:14px; }
.table-hover > tbody > tr > td { border-left: 0; border-right: 0; border-bottom: 0; font-size:14px; }
.table-hover > tbody > tr:first-child:hover { background-color: transparent; }
.table-hover > tbody > tr > td:hover { cursor: pointer; }
.table-hover > tbody > tr:nth-of-type(odd) { background-color: #f5f5f5;}
.table-hover.table-noheader > tbody > tr:first-child:hover,.table-hover.table-allow-firstrow-hover > tbody > tr:first-child:hover { background-color:#f5f5f5; }
.table-hover.table-noheader > tbody > tr:first-child > td { border-top:none;}

.table-bordered { border: 1px; margin-top: 20px;}
.table-bordered > tbody > tr > th { border: 1; border-bottom: 2px solid #d0d0d0; background-color: #E7E7E8; font-size:14px; color:#848889; }
.table-bordered > tbody > tr > td { border-left: 1; border-right: 1; border-bottom: 1; font-size:14px; }
.table-bordered > tbody > tr:hover { background-color: #e7e7e7; }
.table-bordered > tbody > tr > td:hover { cursor: pointer;}


/*Custom style*/
.txt-date{ width:120px !important; margin-right:3px; display:inline-block;}
.form-control.txt-with-icon{ width:80%; }
.menu-item-container .glyphicon{ margin-right:0.4em;}
.menu-item-container a{ color:#757575;}
.menu-item-container a:hover{ text-decoration:none; color: #ab1032;}
.body-container{ margin-top:65px; }
.body-container-with-footer{margin-top:65px;margin-bottom:60px;}
.footer-menu .glyphicon{ margin-right:0.4em; }
.nav.navbar-nav.footer-menu > li > a:hover { color:#ab1032 ;}
.nav.navbar-nav.footer-menu > li.active > a { color:#ab1032;}
.navbar-default .navbar-nav > li > a {
    color: white;
}
.navbar-default .navbar-nav > li > a:hover {
    color: grey;
}
.bottom-menu-container{width:850px; margin:0 auto; padding-left:1em;}
.clickable{cursor:pointer;}
.noborder{border:0;}
.modal-body .close {margin-top: -2px;}
.modal-body .table-striped > tbody > tr:first-child > td{ border-top:0;}
@media screen and (max-width:768px)
{
    .bottom-menu-container{width:90%; margin:0 auto; padding-left:1em;}
}
@media screen and (max-width: 768px) and (max-height:660px)
{
    .navbar-fixed-bottom { position:relative !important; }
    .body-container-with-footer{ margin-bottom:30px; }
}

/*Custom ticket-menu style on the bottom page*/
.ticket-menu-container { width: 450px; margin: 0 auto; }

/*Custom position of button right sidebar*/
.right-sidebar { position: absolute; top: 77px; right: 10px; }

/*Custom width of button*/
.btn-block[class*="btn-width-"] { margin-bottom: 15px; }
.btn-width-70 { width: 70px; }
.btn-width-80 { width: 80px; }
.btn-width-90 { width: 90px; }
.btn-width-100 { width: 100px; }
.btn-custom-1 { margin-top: 2px;}

.data-container { max-height:400px; overflow-y:auto;}
.loading-container{ display:inline-block;background-image:url('images/ajax-loader.gif'); background-repeat:no-repeat;  min-width:16px; min-height:11px; padding-left:20px;}
.alt-row{ background-color:#F9F9F9;}
.read-only{cursor: not-allowed;background-color: #eee;opacity: 1;}
.bg-ff { background-color:#AB1032; }
.bg-ff .modal-title { color: White; font-weight: bold; }
.bg-ff .close { font-size: 1.5em; color: White; opacity: 1; }
.ff-pager > td > table { display:inline-block; float:right; }
.ff-pager > td > table > tbody > tr > td > a,.ff-pager > td > table > tbody > tr > td > span
{padding:.5em 1em; display: inline-block;color: #ab1032;text-decoration: none;background-color: #fff;border: 1px solid #ddd;margin: 0 1px;}
.ff-pager > td > table > tbody > tr > td:first-child > a, 
.ff-pager > td > table > tbody > tr > td:first-child > span
{ border-top-left-radius:5px; border-bottom-left-radius:5px;  }
.ff-pager > td > table > tbody > tr > td:last-child > a, 
.ff-pager > td > table > tbody > tr > td:last-child > span
{ border-top-right-radius:5px; border-bottom-right-radius:5px;  }  
/*.ff-pager > td > table > tbody > tr > td > a,.ff-pager > td > table > tbody > tr > td > span{ margin:0 1em;}*/
.ff-pager > td > table > tbody > tr > td > span { background-color:#ab1032; color:White;border: 1px solid #ab1032;}
.table.table-hover > tbody > tr.ff-pager:hover { background-color:transparent;}
.table.table-hover > tbody > tr.ff-pager > td { cursor:default;}
.ff-pager .glyphicon.glyphicon-fast-backward,.ff-pager .glyphicon.glyphicon-fast-forward {height:1.4em;}
.ff-msg-error{ color:#ab1032; font-weight:bold;}

.time-period
{
    width:auto;
    display: inline;
}

.glyphicon {
    display: inline;
}

.btn:focus,
.btn-default {
    color: #757575;
}

.btn:hover {
    color: #ab1032;
}

/* Grid Table 
table.table tr.body:hover{
		background-color: lightgrey;
		cursor: pointer;
}*/

.form-control {
  display: block;
  width: 100%;
  height: 25px;
  padding: 3px 1px 3px 1px;
  margin: 0px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #ab1032;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.btn-custom
{ 
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.multiselect.dropdown-toggle.btn {
    border-radius: 0px;
    min-width: 120px;
}

.multiselect.dropdown-toggle.btn.btn-default{
    padding: 0.5px 0.5px;
}

.header-default {
    border-color: #c5c5c5;
}

.header-default .panel-heading {
    color: #848889;
    background-color: #E7E7E8;
    border-color: #c5c5c5;
    font-weight: bold;
    font-size: larger;
}

.header-default .title
{
    font-weight:bold;
    font-size:1.2em;
}

.header-default .panel-right {
	margin-right: 0px;
	display: inline-block;
	float: right;
}

.row.row-group {
    margin-top: 3px;
    margin-bottom: 3px;
}

.row.row-group .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 2;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
/* From */
.form-inline .p-inline{
    display: inline;
}
.form-control.date {
    width: 120px;
}
/* User Control */
.uct-inline {
    display: inline-table;
    padding-right: 0px;
}

.uct-inline img {
    padding-top:3px;
    cursor: pointer;
}

/* Label */
.label
    {
 
        padding: 3px 1px;
        line-height: 2.5;
        color: black;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .15em;
 
    }
.panel-heading {
    padding: 10px 5px;
    margin-bottom: 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #848889;
    font-size: larger;
    font-weight: bold;
    background-color: #E7E7E8;
}

/* Alert */
.alert {
    padding: 8px;
}
/* label count */
.lblnum
{
	display:inline;
	color:Red;
	margin:5px 5px;
	line-height:normal;
	}
	
	.formRdn
	{
		display: block;
  width: 100%;
  height: 25px;
  padding: 3px 1px 3px 1px;
  margin: 0px 10px;
  font-size: 14px;
  line-height: 1.42857143;
 
  background-color: #fff;
  background-image: none;
 
		}
		
	.spaced input[type="radio"] {
            margin-left: 13px;
        }