html,body{overflow:auto;}

/************************* Grey Button *******************/
.btn-grey {color: #555; background-color: #DCDCDC; border-color: #999999; } 
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { color: #000000; background-color: #BBBBBB; border-color: #999999; }  
.btn-grey:active, .btn-grey.active, .open .dropdown-toggle.btn-grey { background-image: none; } 
.btn-grey.disabled, .btn-grey[disabled], fieldset[disabled] .btn-grey, .btn-grey.disabled:hover, .btn-grey[disabled]:hover, fieldset[disabled] .btn-grey:hover, .btn-grey.disabled:focus, .btn-grey[disabled]:focus, fieldset[disabled] .btn-grey:focus, .btn-grey.disabled:active, .btn-grey[disabled]:active, fieldset[disabled] .btn-grey:active, .btn-grey.disabled.active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey.active { background-color: #DCDCDC; border-color: #999999; } 
.btn-grey .badge { color: #DCDCDC; background-color: #000000;}

/************************* InAssist Button *******************/
.btn-inassist {color: #FFFFFF; background-color: #C13845; border-color: #c13845; }  
.btn-inassist:hover, .btn-inassist:focus, .btn-inassist:active, .btn-inassist.active, .open .dropdown-toggle.btn-inassist { color: #FFFFFF; background-color: #A5303C; border-color: #c13845; } 
.btn-inassist:active, .btn-inassist.active, .open .dropdown-toggle.btn-inassist { background-image: none; } 
.btn-inassist.disabled, .btn-inassist[disabled], fieldset[disabled] .btn-inassist, .btn-inassist.disabled:hover, .btn-inassist[disabled]:hover, fieldset[disabled] .btn-inassist:hover, .btn-inassist.disabled:focus, .btn-inassist[disabled]:focus, fieldset[disabled] .btn-inassist:focus, .btn-inassist.disabled:active, .btn-inassist[disabled]:active, fieldset[disabled] .btn-inassist:active, .btn-inassist.disabled.active, .btn-inassist[disabled].active, fieldset[disabled] .btn-inassist.active { background-color: #C13845; border-color: #c13845; } 
.btn-inassist .badge { color: #C13845; background-color: #FFFFFF; }

/************************* Global Styles *******************/
.hide{display:none!important}
.show{display:block!important}
.validation_error {color:#C13845;display:none;}
.ng-submitted .form-control.ng-invalid{border-color:#C13845;background-color:#F5E0E3;}

.Overlay{position:fixed;left:0px;right:0px;top:0px;bottom:0px;background:rgba(255,255,255,0.5);z-index:99999;}
.sk-wave {position:fixed;z-index:999999;left:50%;top:50%;margin:-25px;width: 70px;height: 70px;text-align: center;font-size: 10px; background:url(images/loading.gif) center center no-repeat;}

.modal-open {overflow: auto;}

.page-header{border-bottom-style:dotted;border-bottom-color:#C13845;position:relative;margin:10px 0 20px}
.page-header .btn{position:absolute;right:0px;bottom:5px;}

.buttonPanel{margin:10px 0px 0px}
.buttonPanel .btn{margin:0px 3px}

.pagewrapper{padding:0px 0px 20px 0px;width:1920px;position:relative;}

body{padding:0px;margin:0px;font-family: lato, sans-serif;font-size: 1.5em;color: #565a5c;line-height:1.5;}
h1, .h1, h2, .h2, h3, .h3 {margin-top:0px;margin-bottom:0px;font-size:26px;color:#C13845;}

h1, .h1{font-size:26px;}
h2, .h2{font-size:24px;}
h3, .h3{font-size:22px;}

.form-horizontal .control-label{padding-right:0px;}
.form-control:focus {box-shadow:inset 0 2px 2px rgba(0,0,0,.075), 0 0 15px rgba(102, 175, 233, .8);}
textarea.form-control{resize:none;min-height:90px;overflow:auto;}
.ui-select-multiple.ui-select-bootstrap.form-control {padding: 3px 3px 3px 5px;}
.ui-select-multiple.ui-select-bootstrap.form-control .btn-default{background-color:#eee;}
.ui-select-multiple.ui-select-bootstrap.form-control .ui-select-match-item{margin:2px;}

/************************* Main Nav *******************/
.navbar-inassist,.txtSize{border-top:none;display:none; margin-bottom:0px;border-bottom-color:#8FBCE0}
.navbar-inassist .navbar-nav>li{border-right:1px solid #8FBCE0;}
.navbar-inassist .navbar-nav>li:first-child{border-left:1px solid #8FBCE0;}

.navbar-inassist .nav>li>a{padding-left:25px;padding-right:25px;color:#333;}
.navbar-inassist{background-color:#D9EDF7;}
.navbar-inassist .navbar-collapse{padding-left:0px;}
.navbar-inassist .navbar-nav > .open > a, .navbar-inassist .navbar-nav > .open > a:hover, .navbar-inassist .navbar-nav > .open > a:focus,
.navbar-inassist .navbar-nav>li>a:hover,
.navbar-inassist .dropdown-menu > li > a:hover{background-color:#78AEDA;color:#fff;}

/************************* Header *******************/
#Header{border-bottom:solid 1px #8FBCE0;}
#Header .logo img{margin: 10px 0px;}
#Header .txtSize {margin:30px 0px;}
#Header .txtSize .pull-left{margin:-20px 0px;}
#MainContent{padding-top:15px;padding-bottom:20px;}
#Footer{border-top:1px solid #8FBCE0;padding:10px 30px;position:fixed;left:0px;right:0px;bottom:0px;background-color:#D9EDF7;color:#333;z-index:999}

@media (max-width: 1919px) {
    #Footer{position:initial;}
}
.container-fluid{padding-left:30px;padding-right:30px}

/*************************  *******************/
.well-inassist {background-color:#D9EDF7;border-color:#8FBCE0}
.well-inassist .form-control {border-color:#72AAD8}

.panel-inassist{border-color:#8FBCE0}
.panel-inassist .panel-heading {background-color:#D9EDF7;border-color:#8FBCE0;color:#337AB7;font-weight:bold; padding:7px 10px;}
.panel-inassist .panel-footer {padding:7px 10px;}
.panel-inassist .panel-body {padding-right:20px;}
.panel-inassist .panel-heading .glyphicon{color:#337AB7;margin-right:5px;}

/************************* Breadcrumb *******************/
.breadcrumb{border:solid 1px #eeddb1;background-color:#F9F5EA;padding:5px 15px;font-size:95%;margin-bottom:15px;}
.breadcrumb > li + li:before{content:"";}
.breadcrumb li {color:#763D01}
.breadcrumb ul>li:first-child {font-weight:bold;color:#333;}
.breadcrumb .glyphicon{margin-right:3px;}
.breadcrumb>.active {color: #999;}

/************************* Main Nav *******************/
#LoginPage {background: url(images/login.jpg) left center no-repeat;min-height: 730px;}
#LoginPage .well-inassist {margin: 40px 50px 30px 30px;padding-bottom:5px;}
#LoginPage h1 {margin: -5px 0px 20px 0px;font-weight:400;color:#337AB7;border-bottom:none;font-size:28px;}
#LoginPage a {text-decoration:underline;}


/****************************ui-grid*********************/
.ui-grid-sort-priority-number{display:none!important;}
.grid {width: 100%;height: 500px;position:relative;z-index:10;}
.ui-grid-pager-panel {border-top:solid 1px #dcdcdc;background-color:#fff;}
.grid .emptyData{position: absolute;top : 110px;font-size: 1.5em;width: 100%;text-align: center;z-index: 1000;}
.InsIntervalTitle{padding:27px 10px;overflow:hidden;border-bottom:ridge 1px #EFEDED;border-top:ridge 1px #EFEDED;}
.boxItem{border-bottom:ridge 1px #EFEDED;border-top:ridge 1px #EFEDED;overflow:hidden;}

.grid .btn{padding:2px 5px;margin:4px 0px 0px 8px;}
.grid .capitalize {text-transform: uppercase;}
.grid .NoChange {text-transform:none;}
.ui-grid-cell{border-bottom:solid 1px #94C0D2}

/**********************************ui-grid- Customized styles**************************/

.vcenter {line-height:35px;}
.blueColor{color:#337ab7}

/********************** Custom dialog/modal headers ******************************/

.dialog-header-error { background-color: #d2322d; }
.dialog-header-wait { background-color: #428bca; }
.dialog-header-notify { background-color: #eeeeee; }
.dialog-header-confirm { background-color: #333333; }
.dialog-header-error span, .dialog-header-error h4,
.dialog-header-wait span, .dialog-header-wait h4,
.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }
/********************** End Custom dialog/modal headers ******************************/

/***********************Bootstrap tabs*******************/
.nav-tabs{border-bottom-color:#fff;}
.nav-tabs > li > a{background-color:#eee;color:#777;margin-right:4px;border:solid 1px #eee;}
.nav-tabs > li > a:hover,.nav-tabs > li.active:hover a,
.nav-tabs > li.active a:focus,.nav-tabs > li.active a{background-color:#D9EDF7;border-color:#94C0D2;border-bottom-color:#D9EDF7;color:#000;}
.tab-content{border-top:solid 1px #94C0D2; padding:15px 0px;}

/*.tab-pane > h1{margin-top:10px;}
.tab-pane .title{font-size:100%; font-weight:bold;line-height: 31px; vertical-align: middle;}
.tab-pane .well{margin-bottom:0px;}*/

#ManagerFilters .panel-inassist .panel-body{padding-right:15px;}
#ManagerFilters .form-inline label{margin-right:6px;}
#ManagerFilters .form-inline .checkbox{margin:6px 10px 6px 0px}
#ManagerFilters .form-inline .calendar{margin-right:5px;}
#ManagerFilters .form-inline .calendar input.form-control{width:120px;}

.info-icon{cursor:pointer;color:#337AB7}
.popover {max-width:750px;border-color:#8FBCE0;}
.popover-title {background-color: #D9EDF7;border-bottom-color:#8FBCE0;font-weight:bold;color:#337AB7;}

.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:130px; float:left;margin-right:10px;}

.grid .DateFilter input.ui-grid-filter-input::-webkit-inner-spin-button,
.grid .DateFilter input.ui-grid-filter-input::-webkit-clear-button,
.grid .DateFilter input.ui-grid-filter-input::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

/*::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
}*/
.ui-grid-filter-input{font-weight:normal!important;}
input[type="date"].ui-grid-filter-input{max-width:100%;line-height:20px;border:solid 1px #94c0d2;outline:none;}

.ui-grid-tree-header-row{font-weight:normal!important;}

.childRow .ui-grid-cell{ background-color: #dfdfdf !important;}

.red .ui-grid-cell{ background-color: #C13845 !important; color:#fff!important;}
.red .ui-grid-cell .info-icon{color:#fff!important;}
.ui-grid-row:hover .ui-grid-cell{background-color: #FFFF9D !important;color:#000!important;}
.yellow .ui-grid-cell,.yellow .childRow .ui-grid-cell{background-color: yellow !important; color:#000!important; font-weight:bold;}
.ui-grid-row:hover .ui-grid-cell .info-icon,.yellow .ui-grid-cell .info-icon{color:#000!important;}