@import "../fonts/stylesheet.css";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    font-family: 'MyriadWebPro';
    -webkit-font-size-adjust: 100%;
}
body, html {
    height: 100%;
    /* background: #e5f4f1; */
    position: relative;
    min-height: 100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
* {
	margin: 0;
	outline: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: #939598;
  opacity: 1;
  font-size: 13px;
}
input::-moz-placeholder,textarea::-moz-placeholder {
  color: #939598;
  opacity: 1;
  font-size: 13px;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
  color: #939598;
  opacity: 1;
  font-size: 13px;
}
input:-moz-placeholder,textarea:-moz-placeholder {
  color: #939598;
  opacity: 1;
  font-size: 13px;
}
input:focus {
	border-color: #d7df23 !important;
}
.loginPage {
    text-align: center;
 min-height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
}
.loginPage .pageCntnt {
	width: 250px;
	margin: auto;
}
.loginPage .pageCntnt img {
	margin-bottom: 25px;
}
.loginPage .pageCntnt form input {
	display: inline-block;
	max-width: 230px;
	margin-bottom: 17px;
	background: transparent;
	border: 1px solid #eae9e9;
	border-radius: 50px;
	padding: 10px 55px;
	text-align: center;
    font-size: 14px;
}
.loginPage .pageCntnt form input[type="submit"] {
    margin-top: 10px;
    display: inline-block;
    width: 95px;
    text-align: center;
    padding: 5px;
    border: none;
    background: #f4f5f5;
    border-radius: 0;
    text-transform: uppercase;
    color: #231f20;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
}
.loginPage .pageCntnt form input[type="button"]:hover {
	/*background: #d7df23;*/
    cursor: pointer;
}
/*.taskPage {
	height: 100vh;
}*/
.taskPage .sidebar {
    width: 12%;
    /* max-width: 170px; */
    float: left;
    height: 100%;
	padding: 6% 12px; 
    text-align: center;
	background:#e5f4f1;
	position:absolute;
	left:0;
	top:0;
	transition:All 0.2s ease;
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
}
.taskPage .pageCntnt {
    width: 88%;
    float: right;
    height: 100%;
    background: #fff;
    padding: 0 3% 0 5%;
	 transition:All 0.2s ease;
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
    background-color: #fff;
}
.taskPage .pageCntnt .logoOuter, .taskPage .pageCntnt .headerRight, .taskPage .pageCntnt header, .hsearchForm, .taskPage .pageCntnt .navOuter, .hsearchForm input {
	display: inline-block;
	vertical-align: middle;
}
.taskPage .pageCntnt .logoOuter {
	width: 6%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}
.taskPage .pageCntnt .headerRight {
    width: 92%;
}
.taskPage .pageCntnt .navOuter ul {
	list-style: none;
}
.taskPage .pageCntnt .navOuter li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
    text-align: center;
}
.taskPage .pageCntnt .navOuter li:last-child
{
	margin: 0;
}
.taskPage .pageCntnt .navOuter li a {
    text-decoration: none;
    font-size: 13px;
    color: #231f20;
    text-transform: uppercase;
    padding: 6px 14px;
    display: block;
    vertical-align: top;
}
.taskPage .pageCntnt .navOuter li a:hover,.taskPage .pageCntnt .navOuter li a.active {
	background: #f4f5f5;
}
.taskPage .pageCntnt header {
    padding: 15px 0;
    width: 100%;
}
.taskPage .pageCntnt .navOuter {
    width: 760px;
    margin-top: 6px;
}
.hsearchForm {
    width: 225px;
    margin-left: 0;
    float: right;
    text-align: right;
    margin-top: 1px;
}
.hsearchForm input[type="text"] {
    width: 82%;
    padding: 8px 10px 8px 40px;
    margin-right: 2px;
    border-radius: 30px;
    border: 1px solid #eae9e9;
    font-weight: 400;
    height: 32px;
    font-size: 13px;
    color: #939598;
	position:relative;
}
.hsearchForm input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 1 !important;
  color: #939598 !important;
}
.hsearchForm input::-moz-placeholder { /* Firefox 19+ */
  opacity: 1 !important;
  color: #939598 !important;
}
.hsearchForm input:-ms-input-placeholder { /* IE 10+ */
  opacity: 1 !important;
  color: #939598 !important;
}
.hsearchForm input:-moz-placeholder { /* Firefox 18- */
  opacity: 1 !important;
  color: #939598 !important;
}
.hsearchForm input[type="submit"],.hsearchForm input[type="button"] {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: none;
    color: #000;
    cursor: pointer;
}
.hsearchForm .searchFilter {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: left;
    padding-left: 35px;
    margin-top: 5px;
    color: #6d6e71;
}
.hsearchForm .searchFilter label {
    font-size: 12px;
    position: relative;
    padding-left: 15px;
    cursor: pointer;
}
.hsearchForm .searchFilter input[type="checkbox"] {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.checkmark {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #d7d8da;
    border-radius: 2px;
}
.checkmark:after {
    position: absolute;
    left: -1px;
    top: 2px;
    content: "\e903";
    font-family: 'icomoon';
    font-size: 5px;
    display: none;
    line-height: 8px;
    text-align: center;
    width: 100%;
    height: 100%;
}
.hsearchForm input:checked ~ .checkmark:after {
    display: block;
}
.greetbox {
    color: #231f20;
    margin-bottom: 60%;
}
.greetbox p {
    font-size: 13px;
    color: #231f20;
    margin-bottom: 14px;
    /*font-family: 'Myriad Web Pro';*/
}
.greetbox h2 {
    font-size: 32px;
    font-weight: normal;
    line-height: 30px;
}
.greetbox h2 span {
    font-size: 25px;
    display: block;
}
.createFeature p {
    font-size: 15px;
    margin-bottom: 7px;
    line-height: 20px;
}
.createFeature span {
    background: #ffffff;
    padding: 5px 0;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-weight: 500;
    margin-bottom: 10px;
}
.createFeature h2 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: normal;
}
.createFeature a {
    font-size: 12px;
    color: #231f20;
    margin-bottom: 20px;
    font-weight: normal;
    text-decoration: underline;
}
.hsearchForm input[type=submit] {
    font-size: 12.76px;
    width: 32px;
    height: 32px;
}
.filter-section {
    padding: 35px 0 0 14px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.filter-left-outer h2 {
    font-size: 26px;
    font-weight: 400;
    color: #231f20;
    margin: 0 0 14px 0;
}
.hsearchForm form {
    position: relative;
}
.hsearchForm i.icon-search {
    position: absolute;
    left: 15px;
    color: #d4d2dc;
    top: 10px;
    font-size: 13px;
    z-index: 9;
}
.filter-section .colums {
    width: 50%;
    float: left;
}
.filter-form form {
    position: relative;
}
.filter-form input[type="text"] {
    width: 46%;
    padding: 8px 10px 8px 40px;
    margin-right: 10px;
    border-radius: 30px;
    border: 1px solid #eae9e9;
    font-weight: 400;
    height: 32px;
    font-size: 13px;
    color: #231f20;
}
.filter-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 1 !important;
  color: #231f20 !important;
}
.filter-form input::-moz-placeholder { /* Firefox 19+ */
  opacity: 1 !important;
  color: #231f20 !important;
}
.filter-form input:-ms-input-placeholder { /* IE 10+ */
  opacity: 1 !important;
  color: #231f20 !important;
}
.filter-form input:-moz-placeholder { /* Firefox 18- */
  opacity: 1 !important;
  color: #231f20 !important;
}
.filter-form i.icon-search {
    position: absolute;
    left: 16px;
    color: #d4d2dc;
    top: 10px;
    font-size: 13px;
}
.filter-right-outer
{
	text-align: right;
}
.logout-outer
{
	display: block;
	margin-bottom: 15px;
}
.logout-outer a
{
	color: #231f20;
	font-size: 12px;
}
.selectric-select-field {
    width: 158px;
    display: inline-block;
    text-align: left;
}
.selectric-select-field .selectric {
    border-color: #e6e6e5 !important;
    border-radius: 34px;
    background: none;
}
.selectric-select-field.selectric-open .selectric
{
    border-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}
