#content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto
}

@media only screen and (min-width:561px) {
    #page-wrapper.open {
        padding-left: 250px
    }
}

@media only screen and (max-width:560px) {
    #page-wrapper.open {
        padding-left: 70px
    }
}

#page-wrapper.open #sidebar-wrapper {
    left: 150px
}

@media only screen and (max-width:560px) {
    body.hamburg #page-wrapper {
        padding-left: 0
    }
    body.hamburg #page-wrapper:not(.open) #sidebar-wrapper {
        position: absolute;
        left: -100px
    }
    body.hamburg #page-wrapper:not(.open) ul.sidebar .sidebar-title.separator {
        display: none
    }
    body.hamburg #page-wrapper.open #sidebar-wrapper {
        position: fixed
    }
    body.hamburg #page-wrapper.open #sidebar-wrapper ul.sidebar li.sidebar-main {
        margin-left: 0
    }
    body.hamburg #sidebar-wrapper ul.sidebar li.sidebar-main,
    body.hamburg .row.header .meta {
        margin-left: 70px
    }
    body.hamburg #page-wrapper.open #sidebar-wrapper ul.sidebar li.sidebar-main,
    body.hamburg #sidebar-wrapper ul.sidebar li.sidebar-main {
        transition: margin-left .4s ease 0s
    }
}

.row.header {
    height: 60px;
    background: #FDFDFD;
    box-shadow:0px 0px 3px 2px #dedede;
    margin-bottom: 15px
}

.row.header>div:last-child {
    padding-right: 0
}

.row.header .meta .page {
    font-size: 17px;
    padding-top: 18px
}

.row.header .meta .breadcrumb-links {
    font-size: 10px
}

.row.header .meta div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.row.header .login a {
    padding: 18px;
    display: block
}

.row.header .user {
    min-width: 130px
}

.row.header .user>.item {
    width: 78px;
    height: 60px;
    float: right;
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.row.header .user>.item a {
    color: #919191;
    display: block
}

.row.header .user>.item i {
    font-size: 20px;
    line-height: 55px
}

.row.header .user>.item img {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    border-radius: 2px
}

.row.header .user>.item ul.dropdown-menu {
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .05)
}

.row.header .user>.item ul.dropdown-menu .dropdown-header {
    text-align: center
}

.row.header .user>.item ul.dropdown-menu li.link {
    text-align: left
}

.row.header .user>.item ul.dropdown-menu li.link a {
    padding-left: 7px;
    padding-right: 7px
}

.row.header .user>.item ul.dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 23px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    border-left: 7px solid transparent;
    content: ''
}

.row.header .user>.item ul.dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 24px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.loading {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: a 2s infinite ease-in-out;
    animation: a 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes a {
    0%,
    to {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes a {
    0%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@font-face {
    font-family: Montserrat;
    src: url(../images/fonts/montserrat-regular-webfont.eot);
    src: url(../images/fonts/montserrat-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../images/fonts/montserrat-regular-webfont.woff) format('woff'), url(../images/fonts/montserrat-regular-webfont.ttf) format('truetype'), url(../images/fonts/montserrat-regular-webfont.svg#montserratregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: Montserrat;
        src: url(../images/fonts/montserrat-regular-webfont.svg) format('svg')
    }
    select {
        font-family: Arial, Helvetica, sans-serif
    }
}

html {
    //overflow-y: scroll
}

body {
    background: #fff;
    font-family: Montserrat;
    color: #333!important
}

.row {
    margin-left: 0!important;
    margin-right: 0!important
}

.row>div {
    margin-bottom: 15px
}

.alerts-container .alert:last-child {
    margin-bottom: 0
}

#page-wrapper {
    padding-left: 70px;
    height: 100%
}

#sidebar-wrapper {
    margin-left: -150px;
    left: -30px;
    width: 250px;
    position: fixed;
    height: 100%;
    z-index: 1
}

#page-wrapper,
#sidebar-wrapper {
    transition: all .4s ease 0s
}

.green {
    background: #23ae89!important
}

.blue {
    background: #2361ae!important
}

.orange {
    background: #fec743!important
}
.grey{
	background: #B93A91 !important
}
.red {
    background: #ae2323!important
}

.form-group .help-block.form-group-inline-message {
    padding-top: 5px
}

div.input-mask {
    padding-top: 7px
}

#sidebar-wrapper {
    background: #2d3e63
}

#page-wrapper:not(.open) ul.sidebar .sidebar-title.separator,
.sidebar-footer,
ul.sidebar .sidebar-list a:hover,
ul.sidebar .sidebar-main a {
    background: #2d3e63
}

ul.sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    text-indent: 20px;
    overflow-x: hidden;
    overflow-y: auto
}

ul.sidebar li a {
    color: #fff;
    display: block;
    float: left;
    text-decoration: none;
    width: 250px
}

ul.sidebar .sidebar-main {
    height: 65px
}

ul.sidebar .sidebar-main a {
    font-size: 18px;
    line-height: 60px
}

ul.sidebar .sidebar-main .menu-icon {
    float: right;
    font-size: 18px;
    padding-right: 28px;
    line-height: 60px
}

