/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
 #main {
     padding-top: 52px;
 }

.round{
    border-radius: 25px
} 

 .fc-day-grid-event {
    margin-bottom: 8px;
    margin-right: 2px;
    padding: 11px 0px;
}
  
.schedule-actions {
    display: block;
    padding: 13px 14px 15px;
    border-top: 1px solid rgba(0,0,0,.1);
    background: rgba(249,249,249,.9);
    margin-top: 25px;
    margin-left: -13px;
    margin-right: -13px;
    margin-bottom: -13px;
}


.fc-event {
    font-size: 1em;
}

 .bootstrapWizard li.completed .step, .bootstrapWizard li.active.complete .step{
    background: #10ce62
}

.bootstrapWizard li.error .step, .bootstrapWizard li.active.complete .step{
    background: #ce3610
}

.bootstrapWizard li {
    width: 25%;
}

.bootstrapWizard li .title {
    line-height: 17px;
}

#logoFinish {
    display: table;
    margin:0 auto;
    width: 175px;
}

#logoFinishLogin {
    display: table;
    margin:0 auto;
    width: 175px;
}

#logoFinishLogin img{
    width: 355px;
    height: auto;
    margin-bottom: 10px;
}

#logoFinish img{
    width: 180px;
}

.display-image {
    margin-top: 0px; 
    margin-right: 20px;
}

#extr-page #header #logo {
    margin-left: 0;
}

#extr-page #header #logo img {
    width: 200px;
    height: auto;
}

#eye {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 0;
}

#password {
    border-right-color: rgba(255, 255, 255, 0);
    border-right-style: solid;
    border-right-width: 0px;
}


#extr-page #mainLogin {
    background: #fff;
    min-height: 100vh;
    margin: 0;
}

.profile-theme-btn {
    padding: 40px 7px!important;
    font-size: 17px;
}

.smart-style-4 #logo-group-login {
    background: #f4f4f4 !important;
}

.text-darken {
    color: black;
}

.login-logo {
    border-bottom: 0px !important;
}

.register-background {
    background-color:  rgba(255, 255, 255, 0) !important;
    border-bottom: 0px !important;
}

.smart-style-5  #register-form .form-control {
    background-color: rgba(255, 255, 255, 1) !important;
    color: #555 !important;
    border: 1px solid #ccc !important;
}

.smart-style-5  #register-form .input-group-addon {
    background-color: #eee !important;
    color: #555 !important;
    border: 1px solid #ccc !important;
}

.smart-style-5  .alert-info {
    color: #305d8c !important;
}

.smart-style-5 #register-form .form-actions {
    background: rgba(249,249,249,.9) !important;
    border-top: 1px solid rgba(0,0,0,.1) !important;
}

.smart-style-5  select option {
    background: rgba(255, 255, 255, 1) !important;
    color: #555 !important;
}

.smart-style-5 #register-form {
    background-color:  rgba(255, 255, 255, 1) !important;
    color: black !important;
}

.smart-style-5 #register-prev {
    background-color: #fff !important;
    color: #404040 !important;
    text-shadow: 0 0px 0px rgba(0,0,0,0);
    border-color: #adadad !important;
}

.smart-style-5 #register-next {
    background-color: #fff !important;
    color: #404040 !important;
    text-shadow: 0 0px 0px rgba(0,0,0,0) !important;
}

.smart-style-5 #register-success {
    color: #468847 !important;
}


.smart-style-5 #register-header {
    background: #404040 !important;
    border-color: #383838!important;
}

.smart-style-5  .bootstrapWizard li .title {
    color: #bfbfbf;
}

.smart-style-5  .bootstrapWizard li.active .title {
    color: #2B3D53;
}

.register-background {
    color: #333;
}

.register-background .login-header-big {
    color: #a90329!important
}

.register-background .btn-sm {
    background-color: #a90329 !important;
}

.smart-style-5 #register-form .alert-success {
    text-shadow: 0 0px 0px rgba(0,0,0,0); 
    color: #356635 !important;
}

/**
* Shared Styles
*/

.datatable-row-group:hover  {
    background-color: #ecf3f8;
    cursor: pointer;
  }

.datatable-body-row,
.datatable-header-inner {

}

.datatable-body-cell,
.datatable-header-cell {
}

.datatable-row-left,
.datatable-row-right {
}

.datatable-row-left,
.datatable-row-center,
.datatable-row-right {

}


/**
* Header Styles
*/

.ngx-datatable  .datatable-header {
    background-color: #eee;
    background: linear-gradient(180deg, #f2f2f2 ,#fafafa);
    position: relative;
}

.datatable-header .datatable-header-inner{}

.ngx-datatable  .datatable-header-cell {

    padding: 0 1.2rem;
    font-weight: bold;
    min-height: 40px;
    text-align: left;
    vertical-align: top;
    border-top: 0;
    transition: width 0.3s ease;
    vertical-align: middle;
    font-size: 12px;
    line-height: 40px;
    position: relative;
    border: 1px solid #ddd;
    border-left-width: 0;
}

.ngx-datatable  .datatable-header-cell:last-child {
    border-right-width: 0;
}

.ngx-datatable  .datatable-header-cell > div{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}





/**
* Body Styles
*/
.datatable-body{
}




.datatable-row-center .datatable-body-cell{
    text-align: left;
    padding: .8rem 1.2rem .5rem;
    vertical-align: top;
    transition: width 0.3s ease;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}


.datatable-row-center .datatable-body-cell:last-child{
    border-right: 0;
}

.datatable-body  .datatable-row-detail {
    padding: 1rem 4rem; 
    background:  rgba(200, 200, 200, .2);
    position: relative;
}

.datatable-body  .empty-row {
    padding: 1rem 4rem; 
    background:  rgba(200, 200, 200, .2);
    position: relative;
}

.datatable-body  .datatable-row-detail > div{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.table-striped .datatable-body .datatable-row-wrapper:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-striped .datatable-body .datatable-row-wrapper:nth-of-type(even) {
    background-color: #ffffff;
}

.datatable-body .datatable-body-row {}

/**
* Footer Styles
*/

.datatable-footer {
    background: #fafafa;
}

.datatable-footer  .datatable-footer-inner {}

.datatable-footer .selected-count {
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color: #969696;  
    padding: .3rem 1.2rem .3rem;
}
    
.datatable-footer .page-count {
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color: #969696;
    padding: .3rem 1.2rem .3rem;
}
.datatable-footer .datatable-pager {
    padding: .3rem 1.2rem .3rem;
}

.datatable-footer .datatable-pager ul{
    overflow: hidden
}

.datatable-footer .datatable-pager ul li {
    float: left;
    display: block;
    border-radius: 0;
    border: none;
    margin: 0 -1px 0 0;
}

.datatable-footer .datatable-pager ul li a{
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 7px 13px;
    border: 1px solid rgba(200, 200, 200, .4);
    border-right-width: 0;
}

.datatable-footer .datatable-pager ul li:last-child{
    border-right: 1px solid rgba(200, 200, 200, .4);
}

.datatable-footer .datatable-pager ul li.active a {
    background: #3276b1;
    border: 1px solid #3276b1;
    border-right-width: 0;
    color: white;
}

.lightest-gray-bg{
    background: #fafafa;
}

.ngx-datatable .datatable-footer {
    display: block;
    width: 100%;
}

.owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
	background-color: rgba(255, 0, 0, 0.1);
}

.bg-closed {
	background-color: #ffcccc;
}