.selectric-select-field .selectric .label {
    height: 33px;
    line-height: 37px;
    color: #231f20;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 8px;
}
.selectric-select-field .selectric .button {
    height: 33px;
    line-height: 33px;
    background: none;
}
.selectric-select-field .selectric-items {
    border-color: #e6e6e5 !important;
}
.selectric-select-field .selectric-items li {
    padding: 9px 10px;
}
.main-dashboard-table
{
    width: 100%;
    float: left;
    margin-top: 63px;
}
.dashboard-table-top
{
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.ts-table-top-inn
{
    float: left;
}
#new-task-add
{
    background-color: #c2c2c2;
    color: #fff;
    width: 100px;
    height: 24px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    font-weight: normal;
    text-decoration: none;
}
.project-name
{
    color: #000000;
    width: 100px;
    height: 24px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    font-weight: 600;
    text-decoration: none;
}
.project-name.color-code1
{
    background-color: #b4e0dc;
}
.project-name.color-code2
{
    background-color: #b0b6dc;
}
.project-name.color-code3
{
    background-color: #ffecc8;
}
.project-name.color-code4
{
    background-color: #facacd;
}
.ts-table-top-inn
{
    font-size: 12.89px;
    color: #231f20;
    line-height: 27px;
}
.ts-table-top-inn.colums2
{
    font-size: 14.89px;
     width: 54%;
     font-weight: 600;
}
.ts-table-top-inn.colums {
    width: 14%;
    position: relative;
}
.ts-table-top-inn.colums .icon-check {
    height: 22px;
    left: -27px;
    position: absolute;
    width: 22px;
    border: 1px solid #b4b4b5;
    top: 2px;
    border-radius: 50%;
    line-height: 22px;
    color: #e4e4e4;
    text-align: center;
    font-size: 10px;
}
.ts-table-top-inn.colums3 {
    width: 11%;
    font-weight: bold;
}
.ts-table-top-inn.colums3 i, .ts-table-top-inn.colums3 span {
    color: #a4a4a4;
    font-weight: normal;
}
.ts-table-top-inn.colums3 i {
    margin-right: 5px;
    font-size: 12px;
}
.ts-table-top-inn.colums4 {
    width: 8%;
     font-weight: bold;
}
.ts-table-top-inn.colums4 i
{
    margin-left: 8px;
    color: #d02728;
    font-size: 14px;
}
.ts-table-top-inn.colums5
{
     width: 112px;
     font-weight: bold;
}
.ts-table-top-inn.colums5 select {
    font-size: 12px;
    font-weight: bold;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right center;
    cursor: pointer;
}
.dashboard-table-row .ts-table-top-inn.colums2 {
    font-size: 15.89px;
    font-weight: 400;
    padding-right: 30px;
}
.ts-table-top-inn .tasklftCntnt {
    float: left;
    width: 71%;
    position: relative;
}
.ts-table-top-inn .tasklftCntnt .icon-location {
    position: absolute;
    left: -27px;
    top: 0;
    font-size: 20px;
    font-weight: bold;
    color: #6a85c3;
}
.ts-table-top-inn .tasklftCntnt span,.ts-table-top-inn .tasklftCntnt i,.ts-table-top-inn .taskrytCntnt span,.ts-table-top-inn .taskrytCntnt i {
    display: inline-block;
    vertical-align: middle;
}
.ts-table-top-inn .tasklftCntnt span {
    line-height: 20px;
}
.ts-table-top-inn .tasklftCntnt i {
    font-size: 14px;
    color: #a3a2a3;
}
.ts-table-top-inn .tasklftCntnt i.icon-bell {
    margin-left: 20px;
}
.ts-table-top-inn .taskrytCntnt {
    float: right;
    width: 28%;
    text-align: right;
}
.ts-table-top-inn .taskrytCntnt i {
    font-size: 18px;
    color: #a3a2a3;
    margin-right: 30px;
    font-weight: bold;
}
.ts-table-top-inn .taskrytCntnt span {
    font-size: 13px;
    color: #a09fa2;
}
.dashboard-table-row {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px dotted #e8e8e7;
    padding-bottom: 6px;
    padding-top: 10px;
    width: 100%;
}
.redcolor {
    color: #ef3e47;
}
.bottomLinks {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 40px;
}
.bottomLinks p {
    margin-bottom: 20px;
}
.bottomLinks a {
    display: inline-block;
    vertical-align: top;
    color: #a2a1a1;
    font-size: 15px;
    text-decoration: underline;
}
.menuSwitch {
    display: none;
    cursor: pointer;
}

/*-----2/7/18------*/

.taskPage {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    min-height: 100vh;
}
.add-new-task-section ul{
	list-style:none;
}
.task-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.add-new-task-section {
    display: inline-block;
    width: 100%;
    box-shadow: 0px 0px 37px #e6f4f4;
    padding:28px 46px 12px;
    background: #fff;
	margin: 30px 0 0;
	position:relative;
	display:none;
}
.add-new-first-row,.add-new-third-row,.add-new-last-row{
	display:inline-block;
	width:100%;
}
.add-new-second-row{
	display:inline-block;
	width:51%;
	margin: 23px 0 11px 0;
}

.add-new-first-row h2 {
    font-size: 18px;
    width: 584px;
    font-weight: 700;
	float:left;
	color: #000000;
	width:30%;
}
.add-new-first-row h2 span {
    font-size: 11px;
    font-weight: 700;
    color: #000000;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    background: #e6f4f4;
    padding: 0 21px;
    margin: 0 0 0 10px;
    vertical-align: bottom;
    height: 22px;
    line-height: 24px;
}
.add-new-first-row .notes-block{
	float:right;
	width:70%;
	text-align:right;
}
.add-new-first-row .notes-block li.outer_li {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
	cursor:pointer;
	text-transform:capitalize;
	font-size:13px;
	color: #a4a4a4;
    position: relative;
	padding:11px 0;
}
.add-new-first-row .notes-block li img{
	padding:0 4px 0 0;
}
.add-new-first-row .notes-block li .icon-error{
	color: #d02728;
}

.txt-block {
    float: left;
	width: 42%;
	
}
.assign-block {
    float: right;
}
.add-new-second-row input[type="text"],.add-new-third-row input[type="text"]{
	    border-bottom: 1px solid #cfcfcf;
    border-top: none;
	   border-right: none;
	      border-left: none;
		      height: 30px;;
			  width:100%;
			  height:30px;
}

.add-new-third-row input[type="text"]{
	width:100%;
}
.add-new-third-row .txt-block{
	width:51%;
	display:inline-block;
}
.sel_ect {
    background: url(../images/down-arrow1.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: right center;
    border-bottom: 1px solid #cfcfcf;
    border-radius: 20px;
    border: 1px solid #cfcfcf;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 9px 74px 9px 22px;
}
.add-new-third-row p {
    margin: 0 0 0 21px;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    font-size: 14px;
    color: #000;
	font-weight:600;
}
.add-new-third-row p a{
    display: inline-block;
     color: #000;
	 margin:0 11px;
}
.add-new-third-row p a:hover{
	text-decoration:none;
}
/* Hide the browser's default checkbox */
 .add-new-last-row input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.add-new-last-row{
	margin:40px 0 0 0;
}
.add-new-last-row p{
	font-size:11px;
	color:#6eb7e4;
	float:left;
	line-height: 30px;
	font-weight:500;
	font-family:'MyriadWebPro';
}
.launch-task-outer{
	float:right;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 11px;
    width: 11px;
    background-color: #e6f4f4;	
	border:none;
	border-radius:3px;
}

 .add-new-last-row input:checked ~ .checkmark {
    background-color: none;
	background-image:url("../images/checked_icon.png");
	background-position:center;
	background-repeat:no-repeat;
	border:none;
} 
.launch-task {
    position: relative;
    padding: 1px 0 0 15px;
    font-size: 11px;
}
.add-task {
    background: #e6f4f4;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 0 21px;
	cursor:pointer;
}
.add-task:hover{
	background:#d1d2d4;
}

/* side bar rules */
.left_arr_icon {
    position: absolute;
    right: 5px;
    top: 7px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
}
.sidebar.hide {
    left: -9%;
/*     padding-right: 6%; */
}
.pageCntnt.add-width{
	width:97%;
}

.checkmark1 {
    position: absolute;
    top: 2px;
    left: -32px;
    height: 24px;
    width: 24px;
    background-color: transparent;
	background-image:url("/css/images/chkbox_unchecked_circle.png");
	background-position:center;
	background-repeat:no-repeat;
}

 .task-check input:checked ~ .checkmark1 {
    background-color: transparent;
	background-image:url("/css/images/chkbox_checked_circle.png");
	background-position:center;
	background-repeat:no-repeat;
	border:none;
} 

.task-check input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.txt-block input::placeholder {
  color: #000;
  font-size:18px;
}
/* 6-7-18 */
.mobile-menu{
	display:none;
}
.createFeature {
    display: inline-block;
    width: 100%;
}
.desktop_none{
	display:none;
}
samp{
	    font-family: 'MyriadWebPro';

}


/* 11-7-2018 */




/* popover rules */

.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -128px;
    transform: translate(0,10px);
    background-color: #e5f4f1;
    width: 350px;
    padding: 14px;
    text-align: left;
}
.popover_width{
	
}
.popover__content h4,.popover__content2 h4,.popover__content3 h4 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    padding: 0 0 5px;
}
.popover__content input[type="text"] {
    width: 100%;
    height: 69px;
    background: transparent;
    border: 1px solid #ccc;
    margin: 0 0 16px;
}
.button_blk {
    text-align: right;
}
.button_blk button {
    background: transparent;
    border: none;
    margin: 0 0 0 11px;
    text-decoration: underline;
	font-size:12px;
	cursor:pointer;
}
button.save {
    background: #ccc;
    color: #000;
    padding: 4px 8px;
    text-decoration: none;
}
.popover__content:before {
    position: absolute;
    z-index: -1;
    content: '';
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e5f4f1 transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0,12px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}
.error_popup li{
	display:block;
	}