ul.sidebar .sidebar-title {
    color: #738bc0;
    font-size: 12px;
    height: 35px;
    line-height: 40px;
    text-transform: uppercase;
    transition: all .6s ease 0s
}

ul.sidebar .sidebar-list {
    height: 40px
}

ul.sidebar .sidebar-list a {
    text-indent: 22px;
    font-size: 15px;
    color: #b2bfdc;
    line-height: 40px
}

ul.sidebar .sidebar-list a:hover {
    color: #fff;
    border-left: 3px solid #e99d1a;
    text-indent: 15px
}

ul.sidebar .sidebar-list a:hover .menu-icon {
    text-indent: 25px
}

ul.sidebar .sidebar-list .menu-icon {
    float: right;
    padding-right: 29px;
    line-height: 40px;
    width: 70px
}

#page-wrapper:not(.open) ul.sidebar {
    bottom: 0
}

#page-wrapper:not(.open) ul.sidebar .sidebar-title {
    display: none;
    height: 0;
    text-indent: -100px
}

#page-wrapper:not(.open) ul.sidebar .sidebar-title.separator {
    display: block;
    height: 2px;
    margin: 13px 0
}

#page-wrapper:not(.open) ul.sidebar .sidebar-list a:hover span {
    border-left: 3px solid #e99d1a;
    text-indent: 22px
}

#page-wrapper:not(.open) .sidebar-footer {
    display: none
}

.sidebar-footer {
    position: absolute;
    height: 40px;
    bottom: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    transition: all .6s ease 0s;
    text-align: center
}

.sidebar-footer div a {
    color: #b2bfdc;
    font-size: 12px;
    line-height: 43px
}

.sidebar-footer div a:hover {
    color: #fff;
    text-decoration: none
}

.widget {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    border-color: #e9e9e9
}

.widget .widget-footer .pagination,
.widget .widget-header .pagination {
    margin: 0
}

.widget .widget-header {
        color: white;
    background-color: #2361AE;
    padding: 10px 15px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 30px;
}

.widget .widget-header .row>div{
	margin-bottom: 0px;
}

.widget .widget-header i {
    margin-right: 5px
}

.widget .widget-body {
    padding: 20px
}

.widget .widget-body table thead {
    background: #fafafa
}

.widget .widget-body table thead * {
    font-size: 14px!important
}

.widget .widget-body table tbody * {
    font-size: 13px!important
}
.widget .widget-body table tbody tr:first-child td{
	border-top:none;
}
.widget .widget-body .error {
    color: red
}

.widget .widget-body button {
    margin-left: 0px;
    outline: none;
}

.widget .widget-body div.alert {
    margin-bottom: 10px
}

.widget .widget-body.large {
    height: 350px;
    overflow-y: auto
}

.widget .widget-body.medium {
    overflow-y: auto
}

.widget .widget-body.small {
    height: 150px;
    overflow-y: auto
}

.widget .widget-body.no-padding {
    padding: 0
}

.widget .widget-body.no-padding .error,
.widget .widget-body.no-padding .message {
    padding: 20px
}

.widget .widget-icon {
    background: #30426a;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin-right: 15px
}

.widget .widget-icon i {
    line-height: 66px;
    color: #fff;
    font-size: 30px
}

.widget .widget-footer {
    border-top: 1px solid #e9e9e9;
    padding: 10px
}

.widget .widget-footer .pagination,
.widget .widget-title .pagination {
    margin: 0
}

.widget .widget-content .title {
    font-size: 28px;
    display: block
}
.action-buttons{
	margin:20px 0;
}

#page-wrapper.open .widget{ min-height: 122px;}
.modal-header .fa{
    font-size: 20px;
    margin-top: 5px;
}

.logout-link{
        margin-top: 20px;
    margin-right: 5px;
}
ol{
    margin:0;padding: 0;
}


/* custom styles coded*/
span.errorMessage{
  color: #fc0000;
  margin:8px 0px 15px 0px;
}
span.errMsgMrgL20px{
  margin-left:15px !important;
}
.floatLeft{
  float:left;
}
md-input-container{
  min-height:79px;
}

md-content.md-default-theme, md-content{
  background-color: #ffffff;
}
.marginLeft20px{
  margin-left: 20px;
}
.errorMessageSuperUserScreen{
    color:red;
    font-weight:normal;
    float:left;
}
.errorMessageApptDetailsScreen{
    color:red;
    font-weight:normal;
}
.defaultHeightTextAreaApptDetails{
  width:500px;
}
.navMenuDisabledStyle{
  color:#AAAAAA !important;
}
div.table-responsive{
  min-height:40px;
}
.textBox100PercentWidth{
  width:100%;
}
a.alignTableButtons{
  line-height:27px;
}
.errorMessageAdminScreen{
    color:red;
    font-weight:normal;
    line-height:24px;
}
.searchSlotsDiv{
  padding-top:15px;
  padding-bottom:15px;
}
.paddingLeftRightZero{
  padding-left:0px !important;
  padding-right:0px !important;
}
.statesListTextBox{
  width:180px !important;
  float:left;
}
.statesListEditButton{
  height:34px !important;
}