/*body {
	padding-top: 50px;
	padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
	padding-left: 15px;
	padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
/*.dl-horizontal dt {
	white-space: normal;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
	max-width: 280px;
}*/


/*p, li, label, td, h1, h2, h3 {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}*/



input {
	/*font-family: Arial !important;*/
    font-family: 'Roboto Slab', serif !important;
}

div {
	/*font-family: Arial !important;*/
    font-family: 'Roboto Slab', serif !important;
}

.fc-agendaWeek-view tr {
    height: 40px;
}

fc-event {
    height: 100px;
}

.fc-agendaDay-view tr {
    height: 40px;
}

.cursor-pointer {
    cursor: pointer;
}

.clock {
    font-size: 65px;
}

.sample-show-hide {
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
}

    .sample-show-hide.ng-hide {
        opacity: 0;
    }


.dataTables_processing {
    color: #ff6a00;
    font-size: large;
}

.background-color-orange {
    background-color: #e9670b !important;
    color: white !important;
}

.background-color-red {
    background-color: #d15b47 !important;
    color: white !important;
}

#setStatusList li.background-color-orange:hover {
    color: white !important;
    background-color: #e9670b !important;
}

#setStatusList li.background-color-green:hover {
    color: white !important;
    background-color: #82af6f !important;
}

#setStatusList li.background-color-blue:hover {
    color: white !important;
    background-color: #3a87ad !important;
}

#setStatusList li.background-color-red:hover {
    color: white !important;
    background-color: #d15b47 !important;
}

.background-color-green {
    background-color: #82af6f !important;
    color: white !important;
}

.background-color-blue {
    background-color: #3a87ad !important;
    color: white !important;
}

@media screen and (min-width: 1200px) {
    .status-card {
        margin-right: 0 !important;
        margin-left: 0 !important;
        height: 160px;
        margin-bottom: 3px;
        overflow: hidden !important;
    }


    .status-card-outer {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .status-icon {
        font-size: 24px;
    }

    .status-card-datetime {
        font-size: 24px;
    }

    .status-card-name {
        margin: 0;
        font-size: 50px;
        text-overflow: clip;
        overflow: hidden;
    }

    .status-card-current-font {
        font-size: 16px;
    }

    .status-card-today-font {
        font-size: 12px;
    }
}




.status-card-today {
    padding: 0 !important;
}

@media screen and (max-width: 1200px) {
    .status-card {
        margin: 6px;
        /*height: 400px;*/
        overflow: hidden;
    }

    .status-icon {
        font-size: 24px;
    }

    .status-card-datetime {
        font-size: 10px;
    }
}

.employee-Status-Card-red {
    background-color: #d15b47 !important;
    color: white !important;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
}

.employee-Status-Card-green {
    background-color: #82af6f !important;
    color: white !important;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
}

.employee-Status-Card-orange {
    background-color: #e9670b !important;
    color: white !important;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
}


.employee-Status-Card-blue {
    background-color: #3a87ad !important;
    color: white !important;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
}


.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 712px;
}

.margin-3 {
    margin: 3px !important;
}


.task-card {
    background-color: rgb(247, 247, 247) !important;
    color: #000000 !important;
    padding: 12px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}

.task-card-contact {
    margin: 2px !important;
}

.card {
    padding: 12px;
    font-size: 22px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}

.card-color-white {
    color: white;
}

.card-background-blue {
    background-color: #428bca;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 25px;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        font-size: 24px;
        line-height: 1.33;
        border-radius: 35px;
    }



.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}

    .angular-ui-tree-handle:hover {
        color: #438eb9;
        background: #f4f6f7;
        border-color: #dce2e8;
    }

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}



.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex-item {
    -webkit-flex: 1 0 30%;
    flex: 1 0 30%;
}

.flex {
    display: flex;
}


.roate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


.yellow {
    color: #d0d023;
}

.gray {
    color: gray;
}


.wiki-tab-not-selected {
    border-bottom: solid 2px #326202;
    color: #000000;
    cursor: pointer;
}

.wiki-tab-selected {
    border-bottom: solid 2px #64ba0e;
    color: #000000;
    cursor: pointer;
}

.wiki-tab-header {
    margin-bottom: 12px;
    margin-top: 12px;
    padding-top: 12px;
}

.wiki-tab {
    margin-left: 6px;
    margin-right: 6px;
    font-size: medium;
    padding: 3px;
}

.wiki-tabs-white {
    background-color: white;
}

.wiki-tabs-gray {
    background-color: #eeeded;
}

.wiki-tabs-all {
    padding-bottom: 12px;
    margin-top: 12px;
    /*-moz-box-shadow: inset 0px 1px 1px rgba(138, 138, 138, 0.75);
    -webkit-box-shadow: inset 0px 1px 1px rgba(138, 138, 138, 0.75);
    box-shadow: inset 0px 1px 1px rgba(138, 138, 138, 0.75);*/
}

.tabBody {
    height: 300px;
    overflow: auto;
    margin-bottom: 12px;
}

.wiki-tab-main {
    /*background-color: black;*/
}

.wiki-outer {
    background-color: #eeeded;
    padding-bottom: 12px;
    margin-top: 12px;
    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(138, 138, 138, 0.75);
    -moz-box-shadow: inset 1px 1px 2px 0px rgba(138, 138, 138, 0.75);
    box-shadow: inset 1px 1px 2px 0px rgba(138, 138, 138, 0.75);
}

.wiki-row {
    margin-bottom: 6px;
}

.ta-editor {
    min-height: 130px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    /*font-size: 100%;*/
}