.error_popup {
    width: 160px;
}
.popover__content1:before {
    position: absolute;
    z-index: -1;
    content: '';
    right: calc(33% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e5f4f1 transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover__wrapper:hover .popover__content1 {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0,12px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__content1 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -94px;
    transform: translate(0,10px);
    background-color: #e5f4f1;
    width: 152px;
    padding: 11px 0 0;
    text-align: left;
}
.error_popup li {
    display: inline-block;
    width: 100%;
    padding: 0 8px;
    height: 31px;
    line-height: 35px;
}
.error_popup li span {
    margin: 0 0 0 12px;
    font-size: 16px;
	font-weight:500;
	color:#000;
    vertical-align: top;
}
.error_popup.icon-error {
    color: #d02728;
    vertical-align: middle;
}
.error_popup li:hover{
	background:#fff;
}
.error_popup .icon-error.color1{
	color:#e2bc51 !important;
}
.error_popup .icon-error.color2{
	color:#4ebb46 !important;
}
.error_popup .icon-error.color3{
	color:#9c9e9b !important;
}
.popover__content2:before {
    position: absolute;
    z-index: -1;
    content: '';
    right: calc(59% - 8px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e5f4f1 transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover__wrapper:hover .popover__content2 {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0,12px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__content2 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -63px;
    transform: translate(0,10px);
    background-color: #e5f4f1;
    width: 175px;
    padding:11px 31px 10px;
    text-align: center;
}

.checkmark_pop {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 10px;
    background-color: #ccc;	
	border:none;
	border-radius:3px;
}

 .chk_box_pop input:checked ~ .checkmark_pop {
    background-color: none;
	background-image:url("../images/checked_icon.png");
	background-position:center;
	background-repeat:no-repeat;
	border:none;
} 
.add-remove {
    position: relative;
    padding:0 0 0 17px;
	margin: 6px 0 0 0;
    font-size: 11px;
	color:#000;
	display: block;
}
.chk_box_pop input[type="checkbox"]{
	display:none;
}
.select_outer select {
    -webkit-appearance: none;
    width: 47px;
    padding: 2px 5px;
    border: 1px solid #ccc;
	background-image:url("../images/drop-down.png");
	background-position:right;
	background-repeat:no-repeat;
}
.select_outer span {
    color: #000;
    font-size: 15px;
    display: inline-block;
    vertical-align: sub;
    width: a;
}
.chk_box_pop {
    padding: 0 0 0 4px;
	text-align:left;
	margin:11px 0 16px;
}
.popover__content3:before {
    position: absolute;
    z-index: -1;
    content: '';
    right: calc(33% - 8px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e5f4f1 transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover__wrapper:hover .popover__content3 {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0,12px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__content3 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -192px;
    transform: translate(0,10px);
    background-color: #e5f4f1;
    width: 300px;
    padding:11px 11px 10px;
    text-align: center;
}
.select_outer h5{
	text-align:left;
	font-weight:500;
	padding:0 0 3px;
}
.select_outer {
    display: inline-block;
    width: 100%;
}
.popover__content3 h4 {
    text-align: left;
}
.select_time {
    float: right;
}
.select_date {
    float: left;
	width: 53%;
}
input#datepicker {
    width: 100%;
    padding: 2px;
    border: 1px solid #ccc;
}
.bell_popup .chk_box_pop {
    margin: 11px 0 0;
}
.setting_icon {
    float: left;
    position: relative;
    top: 5px;
    cursor: pointer;
}
#calendar_icon img.ui-datepicker-trigger {
    position: absolute;
    top: 9px;
    opacity: 0;
    left: 0;
}
/* popover rules ends */