[ng\:cloak],
[ng-cloak],
.ng-cloak {
    display: none !important;
}

.form-control {
    height: 45px !important;
}

.modal-form input.ng-valid.ng-dirty {
    box-shadow: 0 0 2px #00DD00;
}

.modal-form input.ng-invalid.ng-dirty {
    box-shadow: 0 0 2px #DD0000;
}

.cs-modal-content-box {
    box-shadow: none !important;
}

.modal-form textarea.ng-valid.ng-dirty {
    box-shadow: 0 0 2px #00DD00;
}

.modal-form textarea.ng-invalid.ng-dirty {
    box-shadow: 0 0 2px #DD0000;
}

.contact-us-map {
    height: 200px !important;
}

.cs-modal-content-box {
    overflow: hidden !important;
}

.client-schedule-date:hover .date-underline {
    background-color: #4a4a4a;
}

a.no-outline {
    outline: none;
}

;

/** Custom Spinner - Begins **/

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

.home-spinner {
    top: 50%;
    left: 50%;
    height: 400px;
    margin: auto;
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

.side-panel-spinner {
    position: relative;
    top: 50%;
    left: 50%;
    margin: auto;
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

.modal-spinner {
    position: relative;
    margin: auto;
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
    0% {
        stroke: #BBB;
    }
    25% {
        stroke: #AAA;
    }
    50% {
        stroke: #777;
    }
    75% {
        stroke: #666;
    }
    100% {
        stroke: #555;
    }
}

@keyframes colors {
    0% {
        stroke: #BBB;
    }
    25% {
        stroke: #AAA;
    }
    50% {
        stroke: #777;
    }
    75% {
        stroke: #666;
    }
    100% {
        stroke: #555;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}


/** Custom Spinner - Ends **/

[ng-click] {
    cursor: pointer;
}

button:disabled,
button:hover:disabled,
button[disabled] {
    opacity: 0.6 !important;
    cursor: not-allowed;
}

.disable-select {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.time-dropdown-box {
    height: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.w-dropdown-link:hover {
    transition: background-color 0.5s ease;
    background-color: #e8e8e8;
}

.w-dropdown-list {
    overflow: hidden;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}

.width-auto {
    margin-top: 80px;
    margin-bottom: 80px;
    text-align: center;
    min-width: 700px;
    width: 100%;
}

.alert-text {
    padding-top: 30px;
    font-size: 16pt;
}

.user-dropdown-name {
    margin-right: 0px !important;
}

.chosen-container .chosen-container-multi .chosen-choices {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 5px !important;
    width: 100% !important;
    height: auto !important;
    border: 1px solid #aaa !important;
    background-color: #ffffff !important;
    cursor: text;
}

.chosen-container .chosen-choices {
    color: #000 !important;
    width: 100%;
    height: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #ccc !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chosen-choices {
    padding-left: 5px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.search-choice {
    height: 80% !important;
}

.search-choice-close {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 5px !important;
}

li {
    padding-top: 7px !important;
}


/* Remove inner shadow from inputs on mobile iOS */

textarea,
input[type="text"] {
    -webkit-appearance: none;
}

/* Timezone selector custom CSS */
.chosen-container-single .chosen-single {
    border: white !important;
    box-shadow: none !important;
    background: none !important;
}

.chosen-container-single:focus {
    border: white !important;
    box-shadow: none !important;
    background: none !important;
}

.chosen-container-active:focus {
    border: white !important;
    box-shadow: none !important;
    background: none !important;
}

.chosen-container-single .chosen-single span {
}

.group-name {
    display: none;
}


.view-details {
  padding-left: 0px !important;
}

.schedule-card-right-section {
    padding-left: 0px !important;
}

.user-dropdown-link-text {
    margin-left: 15px !important;
}

.dropdown-icon {
    margin-right: 0px !important;
}

.descp-text, .description-body{
    word-break: break-word;
}
.descp-text div, .description-body div{
    text-align: left !important;
}
.descp-text a, .description-body a{
    color: dodgerblue; 
    margin-left: 1px; 
    margin-right: 1px; 
    display: inline;
}
.descp-text a:hover, .description-body a:hover{
    text-decoration: underline;
}