.tabsdemoDynamicHeight md-content {
    background-color: transparent !important;
}

    .tabsdemoDynamicHeight md-content md-tabs {
        background: #f6f6f6;
        border: 1px solid #e1e1e1;
    }

        .tabsdemoDynamicHeight md-content md-tabs md-tabs-canvas {
            background: white;
        }

    .tabsdemoDynamicHeight md-content h1:first-child {
        margin-top: 0;
    }


.wiki-html-white {
    /*font-size: medium;*/
    background-color: white;
    padding: 12px;
    margin-right: 12px;
    -moz-box-shadow: inset 0px 1px 1px rgba(138, 138, 138, 0.75);
    -webkit-box-shadow: inset 0px 1px 1px rgba(138, 138, 138, 0.75);
    box-shadow: inset 0px 1px 1px rgba(138, 138, 138, 0.75);
}

.wiki-html-gray {
    /*font-size: medium;*/
    background-color: #FBFBFB;
    padding: 12px;
    margin-right: 12px;
    -moz-box-shadow: inset 0px 1px 1px rgba(138, 138, 138, 0.75);
    -webkit-box-shadow: inset 0px 1px 1px rgba(138, 138, 138, 0.75);
    box-shadow: inset 0px 1px 1px rgba(138, 138, 138, 0.75);
}

.note-container {
}

.no-animate {
    -webkit-transition: none !important;
    transition: none !important;
}

.animate-show {
    opacity: 1;
}

    .animate-show.ng-hide-add.ng-hide-add-active,
    .animate-show.ng-hide-remove.ng-hide-remove-active {
        -webkit-transition: all linear 0.2s;
        transition: all linear 0.2s;
    }

    .animate-show.ng-hide {
        /*line-height: 0;*/
        opacity: 0;
    }



.table-asp {
    display: table;
}

.tr-asp {
    display: table-row;
}

.td-asp {
    display: table-cell;
}

.td-col-all-asp {
    -webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
}

.tbody-asp {
    display: table-row-group;
}

.thead-asp {
    display: table-header-group;
}


.wiki-table-header {
    color: #FFFFFF !important;
    background: #555 !important;
}


.widget-header {
    cursor: pointer;
}

.add-sub {
    cursor: pointer;
    color: #c6699f !important;
}


.wiki-alert {
    padding: 3px;
}


.animate-repeat {
    list-style: none;
}

    .animate-repeat.ng-move,
    .animate-repeat.ng-enter,
    .animate-repeat.ng-leave {
        -webkit-transition: all linear 0.1s;
        transition: all linear 0.1s;
    }

        .animate-repeat.ng-leave.ng-leave-active,
        .animate-repeat.ng-move,
        .animate-repeat.ng-enter {
            -webkit-animation: cssAnimation .1s 1 linear;
            -moz-animation: cssAnimation .1s 1 linear;
            -o-animation: cssAnimation .1s 1 linear;
        }

            .animate-repeat.ng-leave,
            .animate-repeat.ng-move.ng-move-active,
            .animate-repeat.ng-enter.ng-enter-active {
                opacity: 1;
            }

@-webkit-keyframes cssAnimation {
    from {
        opacity: 1;
        -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    }

    to {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(20px);
        opacity: 0;
    }
}

@-moz-keyframes cssAnimation {
    from {
        -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    }

    to {
        -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(20px);
        opacity: 0;
    }
}

@-o-keyframes cssAnimation {
    from {
        -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    }

    to {
        -o-transform: rotate(0deg) scale(1) skew(1deg) translate(20px);
        opacity: 0;
    }
}






.cssload-container{
	position:relative;
}
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(27,209,63);
	border-left-color: rgb(0,0,0);
	border-radius: 524px;
		-o-border-radius: 524px;
		-ms-border-radius: 524px;
		-webkit-border-radius: 524px;
		-moz-border-radius: 524px;
}

.cssload-whirlpool {
	margin: -13px 0 0 -13px;
	height: 26px;
	width: 26px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -12px 0 0 -12px;
	height: 23px;
	width: 23px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -15px 0 0 -15px;
	height: 29px;
	width: 29px;
	animation: cssload-rotate 2300ms linear infinite;
		-o-animation: cssload-rotate 2300ms linear infinite;
		-ms-animation: cssload-rotate 2300ms linear infinite;
		-webkit-animation: cssload-rotate 2300ms linear infinite;
		-moz-animation: cssload-rotate 2300ms linear infinite;
}


.wiki-header-bar {
    background-color: #888686 !important;
    padding-left: 12px !important;
}

.wiki-header-title {
    color: white;
    padding-left: 12px;
}

@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}



.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
}
.loader:before,
.loader:after {
  position: absolute;
  content: '';
}
.loader:before {
  width: 5.2em;
  height: 10.2em;
  background: #0dc5c1;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.2em 5.1em;
  transform-origin: 5.2em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.loader {
  font-size: 11px;
  text-indent: -99999em;
  margin: 55px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:after {
  width: 5.2em;
  height: 10.2em;
  background: #0dc5c1;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0px 5.1em;
  transform-origin: 0px 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.animate-if {
  background:white;
  border:1px solid black;
  padding:10px;
}

.animate-if.ng-enter, .animate-if.ng-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity:0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity:1;
}


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


.search-header {
    text-decoration:underline;
}


.time-off-week {
    background-color: #d15b47 !important;
    color: white !important;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    padding: 6px;
    margin-right: 6px !important;
    margin-left: -6px !important;
    margin-bottom: 3px;
    overflow: hidden !important;
}


.tally-summary-card {
    height: 50px;
    padding: 12px;
    margin-bottom: 6px;
}