﻿/*.list-group-item-info{
  background-color: #1CBA63;
}*/

/* .wow-input-font-style{
  color: #6d787c;
} */

.wow-title-font-style{
  font-weight: 400;
  color: #111;
}

.wow-note-font-style{
  color:darkgreen; 
  font-weight:400; 
  font-size:0.8em;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

/* << START RATING CSS - */
.rating{
  color: lightgrey;
  margin: 0;
  padding: 0;
}

ul.rating {
  display: inline-block;
}

.rating li {
  list-style-type: none;
  display: inline-block;
  padding: 1px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.rating .filled {
  color: blue;
}
/* START RATING CSS - >>*/

.wowPanelHeads{
  background-color: #B5CFF0 !important;
}

.circleElement{
  border-radius: 50%;
  border: 0px;
  float: left;
}

.bold{
    font-weight:700;
}

.centerAlign{
	text-align:center;
}

.leftAlign{
	text-align:left;
}

.rightAlign{
	text-align:right;
}

.middleAlign{
  vertical-align: middle;  
}
.bottomAlign{
  vertical-align: bottom;
}

.selectedItem{
  font-weight: bold;
}

.selectedItem2{
  background-color: #aab2bd;
  border-color: #aab2bd;
  font-weight: bold;
}

.td_withRightBorder{
	border-right: 1px solid #D0C6C6;
}


.bg-grey-bottom {
    background: #E8E8E8;
}

textarea{
    overflow: hidden;
    padding: 4px;
}

#applicantChat {
    /* background-color:transparent; */
	font-size: 12px;
    font-family: Open Sans, sans-serif !important;
    font-weight:400;
	color:black;
}

#applicantChat div {
    /* background: inherit !important; */
	font-size: inherit !important;
    font-family: inherit !important;
    font-weight:inherit !important;
	color:inherit !important;
/*    position:absolute;
    font-size:12px;
    left:600px;
    top:100px;*/
}

.highReadability{
	color:green;
}

.lowReadability{
	color:red;
}

.sidebar-left {
    padding-left: 0;
    text-align: left;
    margin-left: 10px;
}

.box-shadow-corner {
   box-shadow: 0 5px 10px rgba(0,0,0,.1); 
   border-radius: 5px 5px 5px 5px;  
   border: 1px solid #d5d5d5;  
   background-color: #fff
}

.bg-light-yellow {
    background: #EAF0E5;
}

.body-background-color {
    background: #EAE3E3 !important;
}

.padding-space {
    padding: 0px;
}

.white-back {
    background: white;
    /*border-radius: 10px;*/
}

.black-border {
    border: 1px solid black;
}

.grey-border {
    border: 1px solid #B2A6A6;
}

.margin-5 {
    margin: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.circle-shape {
    border-radius: 50%;
    padding: 25px;
}

.btn-circle-width {
    width: 11.666667%;
}

.btn-spacing {
    /*margin-left: 13px;*/
    margin-bottom: 5px;
}

.border-button-group {
    background: #417086;
    border-radius: 14px;
}

.vertical-text {
    transform: rotate(270deg);
    transform-origin: right 21px;
    margin-top: 10px;
}

.margin-top-50minus {
    margin-top: -50px;
}

.padding-space-5 {
    padding: 5px;
}

.margin-15-left-minus {
    margin-left: -10px;
}


/*animation*/


.menu {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

    .menu:hover {
        background: #A7F4E5 !important;
        border-left: 1px solid rgb(94, 177, 207);
        border-left-width: medium;
    }

.box-shadowhover:hover {
    box-shadow: 1px 1px 15px black;
}

.blue {
    color: #728EA9 !important;
}

.menu-list {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

    .menu-list:hover {
        background: #FAFAF9 !important;
        border-right: 1px solid rgb(181, 0, 255);
        border-right-width: medium;
    }

/*.circle {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

    .circle:hover {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        background-image: linear-gradient(to top,rgba(125, 132, 131, 0.45),rgba(255, 255, 255, 0.15)) !important;
    }*/



.padding-side {
    padding: 0 15px;
}


/*basic layout*/
.navbar-image {
    height: 44px;
    margin-top: -12px;
}

.margin-top-15 {
    margin-top: 15px;
}

.padding-right {
    padding-right: 10px;
}

.margin-left-3 {
    margin-left: 2.5%;
}

.margin-top-3 {
    margin-top: 1.5%;
}

.col-cs-8 {
    width: 64% !important;
}

.white-color {
    color: white !important;
}

.margin-top-1 {
    margin-top: 1%;
}

/* css based spinner */

/**
 * (C)Leanest CSS spinner ever
 */

@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
	position: relative;
	display: inline-block;
	width: 5em;
	height: 5em;
	margin: 0 .5em;
	font-size: 12px;
	text-indent: 999em;
	overflow: hidden;
	animation: spin 1s infinite steps(8);
}

.small.progress {
	font-size: 6px;
}

.large.progress {
	font-size: 24px;
}

.progress:before,
.progress:after,
.progress > div:before,
.progress > div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 2.25em; /* (container width - part width)/2  */
	width: .5em;
	height: 1.5em;
	border-radius: .2em;
	background: #eee;
	box-shadow: 0 3.5em #eee; /* container height - part height */
	transform-origin: 50% 2.5em; /* container height / 2 */
}

.progress:before {
	background: #555;
}

.progress:after {
	transform: rotate(-45deg);
	background: #777;
}

.progress > div:before {
	transform: rotate(-90deg);
	background: #999;
}

.progress > div:after {
	transform: rotate(-135deg);
	background: #bbb;
}