/* normalized.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}


/* End:Normalized.css */


/* font */

@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700); */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
@charset "UTF-8";
/* @font-face {
    font-family: tooticons;
    src: url(../../fonts/tooticons/tooticons.eot?1399559794);
    src: url(../../fonts/tooticons/tooticons.eot?&1399559794#iefix) format('embedded-opentype'), url(../../fonts/tooticons/tooticons.woff?1399559794) format('woff'), url(../../fonts/tooticons/tooticons.ttf?1399559794) format('truetype'), url(../../fonts/tooticons/tooticons.svg?1399559794#tooticons) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: tooticons!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" lance-"]:before,
[class^=lance-]:before,
[data-icon]:before {
    font-family: lance!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
 */

/* @font-face {
  font-family: "lanes";
  src:url("../../fonts/lanseicon/lanes.eot");
  src:url("../../fonts/lanseicon/lanes.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/lanseicon/lanes.woff") format("woff"),
    url("../../fonts/lanseicon/lanes.ttf") format("truetype"),
    url("../../fonts/lanseicon/lanes.svg#lanes") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "lanes" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
/*  [class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "lanes" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}  */

@font-face {
    font-family: 'Roboto';
    src: url('font/roboto-bold-webfont.eot');
    src: url('font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-bold-webfont.woff2') format('woff2'),
         url('font/roboto-bold-webfont.woff') format('woff'),
         url('font/roboto-bold-webfont.ttf') format('truetype'),
         url('font/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Roboto';
    src: url('font/roboto-light-webfont.eot');
    src: url('font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-light-webfont.woff2') format('woff2'),
         url('font/roboto-light-webfont.woff') format('woff'),
         url('font/roboto-light-webfont.ttf') format('truetype'),
         url('font/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'Roboto';
    src: url('font/roboto-medium-webfont.eot');
    src: url('font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-medium-webfont.woff2') format('woff2'),
         url('font/roboto-medium-webfont.woff') format('woff'),
         url('font/roboto-medium-webfont.ttf') format('truetype'),
         url('font/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;

}




@font-face {
    font-family: 'Roboto';
    src: url('font/roboto-regular-webfont.eot');
    src: url('font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-regular-webfont.woff2') format('woff2'),
         url('font/roboto-regular-webfont.woff') format('woff'),
         url('font/roboto-regular-webfont.ttf') format('truetype'),
         url('font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;

}


.lance-ribbon:before {color: red !important;
    content: "\68"
}

/* .icon-star1:before {
    content: "\6c"
} */

.lance-interface:before {color: red !important;
    content: "\6d"
}

.lance-document:before {color: red !important;
    content: "\70"
}

.lance-file:before {color: red !important;
    content: "\72"
}

.lance-cog:before {color: red !important;
    content: "\74"
}

.lance-thumb-tack:before {color: red !important;
    content: "\75"
}



.lance-arrow-left-c:before {color: red !important;
    content: "\4c"
}

.lance-arrow-left:before {color: red !important;
    content: "\4d"
}

.lance-arrow-right:before {color: red !important;
    content: "\4e"
}

.lance-menu:before {color: red !important;
    content: "\4b"
}

.lance-reorder:before {color: red !important;
    content: "\4f"
}

.lance-angle-left:before {color: red !important;
    content: "\51"
}

.lance-angle-right:before {color: red !important;
    content: "\52"
}

.lance-interface-1:before {color: red !important;
    content: "\53"
}




.lance-android-share-alt:before {color: red !important;
    content: "\57"
}

.lance-android-notifications:before {color: red !important;
    content: "\58"
}




.lance-screen:before {color: red !important;
    content: "\34"
}

.lance-android-document:before {color: red !important;
    content: "\35"
}



.lance-check-1:before {color: red !important;
    content: "\22"
}




.lance-android-archive:before {color: red !important;
    content: "\5a"
}

.lance-file-word-o:before {color: red !important;
    content: "\24"
}

.lance-file-powerpoint-o:before {color: red !important;
    content: "\26"
}

.lance-file-pdf-o:before {color: red !important;
    content: "\27"
}

.lance-files-o:before {color: red !important;
    content: "\28"
}

.lance-file-excel-o:before {color: red !important;
    content: "\29";
	font-family: lance;
}

.lance-android-attach:before {color: red !important;
    content: "\6b"
}



.icon-exp-1:before {color: red !important;
    content: "\6e"
}



.lance-arrow:before {color: red !important;
    content: "\73"
}

.lance-chevron-up:before {color: red !important;
    content: "\50"
}

.lance-chevron-down:before {color: red !important;
    content: "\55"
}

.lance-record-rec:before {color: red !important;
    content: "\36"
}



.lance-android-create:before {color: red !important;
    content: "\25"
}

.lance-reload:before {color: red !important;
    content: "\2a"
}

.lance-genderless:before {color: red !important;
    content: "\2b"
}

/* .icon-arrow1:before {color: red !important;
    content: "\2c"
} */


/* .icon-circle1:before {color: red !important;
    content: "\3b"
} */

/* .icon-arrow-1:before {color: red !important;
    content: "\3d"
} */
/* 
.icon-line:before {color: red !important;
    content: "\3a"
} */

/* .icon-rectangle:before {color: red !important;
    content: "\3c"
} */

/* .icon-rectangle1:before {color: red !important;
    content: "\3e"
} */

/* .icon-circle:before {color: red !important;
    content: "\3f"
}
 */
.lance-loop:before {color: red !important;
    content: "\40"
}


/* .icon-paint:before {color: red !important;
    content: "\5e"
} */

.lance-notify-comment-icon:before {color: red !important;
    content: "\5d"
}

.lance-notify-lane-icon:before {color: red !important;
    content: "\5f"
}

.lance-android-time:before {color: red !important;
    content: "\60"
}

.lance-plus:before {color: red !important;
    content: "\7b"
}



/* End: font */


/* Screen.css */

.checkbox-switch:after,
.tooltip.in {
    filter: alpha(enabled=false);
    opacity: 1
}

.checkbox-switch input[type=checkbox],
.time-checkbox input[type=checkbox] {
    visibility: hidden
}

.btn,
.btn:active,
.btn:focus,
.btn:hover,
.btn:visited {
    text-decoration: none
}

.video-control .circle,
.video-recording {
    text-shadow: rgba(45, 50, 61, .08) 1px 2px 1px
}

.audio-controls #btn-volume .cover,
.audio-record.done>a,
.edit-mode #tooteet-comments,
.media-controls #btn-volume .cover,
.month-chart>li.disabled,
.reader-permissions #share-settings,
.tooteet-open #main-content,
ul.tooteet-types-btn li a#all-types,
ul.tooteet-types-btn li a:visited#all-types {
    pointer-events: none
}

.browser-support {
    background: #009ce9
}

.browser-support .content-area {
    height: 100%;
    text-align: center;
    margin: auto
}

.browser-support h1 {
    font-size: 24px;
    background: url(../../images/Logo_login.png) center top no-repeat;
    padding-top: 135px;
    margin-bottom: 20px;
    line-height: 45px;
    color: #fff;
    text-align: center
}

.browser-support p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    text-align: center
}

.name-container>a .cog-settings,
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1;
    font-family: Roboto, arial
}

#calendar table thead,
.btn-danger,
.btn-darkblue,
.btn-darkgray,
.btn-default,
.btn-gray,
.btn-primary,
.btn-success,
.checkbox-switch:after,
.checkbox-switch:before,
.form-headings,
.form-label,
.stack-list>li>a,
.tooltip {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}

ol,
ul {
    list-style: none
}

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

#calendar table,
.datepicker table {
    border-collapse: separate;
    border-spacing: 2px
}

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

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

.dropdown-options:after,
.line-list>li:after {
    content: "";
    clear: both
}

a img {
    border: none
}

#calendar table tbody td,
.tooltip-inner {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

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

@font-face {
    font-family: "Open Sans";
    src: url(../../fonts/opensans/bold/opensans-bold.eot?1394203700);
    src: url(../../fonts/opensans/bold/opensans-bold.eot?&1394203700#iefix) format('embedded-opentype'), url(../../fonts/opensans/bold/opensans-bold.woff?1394203700) format('woff'), url(../../fonts/opensans/bold/opensans-bold.ttf?1394203700) format('truetype'), url(../../fonts/opensans/bold/opensans-bold.svg?1394203700#opensans-bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(../../fonts/opensans/bold/opensans-bolditalic.eot?1394203700);
    src: url(../../fonts/opensans/bold/opensans-bolditalic.eot?&1394203700#iefix) format('embedded-opentype'), url(../../fonts/opensans/bold/opensans-bolditalic.woff?1394203700) format('woff'), url(../../fonts/opensans/bold/opensans-bolditalic.ttf?1394203700) format('truetype'), url(../../fonts/opensans/bold/opensans-bolditalic.svg?1394203700#opensans-bolditalic) format('svg');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(../../fonts/opensans/semibold/opensans-semibold.eot?1394203700);
    src: url(../../fonts/opensans/semibold/opensans-semibold.eot?&1394203700#iefix) format('embedded-opentype'), url(../../fonts/opensans/semibold/opensans-semibold.woff?1394203700) format('woff'), url(../../fonts/opensans/semibold/opensans-semibold.ttf?1394203700) format('truetype'), url(../../fonts/opensans/semibold/opensans-semibold.svg?1394203700#opensans-semibold) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(../../fonts/opensans/semibold/opensans-semibolditalic.eot?1394203700);
    src: url(../../fonts/opensans/semibold/opensans-semibolditalic.eot?&1394203700#iefix) format('embedded-opentype'), url(../../fonts/opensans/semibold/opensans-semibolditalic.woff?1394203700) format('woff'), url(../../fonts/opensans/semibold/opensans-semibolditalic.ttf?1394203700) format('truetype'), url(../../fonts/opensans/semibold/opensans-semibolditalic.svg?1394203700#opensans-semibolditalic) format('svg');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(../../fonts/opensans/regular/opensans-regular.eot?1394203700);
    src: url(../../fonts/opensans/regular/opensans-regular.eot?&1394203700#iefix) format('embedded-opentype'), url(../../fonts/opensans/regular/opensans-regular.woff?1394203700) format('woff'), url(../../fonts/opensans/regular/opensans-regular.ttf?1394203700) format('truetype'), url(../../fonts/opensans/regular/opensans-regular.svg?1394203700#opensans-regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(../../fonts/opensans/regular/opensans-italic.eot?1394203700);
    src: url(../../fonts/opensans/regular/opensans-italic.eot?&1394203700#iefix) format('embedded-opentype'), url(../../fonts/opensans/regular/opensans-italic.woff?1394203700) format('woff'), url(../../fonts/opensans/regular/opensans-italic.ttf?1394203700) format('truetype'), url(../../fonts/opensans/regular/opensans-italic.svg?1394203700#opensans-italic) format('svg');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Open Sans";
    src: url(../../fonts/opensans/light/opensans-light.eot?1394203700);
    src: url(../../fonts/opensans/light/opensans-light.eot?&1394203700#iefix) format('embedded-opentype'), url(../../fonts/opensans/light/opensans-light.woff?1394203700) format('woff'), url(../../fonts/opensans/light/opensans-light.ttf?1394203700) format('truetype'), url(../../fonts/opensans/light/opensans-light.svg?1394203700#opensans-light) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(../../fonts/opensans/light/opensans-lightitalic.eot?1394203700);
    src: url(../../fonts/opensans/light/opensans-lightitalic.eot?&1394203700#iefix) format('embedded-opentype'), url(../../fonts/opensans/light/opensans-lightitalic.woff?1394203700) format('woff'), url(../../fonts/opensans/light/opensans-lightitalic.ttf?1394203700) format('truetype'), url(../../fonts/opensans/light/opensans-lightitalic.svg?1394203700#opensans-lightitalic) format('svg');
    font-weight: 300;
    font-style: italic
}

.loader_outer {
    /*background:url(../../images/overlay.png) rgba(0,0,0,0);*/
    opacity: 1;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.loader_inner {
    color: #666;
	position: fixed;
    text-align: left;
    top: 49%;
    top: -webkit-calc(50% - 25px);
    top: -moz-calc(50% - 25px);
    top: -ms-calc(50% - 25px);
    top: calc(50% - 25px);
    left: 49%;
    left: -webkit-calc(50% - 25px);
    left: -moz-calc(50% - 25px);
    left: -ms-calc(50% - 25px);
    left: calc(50% - 25px);
    z-index: 10001;
    margin: auto
}
.cognitive-services .loader_inner{position:absolute}
.tooteet-view .loader{
	width:30px;
	height:30px;
	 border: 3px solid #009cea;
	 margin:auto;
	 text-align:center;
	animation: rotate .8s infinite linear;
	border: 3px solid #009cea;
	border-right-color: transparent;
	}
.cognitive-services .title-block{
	color:#009cea;
	font-size:16px;
}	
.cognitive-services .title-block-desc {
	color: #727888;
	font-weight:600;
}
.cognitive-services .cs-no-tag {
	color: #009cea;
}
.cognitive-services .title-block-note{
	color: #8c94a9;
}

.detail_page .cognitive-services{
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
	padding: 17px 20px;
}
.detail_page .cognitive-services ul{
	padding:5px;
}
#picture-teet .loader_inner,
#play-video .loader_inner,
.create-tooteet .loader_inner {
    color: #666;
    position: absolute;
    text-align: left;
    top: 49%;
    top: -wbkit-calc(50% - 15px);
    top: -moz-calc(50% - 15px);
    top: -ms-calc(50% - 15px);
    top: calc(50% - 15px);
    left: 49%;
    left: -webkit-calc(50% - 15px);
    left: -moz-calc(50% - 15px);
    left: -ms-calc(50% - 15px);
    left: calc(50% - 15px);
    z-index: 10001;
    margin: auto
}

b,
strong {
    font-weight: 700
}

.textcolor-orange {
    color: #fbaa18
}

.textcolor-cyan {
    color: #1cc9e1
}

.textcolor-green {
    color: #98ec02
}

.textcolor-blue {
    color: #1989ca
}

.textcolor-magenta {
    color: #ff69e6
}

.textcolor-yellow {
    color: #ffea00
}

.textcolor-red {
    color: #ea0000
}

.textcolor-gray {
    color: #bbb
}

.info-new {
    color: #f6142b;
    font-weight: 600
}

.info-new:hover {
    color: #e80920
}

.info-new:active,
.info-new:focus {
    color: #cf081d
}

.tooltip {
    font-size: 11px;
    -moz-transition: opacity .2s .2s ease;
    -o-transition: opacity .2s .2s ease;
    -webkit-transition: opacity .2s .2s;
    -webkit-transition-delay: ease;
    transition: opacity .2s .2s ease;
    z-index: 2600
}

#calendar table td,
#calendar table th,
.color-list>li>a .square {
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s
}

.tooltip.bottom {
    margin-top: 0
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #2d323d
}

.tooltip.right .tooltip-arrow {
    border-right-color: #2d323d
}

.tooltip.left .tooltip-arrow {
    border-left-color: #2d323d
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #2d323d
}

.tooltip-inner {
    background-color: #2d323d;
    color: #f5f6f7;
    padding: 4px 8px;
    border-radius: 2px
}

.tooltip-multiline {
    max-height: 36px;
    overflow: hidden
}

.tooltip-multiline .tooltip-inner {
    text-align: left;
    display: block;
    display: -webkit-box;
    max-height: 35.8px;
    font-size: 11px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.month-chart .tooltip .tooltip-inner {
    background-color: #57C98E;
    color: #fff;
    text-align: left;
    padding: 6px 10px
}

.month-chart .tooltip .tooltip-inner .toots-number {
    color: #fff;
    font-size: 10px
}

.stack-list>li>a,
.stack-list>li>a:visited {
    background-color: #fff;
    color: #b8bdca
}

.month-chart .tooltip.right {
    margin-left: -40px
}

.month-chart .tooltip.right .tooltip-arrow {
    border: 0 transparent
}

.list-inline {
    margin: 0
}

.list-inline>li {
    padding: 0;
    margin-left: 0px;
	vertical-align: middle;
}

.list-inline>li:first-of-type {
    margin-left: 0
}

.list-inline.color-list>li:first-of-type {
   /*  margin-left: -3px */
}

.sidebar-open .list-inline.color-list>li:first-of-type {
    margin-left: 0
}

.line-list>li {
    border-bottom: 1px solid #e7e9ec;
    position: relative;
    height: 50px;
    padding: 9px 0
}

.line-list>li:after {
    display: table
}

.line-list .details,
.stack-list>li {
    display: block;
    width: 100%
}

.line-list>li:first-of-type {
    border-top: 1px solid #e7e9ec
}

.line-list .icon {
    height: 100%;
    vertical-align: middle;
    line-height: 38px;
    position: absolute;
    left: 0
}

.line-list .details {
    float: left;
    text-align: left;
    padding-left: 35px
}

.line-list .details a {
    text-align: left;
    padding: 0
}

.line-list .dropdown-menu>li>a {
    padding: 10px 15px
}

.stack-list {
    width: 100%
}

.stack-list>li>a {
    width: 100%;
    display: inline-block;
    padding: 10px 12px;
    font-size: 13px
}

.stack-list>li>a:hover {
    background-color: #1ca8e1
}

.stack-list>li>a:active,
.stack-list>li>a:focus {
    background-color: #1989ca
}

.stack-list>li>a:active,
.stack-list>li>a:focus,
.stack-list>li>a:hover {
    color: #fff
}

.stack-list>li>a.active {
    background-color: #1ca8e1;
    color: #fff
}

.stack-list>li>a.upgrade,
.stack-list>li>a.upgrade:visited {
    background-color: #fff;
    color: #8bbe30
}

.stack-list>li>a.upgrade:hover {
    background-color: #8bbe30
}

.stack-list>li>a.upgrade:active,
.stack-list>li>a.upgrade:focus {
    background-color: #7caa2b
}

.stack-list>li>a.upgrade:active,
.stack-list>li>a.upgrade:focus,
.stack-list>li>a.upgrade:hover {
    color: #fff
}

.stack-list>li>a.upgrade.active {
    background-color: #8bbe30;
    color: #fff
}

.tick-list {
    list-style-image: url(../../images/tick.svg);
    list-style-position: outside;
    margin-left: 20px;
    margin-top: 10px
}

.tick-list>li {
    margin-bottom: 5px
}

.dropdown-info {
    padding-top: 6px;
    font-size: 12px;
    color: #b8bdca;
    margin-bottom: -2px
}

.dropdown-options {
    margin-left: -2px;
    margin-right: -2px;
    padding-bottom: 6px;
    padding-top: 10px
}

.dropdown-options:after {
    display: table
}

.dropdown-options>li {
    padding: 1px 5px
}

.new-weather .list-inline li {
    margin-left: 0;
    text-align: center;
    width: 30px
}

.options-right .new-weather .list-inline li {
    width: 68px
}

.options-right .action-button {
    float: right
}

.rating,
.tooteet-colors {
   /*  width: 144px;
    min-width: 144px */
}
.tool-info .rating{
	/* float: left; */
	display: inline-block;
	vertical-align: middle;
}
.color-list>li>a .square {
    transition: all .1s
}

.btn-link,
.rating-list>li>a {
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -webkit-transition: color .3s ease
}

.rating a.active,
.rating a.active:visited {
    color: #22262e
}

.rating a.active:hover {
    color: #b8bdca
}

.rating a.active:active,
.rating a.active:focus {
    color: #2d323d
}

.rating-list {
    float: left
}

.rating-list>li {
    padding: 0 3px 0 1px;
    position: relative
}

.rating-list>li:hover {
    cursor: pointer
}

#new-tooteet-star .icon-star1:before,
.rating-list>li>a.selected {
    color: #009ce9;
    /* content: "l" */
}

.rating-list>li>a {
    font-size: 21px;
    letter-spacing: -1px;
    color: #b8bdca;
    transition: color .3s ease
}

.rating-list>li>a:active,
.rating-list>li>a:focus,
.rating-list>li>a:hover {
    color: #009ce9
}

.rating-list>li>a.active,
.rating-list>li>a.active:visited {
    color: #22262e
}

.rating-list>li>a.active:hover {
    color: #b8bdca
}

.rating-list>li>a.active:active,
.rating-list>li>a.active:focus {
    color: #2d323d
}

.datetimepicker {
    padding: 20px 5px;
    margin-left: -200px;
    display: none;
    min-width: 420px
}

.datetimepicker .left-col,
.datetimepicker .right-col {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.datetimepicker .right-col {
    width: 58.33333%;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.datetimepicker .input-group:first-of-type,
.datetimepicker .input-group:last-of-type {
    margin-right: 10px;
    width: 48.7%;
    float: left
}

.datetimepicker .input-group:last-of-type {
    margin-right: 0
}

.open-datetimepicker>.datetimepicker {
    display: block
}

#calendar {
    display: none
}

#calendar.open {
    display: block
}

#calendar table {
    border: 0 transparent;
    width: 100%;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

#calendar table thead {
    font-size: 13px;
    font-weight: 700
}

#calendar table thead tr:first-of-type {
    color: #1ca8e1
}

#calendar table thead tr:first-of-type td,
#calendar table thead tr:first-of-type th {
    padding-bottom: 8px
}

#calendar table thead tr:last-of-type {
    color: #636d85
}

#calendar table thead td,
#calendar table thead th {
    font-weight: 700
}

#calendar table td,
#calendar table th {
    width: 14.2857%;
    min-width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    transition: all .1s
}

#calendar table tbody {
    color: #636d85;
    font-size: 12px
}

#calendar table tbody td {
    border-radius: 2px;
    cursor: pointer
}

.datepicker,
.datepicker tbody td {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

#calendar table tbody td.disabled {
    color: #abb0be
}

#calendar table tbody td.active,
#calendar table tbody td:active,
#calendar table tbody td:focus,
#calendar table tbody td:hover {
    background-color: #1ca8e1;
    color: #fff
}

#time-picker {
    display: none
}

#time-picker.open {
    display: block
}

#time-picker table {
    margin: -2px auto -4px
}

#time-picker table tr:first-of-type td,
#time-picker table tr:first-of-type th {
    height: 8px;
    vertical-align: bottom
}

#time-picker table tr:first-of-type td i,
#time-picker table tr:first-of-type th i {
    position: relative;
    bottom: -3px
}

#time-picker table tr:last-of-type td,
#time-picker table tr:last-of-type th {
    padding-top: 2px;
    height: 8px;
    vertical-align: top
}

#time-picker table td,
#time-picker table th {
    width: 40px;
    height: 15px;
    text-align: center
}

#time-picker table td input,
#time-picker table th input {
    text-align: center
}

#time-picker table td.separator,
#time-picker table th.separator {
    width: 20px;
    color: #b8bdca
}

.time-checkbox {
    display: none;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px
}

.time-checkbox.checked {
    display: block
}

.time-checkbox .checkbox-cover {
    width: 100%;
    height: 100%;
    margin-top: -4px;
    padding-bottom: 10px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    color: #1ca8e1;
    font-weight: 600;
    font-size: 13px
}

.time-checkbox .checkbox-cover:hover {
    color: #1989ca
}

.time-checkbox .checkbox-cover:active,
.time-checkbox .checkbox-cover:focus {
    color: #167ab3
}


/* textarea resize */

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-wrapper {
    border: 1px solid #dedede;
}

.ui-wrapper textarea.form-control:focus {
    border: 0
}

#new-comment .ui-wrapper {
    background: #fff;
    padding-top: 0 !important;
    padding-right: 50px
}

.tooteet-open #new-comment textarea.form-control {
    border: 0 !important;
}


/*End textarea*/


/*!
 * Datepicker for Bootstrap *
 * Styles adapted from Stefan Petre ©2012
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

input.datepicker {
    margin-top: 0;
}
.datepicker {
    top: 0;
    left: 0;
    padding: 0 10px;
    margin-top: 1px;
    border-radius: 2px;
    display: none;
    z-index: 3000
}

.datepicker:after,
.datepicker:before {
    content: '';
    display: inline-block;
    position: absolute
}

.datepicker.dropdown-menu {
    min-width: 245px;
    max-width: 245px;
	min-width: auto !important;
    min-height: auto !important;
}
.bootstrap-timepicker-widget.dropdown-menu.open {min-height: auto !important;}

.datepicker:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    top: -7px;
    left: 6px
}

.datepicker:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 7px
}

.datepicker>div {
    display: none
}

.datepicker table {
    width: 100%;
    margin: 0;
    border: 0 transparent
}

.datepicker thead {
    font-size: 13px;
    font-weight: 700
}

.datepicker thead tr:first-of-type {
    color: #1ca8e1
}

.datepicker thead tr:first-of-type td,
.datepicker thead tr:first-of-type th {
    padding-bottom: 8px
}

.datepicker thead tr:last-of-type {
    color: #636d85
}

.datepicker thead td,
.datepicker thead th {
    font-weight: 700
}

.datepicker thead td.switch,
.datepicker thead th.switch {
    pointer-events: none;
    padding-bottom: 4px!important
}

.datepicker tbody {
    color: #636d85;
    font-size: 12px
}

.datepicker tbody td {
    border-radius: 2px;
    cursor: pointer
}

.datepicker tbody td.disabled {
    color: #abb0be
}

.datepicker tbody td.active,
.datepicker tbody td:active,
.datepicker tbody td:focus,
.datepicker tbody td:hover {
    background-color: #1ca8e1;
    color: #fff
}

.datepicker td,
.datepicker th {
    width: 14.2857%;
    min-width: 28px;
    height: 28px;
    padding: 0!important;
    text-align: center;
    vertical-align: middle;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    transition: all .1s
}

.datepicker td.new,
.datepicker td.old {
    color: #abb0be
}

.datepicker td.active,
.datepicker td.active.active,
.datepicker td.active.disabled,
.datepicker td.active:active,
.datepicker td.active:focus,
.datepicker td.active:hover,
.datepicker td.active:hover.active,
.datepicker td.active:hover.disabled,
.datepicker td.active:hover:active,
.datepicker td.active:hover:focus,
.datepicker td.active:hover:hover,
.datepicker td.active:hover[disabled],
.datepicker td.active[disabled] {
    color: #fff;
    background-color: #1ca8e1
}

.create-tooteet .expense2 .form-section,
.create-tooteet .measure-type .form-section,
.tooteet-open .measure-type .form-section {
    padding-top: 30px
}

.move-top-outer .form-section {
    padding-top: 10px
}

.form-headings,
.form-label {
    font-size: 14px;
    line-height: 160%;
    text-transform: uppercase;
    color: #1ca8e1;
    padding-bottom: 10px
}

label.form-headings {
    text-transform: none;
    font-size: 14px;
    padding-bottom: 5px
}

.dropdown-menu.lanes-menu li a:after,
.progress-button .content::after,
.progress-button .content::before {
    font-style: normal!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.checkbox label {
    padding-left: 8px;
    font-size: 13px
}

.checkbox-switch {
    width: 70px;
    height: 34px;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #c7cbd5!important
}

.checkbox-switch:after,
.checkbox-switch:before {
    position: absolute;
    z-index: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 34px
}

.checkbox-switch:after {
    content: 'off';
    right: 11px;
    color: #b8bdca;
    -moz-transition: opacity .2s .1s;
    -o-transition: opacity .2s .1s;
    -webkit-transition: opacity .2s;
    -webkit-transition-delay: .1s;
    transition: opacity .2s .1s
}
.pull-right .checkbox-switch:after{
	top:0;
}
.checkbox-switch.checked:after,
.checkbox-switch:before {
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .2s
}

.checkbox-switch:before {
    content: 'on';
    left: 12px;
    color: #abb0be;
    -moz-transition: opacity .2s .2s;
    -o-transition: opacity .2s .2s;
    -webkit-transition-delay: .2s;
    transition: opacity .2s .2s
}

.tooteet:after,
.two-buttons:after {
    content: ""
}

.btn-link,
.btn-link:visited {
    color: #8c94a9
}

.checkbox-switch.checked {
    border: 1px solid #c7cbd5
}

.checkbox-switch.checked:after {
    -moz-transition: opacity .2s .2s;
    -o-transition: opacity .2s .2s;
    -webkit-transition-delay: .2s;
    transition: opacity .2s .2s
}

.checkbox-switch.checked:before {
    filter: alpha(enabled=false);
    opacity: 1;
    -moz-transition: opacity .2s .1s;
    -o-transition: opacity .2s .1s;
    -webkit-transition: opacity .2s;
    -webkit-transition-delay: .1s;
    transition: opacity .2s .1s
}

.checkbox-switch label {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    background: #b8bdca;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.checkbox-switch input[type=checkbox]:checked+label {
    left: 40px;
    background-color: #1ca8e1
}

.btn-group {
    width: 100%
}

.btn-group.open .dropdown-toggle {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn {
    font-size: 13px;
    line-height: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 0 transparent;
    padding: 15px
}

.btn.active,
.btn:active,
.btn:focus,
.btn:hover {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn.active,
.btn:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
    border-color: transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    outline: transparent 0
}

.btn-link {
    border: 0 transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    transition: color .3s ease;
    padding: 0 4px;
    vertical-align: baseline
}

.btn-link:hover {
    color: #636d85
}

.btn-link.active,
.btn-link:active,
.btn-link:focus {
    color: #383e4b
}

.btn-link i {
    position: relative;
    float: left;
    margin-top: 1px;
    margin-right: 1px
}

.btn-link-blue,
.btn-link-blue-gray,
.btn-link-darkblue,
.btn-link-gray,
.btn-link-gray-blue,
.btn-link-white {
    color: #8c94a9;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    font-weight: 700
}

.btn-link-blue-gray:visited,
.btn-link-blue:visited,
.btn-link-darkblue:visited,
.btn-link-gray-blue:visited,
.btn-link-gray:visited,
.btn-link-white:visited {
    color: #8c94a9
}

.btn-link-blue-gray:hover,
.btn-link-blue:hover,
.btn-link-darkblue:hover,
.btn-link-gray-blue:hover,
.btn-link-gray:hover,
.btn-link-white:hover {
    color: #636d85
}

.btn-link-blue-gray:active,
.btn-link-blue-gray:focus,
.btn-link-blue:active,
.btn-link-blue:focus,
.btn-link-darkblue:active,
.btn-link-darkblue:focus,
.btn-link-gray-blue:active,
.btn-link-gray-blue:focus,
.btn-link-gray:active,
.btn-link-gray:focus,
.btn-link-white:active,
.btn-link-white:focus {
    color: #383e4b
}

.btn-link-gray.light-gray,
.btn-link-gray.light-gray:visited,
.light-gray.btn-link-blue,
.light-gray.btn-link-blue-gray,
.light-gray.btn-link-blue-gray:visited,
.light-gray.btn-link-blue:visited,
.light-gray.btn-link-darkblue,
.light-gray.btn-link-darkblue:visited,
.light-gray.btn-link-gray-blue,
.light-gray.btn-link-gray-blue:visited,
.light-gray.btn-link-white,
.light-gray.btn-link-white:visited {
    color: #b8bdca
}

.btn-link-gray.light-gray:hover,
.light-gray.btn-link-blue-gray:hover,
.light-gray.btn-link-blue:hover,
.light-gray.btn-link-darkblue:hover,
.light-gray.btn-link-gray-blue:hover,
.light-gray.btn-link-white:hover {
    color: #abb0be
}

.btn-link-gray-blue,
.btn-link-gray-blue:visited,
.btn-link-gray.light-gray:active,
.btn-link-gray.light-gray:focus,
.light-gray.btn-link-blue-gray:active,
.light-gray.btn-link-blue-gray:focus,
.light-gray.btn-link-blue:active,
.light-gray.btn-link-blue:focus,
.light-gray.btn-link-darkblue:active,
.light-gray.btn-link-darkblue:focus,
.light-gray.btn-link-gray-blue:active,
.light-gray.btn-link-gray-blue:focus,
.light-gray.btn-link-white:active,
.light-gray.btn-link-white:focus {
    color: #8c94a9
}

.btn-link-gray-blue:hover {
    color: #1ca8e1
}

.btn-link-gray-blue:active,
.btn-link-gray-blue:focus {
    color: #1989ca
}

.btn-link-gray-blue.light-gray,
.btn-link-gray-blue.light-gray:visited {
    color: #b8bdca
}

.btn-link-gray-blue.light-gray:hover {
    color: #1ca8e1
}

.btn-link-gray-blue.light-gray:active,
.btn-link-gray-blue.light-gray:focus {
    color: #1989ca
}

.btn-link-blue,
.btn-link-blue:visited {
    color: #1ca8e1
}

.btn-link-blue:hover {
    color: #1989ca
}

.btn-link-blue:active,
.btn-link-blue:focus {
    color: #167ab3
}

.btn-link-darkblue,
.btn-link-darkblue:visited {
    color: #093777
}

.btn-link-darkblue:hover {
    color: #052147
}

.btn-link-darkblue:active,
.btn-link-darkblue:focus {
    color: #093777
}

.btn-link-white,
.btn-link-white:visited {
    color: #fff
}

.btn-link-white:hover {
    color: #f5f6f7
}

.btn-link-white:active,
.btn-link-white:focus {
    color: #e7e9ec
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:visited,
.btn-darkblue,
.btn-darkblue:active,
.btn-darkblue:focus,
.btn-darkblue:hover,
.btn-darkblue:visited,
.btn-darkgray:active,
.btn-darkgray:focus,
.btn-darkgray:hover,
.btn-darkgray:visited,
.btn-gray:active,
.btn-gray:focus,
.btn-gray:hover,
.btn-gray:visited,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:visited,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn-success:visited {
    color: #fff
}

.btn-danger,
.btn-darkgray,
.btn-gray,
.btn-primary,
.btn-success {
    background-color: #1ca8e1;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.btn-danger:visited,
.btn-darkgray:visited,
.btn-gray:visited,
.btn-primary:visited,
.btn-success:visited {
    background-color: #1ca8e1
}

.btn-danger:hover,
.btn-darkgray:hover,
.btn-gray:hover,
.btn-primary:hover,
.btn-success:hover,
.progress-lane:hover {
    background-color: #1989ca
}

.btn-danger:active,
.btn-danger:focus,
.btn-darkgray:active,
.btn-darkgray:focus,
.btn-gray:active,
.btn-gray:focus,
.btn-primary:active,
.btn-primary:focus,
.btn-success:active,
.btn-success:focus {
    background-color: #167ab3
}

.btn-primary.disabled,
.btn-primary[disabled],
.disabled.btn-danger,
.disabled.btn-darkgray,
.disabled.btn-gray,
.disabled.btn-success,
[disabled].btn-danger,
[disabled].btn-darkgray,
[disabled].btn-gray,
[disabled].btn-success {
    background-color: #c7cbd5
}

.btn-darkblue,
.btn-darkblue:visited {
    background-color: #093777
}

.btn-darkblue {
    font-size: 13px;
    font-weight: 700
}

.btn-darkblue:hover {
    background-color: #072c5f
}

.btn-darkblue:active,
.btn-darkblue:focus {
    background-color: #052147
}

.btn-default,
.btn-default:visited {
    color: #c7cbd5
}

.btn-darkblue.disabled,
.btn-darkblue[disabled] {
    background-color: #c7cbd5
}

.btn-default,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.btn-default:visited {
    background-color: transparent
}

.btn-default {
    border: 1px solid #c7cbd5;
    font-size: 13px;
    font-weight: 700
}

.btn-line,
.square {
    -moz-border-radius: 2px
}

.btn-default:hover {
    color: #b8bdca;
    border-color: #b8bdca
}

.btn-default:active,
.btn-default:focus {
    color: #abb0be
}

.btn-default.active,
.btn-default:active,
.btn-default:focus {
    border-color: #abb0be
}

.btn-gray,
.btn-gray:hover,
.btn-gray:visited {
    background-color: #1ca8e1
}

.btn-gray:active,
.btn-gray:focus {
    background-color: #1989ca
}

.btn-gray.dark-gray,
.btn-gray.dark-gray:visited {
    background-color: #1ca8e1
}

.btn-gray.dark-gray:hover {
    background-color: #636d85
}

.btn-gray.dark-gray:active,
.btn-gray.dark-gray:focus {
    background-color: #383e4b
}

.btn-gray.light-gray,
.btn-gray.light-gray:visited {
    background-color: #abb0be
}

.btn-gray.light-gray:hover {
    background-color: #8c94a9
}

.btn-gray.light-gray:active,
.btn-gray.light-gray:focus {
    background-color: #636d85
}

.btn-darkgray,
.btn-darkgray1 {
    background-color: #636d85;
    color: #fff!important;
    margin-right: 5px
}

.btn-darkgray1:visited,
.btn-darkgray:visited {
    background-color: #636d85;
    color: #fff!important
}

.btn-darkgray1:hover,
.btn-darkgray:hover {
    background-color: #828791;
    color: #fff!important
}

.btn-darkgray1:active,
.btn-darkgray1:focus,
.btn-darkgray:active,
.btn-darkgray:focus {
    background-color: #636d85;
    color: #fff!important
}

.btn-line,
.btn-line:visited {
    color: #636d85
}

.btn-success,
.btn-success:visited {
    background-color: #8bbe30
}

.btn-success:hover {
    background-color: #7caa2b
}

.btn-success:active,
.btn-success:focus {
    background-color: #6d9626
}

.btn-danger,
.btn-danger:visited {
    background-color: #f6142b
}

.btn-danger:hover {
    background-color: #e80920
}

.btn-danger:active,
.btn-danger:focus {
    background-color: #cf081d
}

.btn-line {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #c7cbd5!important;
    padding: 0 15px;
    height: auto;
    line-height: 40px!important;
    vertical-align: middle;
    text-align: left
}

.btn-line:active,
.btn-line:focus,
.btn-line:hover,
.btn-line:visited {
    border: 1px solid #c7cbd5
}

.btn-line:hover {
    background-color: #f5f6f7
}

.btn-line:active,
.btn-line:focus {
    color: #383e4b
}

.btn-small {
    padding-top: 11px;
    padding-bottom: 9px
}

.btn-medium {
    padding-top: 13px;
    padding-bottom: 11px
}

.btn-big {
    padding-top: 15px;
    padding-bottom: 13px
}

.two-buttons:after {
    display: table;
    clear: both
}

.two-buttons>.btn {
    float: left
}

.two-buttons>.btn:first-of-type {
    width: 30%
}

.two-buttons>.btn.btn-link-blue-gray:first-of-type,
.two-buttons>.btn.btn-link-blue:first-of-type,
.two-buttons>.btn.btn-link-darkblue:first-of-type,
.two-buttons>.btn.btn-link-gray-blue:first-of-type,
.two-buttons>.btn.btn-link-white:first-of-type,
.two-buttons>.btn:first-of-type.btn-link,
.two-buttons>.btn:first-of-type.btn-link-blue,
.two-buttons>.btn:first-of-type.btn-link-gray {
    padding-left: 0
}

.two-buttons>.btn:last-of-type {
    width: 50%
}

.btn-group-container .btn-group:first-of-type,
.input-group-container .input-group:first-of-type {
    margin-bottom: 10px
}

.btn-clear-small {
    font-size: 11px
}

.progress-button {
    position: relative;
    display: inline-block;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 37px!important;
    height: 37px
}

.progress-button[disabled],
.progress-button[disabled].state-loading {
    cursor: default;
    filter: alpha(enabled=false);
    opacity: 1
}

.progress-button[disabled].btn-danger,
.progress-button[disabled].btn-darkgray,
.progress-button[disabled].btn-gray,
.progress-button[disabled].btn-primary,
.progress-button[disabled].btn-success,
.progress-button[disabled].state-loading.btn-danger,
.progress-button[disabled].state-loading.btn-darkgray,
.progress-button[disabled].state-loading.btn-gray,
.progress-button[disabled].state-loading.btn-primary,
.progress-button[disabled].state-loading.btn-success {
    background-color: #1ca8e1
}

.progress-button[disabled].btn-darkblue,
.progress-button[disabled].state-loading.btn-darkblue {
    background-color: #072c5f
}

.progress-button .content {
    position: relative;
    display: block
}

.progress-button .content::after,
.progress-button .content::before {
    position: absolute;
    right: 20px;
    color: #f5f6f7;
    font-family: tooticons!important;
    font-weight: 400!important;
    font-size: 15px;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .3s .3s;
    -o-transition: opacity .3s .3s;
    -webkit-transition: opacity .3s;
    -webkit-transition-delay: .3s;
    transition: opacity .3s .3s;
    line-height: 33px
}

.progress-button .content::before {
    content: "t"
}

.progress-button .content::after {
    content: "+"
}

.checkbox .checkbox-cover:after,
.dropdown-menu.lanes-menu .submenu a:after {
    content: ''
}

.progress-button.state-error .content::after,
.progress-button.state-success .content::before {
    filter: alpha(enabled=false);
    opacity: 1
}

.progress-button .progress {
    background: #1ca8e1
}

.progress-button .progress-inner {
    position: absolute;
    left: 0;
    background: #1989ca
}

.progress-button[data-horizontal] .progress-inner {
    top: 0;
    width: 0;
    height: 100%;
    -moz-transition: width .3s, opacity .3s;
    -o-transition: width .3s, opacity .3s;
    -webkit-transition: width .3s, opacity .3s;
    transition: width .3s, opacity .3s
}

.progress-button[data-vertical] .progress-inner {
    bottom: 0;
    width: 100%;
    height: 0;
    -moz-transition: height .3s, opacity .3s;
    -o-transition: height .3s, opacity .3s;
    -webkit-transition: height .3s, opacity .3s;
    transition: height .3s, opacity .3s
}

.progress-button[data-style=fill][data-horizontal] {
    overflow: hidden
}

.progress-button[data-style=fill][data-horizontal] .content {
    z-index: 10;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.progress-button[data-style=fill][data-horizontal] .content::after,
.progress-button[data-style=fill][data-horizontal] .content::before {
    top: 100%;
    right: auto;
    left: 50%;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.progress-button[data-style=fill][data-horizontal].state-error .content,
.progress-button[data-style=fill][data-horizontal].state-success .content {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.progress-button.large {
    line-height: 45px;
    height: 45px
}

.progress-button.large .content::after,
.progress-button.large .content::before {
    line-height: 45px
}

.progress-button.btn-darkblue .progress {
    background: #093777
}

.progress-button.btn-darkblue .progress-inner {
    background: #167ab3
}

.notransition {
    -moz-transition: none!important;
    -o-transition: none!important;
    -webkit-transition: none!important;
    transition: none!important
}

.square {
   /*  -webkit-border-radius: 2px;
    border-radius: 2px */
}

.circle,
.tool-handler .handler {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.circle {
    border-radius: 50%;
    border: 3px solid #fff
}

.tooteet-thumbs .multiline-ellipsis {
    display: block;
    display: -webkit-box;
    /* font-size: 13px; */
    line-height: 1.7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.tooteet-list .multiline-ellipsis {
    -webkit-line-clamp: 3
}

.tooteet-list.shared .multiline-ellipsis {
    -webkit-line-clamp: 2;
    word-break: break-word;
    word-wrap: break-word;
}

.tooteet-list .tootitype-name.multiline-ellipsis {
    font-size: 11px
}

.tooteet-thumbs .multiline-ellipsis {
    height: 176.8px;
    -webkit-line-clamp: 8
}

.tooteet-thumbs.shared .multiline-ellipsis {
    height: 154.7px;
    -webkit-line-clamp: 7
}

.tooteet-thumbs .tootitype-name.multiline-ellipsis {
    font-size: 13px
}

.tagging {
    cursor: text;
    font-size: 20px;
    height: auto
}

.tagging .tag-i {
    color: #abb0be;
    cursor: pointer;
    font-size: 16px;
    height: 0;
    position: absolute;
    right: 5px;
    top: 0;
    text-align: center;
    width: 10px;
    line-height: 35px
}

.tagging .tag-i:visited {
    color: #abb0be
}

.tagging .tag-i:hover {
    color: #8c94a9
}

.tagging .tag-i:active,
.tagging .tag-i:focus {
    color: #636d85
}

.tagging .type-zone {
    border: 0;
    width: auto;
    min-width: 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 8px 15px;
    margin-top: 5px
}

.lanes-menu,
.lanes-menu li a {
    border: 0 transparent
}

.tagging .type-zone::-moz-placeholder {
    font-size: 13px;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 24px;
    color: #abb0be
}

.tagging .type-zone::-webkit-input-placeholder {
    font-size: 13px;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 24px;
    color: #abb0be
}

.tagging .type-zone:-ms-input-placeholder {
    font-size: 13px;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 24px;
    color: #abb0be
}

.lanes-menu .submenu>li>a,
.lanes-menu li a {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 100%
}

.tagging .type-zone:focus {
    outline: 0
}

.tagging .tag-i,
.tagging .type-zone {
    display: none
}

.tag {
    cursor: default;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    padding: 4px 4px 4px 0;
    margin: 5px 10px 0 0
}

.Private-menu,
.audio-controls button,
.media-controls button,
.see-all,
.tooteet-view.tootivideo .video-control,
.tooteet.selection .tooteet-link {
    cursor: pointer
}

.tag span {
    font-size: 19px;
    letter-spacing: -4px
}

.edit-mode .tagging .tag {
    padding-right: 20px
}

.edit-mode .tagging .tag .tag-i {
    display: block
}

.edit-mode .tagging .type-zone {
    display: inline-block
}

.tooteet-details .tagging {
    padding-bottom: 2px;
    padding-top: 3px;
    clear: both;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tooteet-details .tagging .tag {
    font-size: 14px;
    padding: 5px 3px 0 0;
    margin: 0;
    display: inline
}

.tooteet-details .tagging .tag span {
    font-size: 13px
}

.lanes-menu li a {
    background-image: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #000;
    background-color: transparent;
    font-size: 15px;
    padding: 10px 20px;
    display: block
}

.lanes-menu li ul.submenu li a {
    padding: 0
}

#allLane a.dropmenu,
#archiveLane a.dropmenu,
#favoriteLane a.dropmenu,
#trashLane a.dropmenu {
    display: block;
    line-height: 25px;
    padding-left: 25px;
    margin-left: 5px;
    border-top: 1px solid #dedede;
    color: #252525;
    border-left: 4px solid #fff
}

#favoriteLane a.dropmenu {
    border-top: 0;
   /*  background: url(../../images/icon-Fav-lane.png) 10% center no-repeat;
    background-size: 14px 14px */
}

#allLane a.dropmenu {
    /* background: url(../../images/icon-all-lane.png) 10% center no-repeat;
    background-size: 14px 14px */
}

#archiveLane a.dropmenu {
   /*  background: url(../../images/icon-archive.png) 10% center no-repeat;
    background-size: 14px 14px */
}

#trashLane a.dropmenu {
    border-bottom: 1px solid #dedede;
   /*  background: url(../../images/icon-delete1.png) 10% center no-repeat;
    background-size: 14px 14px */
}

.lanes-menu li a:visited {
    background-color: transparent;
    color: #000
}

.lanes-menu li.open a,
.lanes-menu li.open li {
    border-left: 4px solid #009ce9!important
}

.lanes-menu li.open li a,
.lanes-menu li.open li li {
    border-left: 0 solid #009ce9!important;
    margin-bottom: 8px
}

.lanes-menu li a:hover,
.lanes-menu li.open {
    background-color: #f1f2f4!important;
    color: #000
}

.lanes-menu li a:hover {
    border-left: 4px solid #f1f2f4!important
}

.lanes-menu li a:active {
    border-left: 4px solid #e2e2e2!important
}

.submenu {
    max-height: 400px
}

.lanes-menu .submenu {
    display: none
}

.lanes-menu .submenu>li>a {
    background-color: #fff;
    color: #252525
}

.lanes-menu .submenu>li>a.active,
.lanes-menu .submenu>li>a:active,
.lanes-menu .submenu>li>a:focus,
.lanes-menu .submenu>li>a:hover,
.lanes-menu .submenu>li>a:visited,
.lanes-menu li.open>a,
.lanes-menu li.open>a:active,
.lanes-menu li.open>a:focus,
.lanes-menu li.open>a:hover,
.lanes-menu li.open>a:visited {
    background-color: transparent
}

.Private-menu {
    display: -moz-grid-group;
    float: left;
    font-size: 15px;
    padding: 10px 20px 10px 57px;
    width: 98%;
    margin-left: 5px
}

.Private-menu b {
    ;
    color: #828282;
    font-weight: 400
}

.Private-menu a {
    line-height: 5px
}

.Private-menu .Private-count-list {
    background-size: 22px 27px;
    float: right;
    font-family: Roboto, Arial;
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    width: 30px;
    padding: 7px
}

.lanes-menu li.open .submenu li a {
    border-left: 4px solid transparent;
    padding: 5px 0 5px 52px
}

.lanes-menu li.open .submenu li>a {
    padding: 0
}

.lanes-menu li.open .submenu li a:hover {
    border-left: 4px solid #009ce9
}

.lanes-menu li.open a.dropmenu {
    background-color: #E2E2E2!important
}

.lanes-menu li.open a.dropmenu:hover {
    background-color: #D8D8D8!important
}

.Private-menu>ul {
    float: left;
    width: 300px;
    display: none;
    margin-left: 20px
}

.Private-menu.open>ul {
    padding-top: 13px
}

#archiveLane .Archive,
#trashLane .Trash {
    color: #9b9b9b;
    display: block;
    float: left;
    font-size: 16px;
    margin-left: 5px;
    width: 100%;
    padding-left: 50px;
    padding-top: 10px;
    background: #f1f2f4
}

.Archive .badge,
.Trash .badge,
.lanes-menu .Private-menu .badge {
    display: block!important;
    float: none!important;
    text-align: left;
    clear: both
}

#archiveLane .Archive a,
#trashLane .Trash a {
    margin-bottom: 0;
    background: #f1f2f4
}

#archiveLane .Archive a:hover,
#trashLane .Trash a:hover {
    background: #f1f2f4!important
}

#archiveLane .Archive li:hover a:hover,
#trashLane .Trash li:hover a:hover {
    background: #f1f2f4
}

.Private-menu.open>ul li:last-child a {
    margin-bottom: 0
}

.lanes-menu li.open ul li:hover a:hover {
    background: #fff!important
}

.lanes-menu li.open ul li.open:hover a:hover {
    background: #f1f2f4!important
}

.Archive a,
.Trash a {
    padding-left: 0
}

.Archive .badge,
.Trash .badge {
    color: #009cea!important;
    font-size: 12px;
    padding-left: 0
}

.lanes-menu>li+li {
    margin: 0
}

.lanes-menu .badge {
    background-color: transparent;
    background-image: none;
    font-size: 15px;
    color: #737373;
    padding: 0 7px 5px 0;
    font-weight: 400
}

.lanes-menu .badge a {
    padding-left: 18px
}

.dropmenu .badge {
    padding: 7px
}

.lanes-menu li .submenu .badge {
    background: 0 0
}

.lanes-menu .Private-menu .badge {
    background-color: transparent;
    background-image: none;
    color: #009cea;
    font-size: 12px;
    padding-left: 0;
    line-height: 27px
}

.multiselect-options .dropdown-menu.lanes-menu {
    z-index: 2100
}

.dropdown-menu.lanes-menu {
    min-width: 350px;
    z-index: 2200;
    border: 1px solid #b8bdca;
}

.newmultiselect-option .dropdown-menu.lanes-menu {
	top: auto;
	bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}

.dropdown-menu.lanes-menu .scrollable-area {
    max-height: 400px;
    overflow-y: none
}

.dropdown-menu.lanes-menu .badge {
    color: #b8bdca;
    font-weight: 400;
    font-size: 11px;
    padding-top: 8px
}

.dropdown-menu.lanes-menu .action-label {
    padding: 10px 15px;
    color: #fff;
    background-color: #1ca8e1;
    font-size: 15px;
    font-weight: 600;
    text-align: center
}

.dropdown-menu.lanes-menu .action-label-ok,
.scrollable-area label input[type=radio] {
    background: 0 0
}

.dropdown-menu.lanes-menu.scrollable-outer li,.shared-lanes-list li,.private-lanes-list li {
    padding: 5px 7px;
    text-align: left;
	line-height: 16px;
}
.shared-lanes-list,.private-lanes-list {
	padding:0 13px 0 0;
}
.shared-lanes-list li,.private-lanes-list li {margin-bottom:0 !important}
.scrollable-area label,.shared-lanes-list li,.shared-lanes-list li label,.private-lanes-list li,.private-lanes-list li label {
    width: 100%
}

.shared-lanes-list li input,.scrollable-area label input,.private-lanes-list label input,.shared-lanes-list label input {
    float: right
}
.scrollable-area li>span {
    color: #009ce9;
    font-size: 15px
}

.scrollable-area li.empty-lanes>span {
    color: #000;
    font-size: 13px
}

.dropdown-menu.lanes-menu.scrollable-outer li.empty-lanes {
    text-align: center
}

.scrollable-area li>span i {
    vertical-align: middle;
    margin-right: 8px
}

.scrollable-area li ul li,.shared-lanes-list li,.private-lanes-list li {
    padding-left: 24px!important
}

.scrollable-area li ul li:hover {
    color: #009ce9
}

.dropdown-menu.lanes-menu li a,
.dropdown-menu.lanes-menu li a:visited {
    color: #636d85;
    background-color: #f5f6f7
}

.dropdown-menu.lanes-menu li {
    border: 0 transparent
}

.dropdown-menu.lanes-menu li a {
    font-weight: 400;
    border-top: 1px solid #c7cbd5
}

.dropdown-menu.lanes-menu .submenu>li:first-of-type>a,
.dropdown-menu.lanes-menu li.open>a {
    border-top: 1px solid #b8bdca
}

.dropdown-menu.lanes-menu li a:hover {
    color: #2d323d;
    background-color: #c7cbd5
}

.dropdown-menu.lanes-menu li a:active,
.dropdown-menu.lanes-menu li a:focus {
    color: #22262e;
    background-color: #b8bdca
}

.dropdown-menu.lanes-menu li a.dropmenu,
.dropdown-menu.lanes-menu li a.dropmenu:visited {
    background-color: #fff;
    color: #636d85
}

.dropdown-menu.lanes-menu li a:after {
    font-family: tooticons!important;
    font-weight: 400!important;
    padding-left: 15px;
    position: relative;
    top: 4px;
    color: #8c94a9;
    font-size: 16px
}

.tooteet-view .overview>ul>li,
.tooteet-view .tooteet-info .location #see-map,
.tooteet-view .tooteet-info>li {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}

.dropdown-menu.lanes-menu li a:hover .badge {
    color: #636d85
}

.dropdown-menu.lanes-menu li a.dropmenu:hover {
    color: #383e4b;
    background-color: #f5f6f7
}

.dropdown-menu.lanes-menu li a.dropmenu:active,
.dropdown-menu.lanes-menu li a.dropmenu:focus {
    color: #2d323d;
    background-color: #e7e9ec
}

.dropdown-menu.lanes-menu li.open>a,
.dropdown-menu.lanes-menu li.open>a:active,
.dropdown-menu.lanes-menu li.open>a:focus,
.dropdown-menu.lanes-menu li.open>a:hover,
.dropdown-menu.lanes-menu li.open>a:visited {
    background-color: #fff;
    color: #2d323d
}

.dropdown-menu.lanes-menu li.open>a .badge {
    color: #636d85
}

.dropdown-menu.lanes-menu .form-group {
    margin-bottom: 0;
    position: relative
}

.dropdown-menu.lanes-menu .form-group input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    -webkit-transition: all .3s;
    -webkit-transition-delay: .1s;
    transition: all .3s .1s;
    color: #555;
    height: 40px;
    padding-left: 10px;
    padding-right: 40px;
    margin: 5px auto;
    border: 1px solid #c7cbd5
}

.dropdown-menu.lanes-menu .form-group input::-moz-placeholder {
    color: #b8bdca;
    -moz-transition: color .3s .1s;
    -o-transition: color .3s .1s;
    -webkit-transition: color .3s;
    -webkit-transition-delay: .1s;
    transition: color .3s .1s
}

.dropdown-menu.lanes-menu .form-group input::-webkit-input-placeholder {
    color: #b8bdca;
    -moz-transition: color .3s .1s;
    -o-transition: color .3s .1s;
    -webkit-transition: color .3s;
    -webkit-transition-delay: .1s;
    transition: color .3s .1s
}

.dropdown-menu.lanes-menu .form-group input:-ms-input-placeholder {
    color: #b8bdca;
    -moz-transition: color .3s .1s;
    -o-transition: color .3s .1s;
    -webkit-transition: color .3s;
    -webkit-transition-delay: .1s;
    transition: color .3s .1s
}

.dropdown-menu.lanes-menu .form-group input:focus {
    color: #555
}

.dropdown-menu.lanes-menu .form-group input:focus::-moz-placeholder {
    color: #e7e9ec
}

.dropdown-menu.lanes-menu .form-group input:focus::-webkit-input-placeholder {
    color: #e7e9ec
}

.dropdown-menu.lanes-menu .form-group input:focus:-ms-input-placeholder {
    color: #e7e9ec
}

.dropdown-menu.lanes-menu .form-group .input-group-addon {
    right: 20px;
    font-size: 16px;
    padding: 6px;
    text-align: right;
    color: #b8bdca
}

.visible .lanes-menu {
    display: block
}

.video-control-outer {
    width: 575px;
    height: 270px;
    margin: auto;
    border: 1px solid red
}

#picture-teet {
    /* position: relative; */
    width: 100%;
    margin: auto
}

.video-control .circle {
	position: absolute;
    height: 50px;
    width: 50px;
    color: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    text-align: center;
    font-size: 30px;
    padding-left: 6px;
    padding-top: 7px;
    filter: alpha(Opacity=90);
    opacity: .9;
    -moz-box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    -webkit-box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    text-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px
}

#media-controls:hover,
.tootivideo video.show-controls~#media-controls,
.tootivideo video:hover~#media-controls {
    visibility: visible;
    filter: alpha(Opacity=90);
    opacity: .9
}

#tooteet-controls,
.media-controls {
    filter: alpha(Opacity=0);
    opacity: 0
}

.media-controls {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #2d323d;
    visibility: hidden;
    -moz-transition: visibility .3s .2s, opacity .3s .2s;
    -o-transition: visibility .3s .2s, opacity .3s .2s;
    -webkit-transition: visibility .3s, opacity .3s;
    -webkit-transition-delay: .2s, .2s;
    transition: visibility .3s .2s, opacity .3s .2s
}

.media-controls button {
    float: left;
    display: inline-block;
    width: 40px;
    height: 100%;
    line-height: 40px;
    color: #abb0be;
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
    border: none;
    background: 0 0
}

.media-controls #progress-bar {
    float: left;
    display: inline-block;
    position: relative;
    height: 8px;
    background-color: #4e5669;
    width: 70%;
    width: -moz-calc(100% - 56px*5);
    width: -webkit-calc(100% - 56px*5);
    width: -ms-calc(100% - 56px*5);
    width: calc(100% - 56px*5);
    margin-top: 16px
}

#btn-decreaseVolume.visible-xs.video-volume-decrease {
    font-size: 32px!important
}

.media-controls #progress-bar .loaded {
    background-color: #636d85;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1900
}

.media-controls #progress-bar .played {
    background-color: #1ca8e1;
    height: 100%;
    position: relative;
    z-index: 2000
}

.media-controls #progress-bar .played #handler {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 28px;
    width: 23px;
    background-color: transparent;
    padding: 0
}

.media-controls #progress-bar .played #handler span {
    visibility: hidden;
    background-color: #fff;
    display: block;
    width: 4px;
    height: 8px;
    padding: 0;
    margin: 0 auto;
    -moz-transition: visibility .2s;
    -o-transition: visibility .2s;
    -webkit-transition: visibility .2s;
    transition: visibility .2s
}

.media-controls #progress-bar .played #handler:hover span {
    visibility: visible;
    -moz-transition: visibility .1s;
    -o-transition: visibility .1s;
    -webkit-transition: visibility .1s;
    transition: visibility .1s
}

.media-controls #progress-bar .played #handler:active span {
    background-color: #c3e8f8
}

.media-controls #progress-time {
    float: left;
    display: inline-block;
    font-size: 10px;
    line-height: 40px;
    color: #abb0be;
    width: 80px;
    text-align: center;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 5px
}

.media-controls #btn-volume {
    height: 12px;
    width: 20px;
    background-color: #636d85;
    margin: 13px 10px;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0
}

.media-controls #btn-volume .cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 20px solid transparent;
    border-top: 12px solid #2d323d;
    font-size: 0;
    line-height: 0;
    z-index: 2001;
    -moz-transform: scale(1.1)
}

.media-controls #btn-volume .volume-level {
    height: 12px;
    width: 20%;
    display: inline-block;
    float: left;
    background-color: transparent;
    z-index: 2000;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.audio-controls #btn-volume .volume-level,
.audio-controls button {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    float: left
}

.media-controls #btn-volume .volume-level.selected,
.media-controls #btn-volume .volume-level:hover {
    background-color: #1ca8e1
}

.audio-controls {
    position: relative;
    width: 100%;
    height: 40px
}

.audio-controls button {
    display: inline-block;
    width: 40px;
    height: 100%;
    line-height: 40px;
    color: #abb0be;
    font-size: 20px;
    vertical-align: middle;
    text-align: left;
    border: none;
    background: 0 0;
    transition: all .3s
}

.extra-info,
.tooteet-footer .comments,
.tooteet-footer .rating {
    text-align: right
}

.audio-controls #btn-volume,
.comment {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.audio-controls button:hover {
    color: #636d85
}

.audio-controls button.active,
.audio-controls button:active,
.audio-controls button:focus {
    color: #383e4b
}

.audio-controls button:first-of-type {
    margin-left: -10px
}

.audio-controls #progress-bar, 
.audio-controls .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 7px;
    background-color: #b8bdca;
    width: 100%;
    margin-top: -4px
}

.audio-controls #progress-bar .loaded,
.audio-controls .progress-bar .loaded {
    background-color: #636d85;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1900
}

.audio-controls #progress-bar .played, 
.audio-controls .progress-bar .played {
    background-color: #1ca8e1;
    height: 100%;
    position: relative;
    z-index: 2000
}

.create-tooteet .audio-controls #progress-bar .played,
.create-tooteet .audio-controls .progress-bar .played {
    z-index: 8
}

.audio-controls #progress-bar .played #handler, 
.audio-controls .progress-bar .played button {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 28px;
    width: 23px;
    background-color: transparent;
    padding: 0
}

.audio-controls #progress-bar .played #handler span, 
.audio-controls .progress-bar .played button span {
    visibility: hidden;
    background-color: #fff;
    display: block;
    width: 4px;
    height: 8px;
    padding: 0;
    margin: 0 auto;
    -moz-transition: visibility .2s;
    -o-transition: visibility .2s;
    -webkit-transition: visibility .2s;
    transition: visibility .2s
}

.audio-controls #progress-bar .played #handler:hover span,
.audio-controls .progress-bar .played button:hover span {
    visibility: visible;
    -moz-transition: visibility .1s;
    -o-transition: visibility .1s;
    -webkit-transition: visibility .1s;
    transition: visibility .1s
}

.audio-controls #progress-bar .played #handler:active span,
.audio-controls .progress-bar .played button:active span {
    background-color: #c3e8f8
}

.audio-controls #progress-time, 
.audio-controls .progress-time {
    position: absolute;
    right: 40px;
    top: 0;
    font-size: 12px;
    line-height: 40px;
    color: #abb0be;
    width: 80px;
    font-weight: 600;
    padding-right: 15px;
    text-align: right
}

.audio-controls #btn-volume,
.audio-controls .btn-volume {
    height: 12px;
    width: 20px;
    background-color: #b8bdca;
    margin: 13px 10px;
    position: absolute;
    right: 5px;
    top: 0;
    border-radius: 2px;
    padding: 0
}

.audio-controls #btn-volume .cover,
.audio-controls .btn-volume .cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 20px solid transparent;
    border-top: 12px solid #f9f9f9;
    font-size: 0;
    line-height: 0;
    z-index: 2001;
    -moz-transform: scale(1.1)
}

.create-tooteet.tootiaudio .audio-controls #btn-volume .cover,
.create-tooteet.tootiaudio .audio-controls .btn-volume .cover {
    border-top: 12px solid #fff
}

.audio-controls #btn-volume .volume-level, 
.audio-controls .btn-volume .volume-level {
    height: 12px;
    width: 20%;
    display: inline-block;
    background-color: transparent;
    z-index: 2000;
    transition: all .3s
}

.selection-mark,
.tooteet-list.selection {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.audio-controls #btn-volume .volume-level.selected, .audio-controls .btn-volume .volume-level.selected,
.audio-controls #btn-volume .volume-level:hover, .audio-controls .btn-volume .volume-level:hover {
    background-color: #8c94a9
}

.audio-controls #btn-decreaseVolume, .audio-controls .audio-volume-decrease, 
.audio-controls #btn-increaseVolume, .audio-controls .audio-volume-increase {
    position: absolute;
    top: 0;
    width: 20px;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 5px 5px
}

.audio-controls #btn-increaseVolume, .audio-controls .audio-volume-increase {
    right: -5px;
    font-size: 18px
}

.audio-controls #btn-decreaseVolume, .audio-controls .audio-volume-decrease {
    right: 32px;
    font-size: 32px
}

.selection-mark {
    background: url(../../images/tooteet-selection.svg) right top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 52px;
    height: 53px;
    opacity: 0;
    transition: all .3s
}

.tooteet-thumbs .selection-mark {
    margin-top: -12px
}

.tooteet-list.selection {
    -moz-box-shadow: #b8bdca 0 0 0 3px;
    -webkit-box-shadow: #b8bdca 0 0 0 3px;
    box-shadow: #b8bdca 0 0 0 3px;
    transition: all .3s
}

.tooteet {
    position: relative;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
   /*  margin-bottom: 20px */
}

.tooteet:after {
    display: table;
    clear: both
}

.tooteet .tooteet-footer {
    color: #abb0be
}

.tooteet.tootiaudio .tooteet-preview,
.tooteet.tootifile .tooteet-preview {
    padding: 15px;
    font-weight: 600;
    color: #abb0be
}

.tooteet.tootiaudio .tooteet-preview .tootitype-icon,
.tooteet.tootifile .tooteet-preview .tootitype-icon {
    padding-bottom: 15px;
    font-size: 20px
}

.tooteet-link {
  /*   position: absolute; */
    /* top: 0;
    left: 0; */
    width: 100%;
    height: 100%;
   /*  display: block; */
    float: left;
    z-index: 2;	
}

.tooteet-contents:after,
.tooteet-details:after,
.tooteet-info:after {
    display: table;
    clear: both;
    content: ""
}

.tooteet-contents {
    width: 100%
}

.tooteet-details .tooteet-description {
    font-size: 13px;
    line-height: 21px
}

.tooteet-info {
    width: 100%;
    /* background: #fff; */
    border-radius: 5px
}
.no-image .tooteet-info{
	background: #fff;
}
.no-image .tooteet-contents{
	padding-bottom: 50px;	
}
.tool-info{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	padding: 10px;
}
.tooteet-thumbs .tool-info{
	bottom: 50px;
}
.tool-info .icon-left{
	float: left;
	color: #fff;
}
.tool-info .icon-right{
	float: right;
	color: #fff;
}
.tool-info .icon-right i,.tool-info .icon-left i {
    font-size: 18px;
    vertical-align: middle;
}
.tool-info .icon-left i {
	margin-right: 10px;
}
.tool-info .icon-right i {
	margin-left: 10px;
}
.tool-info .icon-left .rating {
    margin-right: 25px;
}
.tool-info .icon-left .comments-number {
	padding: 0;
}
.tooteet-open .tooteet-info {
    background: 0 0
}

.user-email {
    /* color: #8c94a9;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    top: 0px;
    display: inline-block;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis */
}
.location{
	font-size: 18px;
}
.photo{
	width: 50px;
	height: 50px;
	border: 1px solid #bababa;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	background-size: cover;
	background-position: center;
}
.width75{
	width: 75%;
}
.tooteet-thumbs .width75{
	width: 65%;
}
.foottag{
	padding: 15px 0;
	white-space: nowrap;
}
.foottag span{
	padding: 5px 20px;
	background: #eaeaea;	
	border-radius: 20px;	
	/* margin: 0 5px; */
	margin-right: 10px;
	margin-bottom: 5px;
	color: #000;
	font: 16px/22px Source Sans Pro;
}
.tootipicture .foottag span{
	box-shadow: 0px 2px 5px -2px #000;
	background: #fff;
}
.tooti-container .no-image.tooteet-thumbs .tooteet-footer, .tooti-container .tootimeasure.tooteet-thumbs .tooteet-footer,.tooteet-thumbs .tooteet-footer {
	background: transparent;
	position: absolute;
	bottom: 0;
}



.left-part{
	/* position: absolute; */
	display:inline-block

}
.right-part{
	/* padding-left: 95px; */
	padding-top: 5px;
	display:inline-block
}
.tooti-container .inlineblock  .user-email{
	line-height: normal;
	padding: 0;
	font-weight: bold;
}
.inlineblock{
	display: inline-block;
	vertical-align: middle;
}
.user-email i {
    position: relative;
    font-size: 15px;
    top: 3px;
    padding-right: 5px
}

.extra-info {
    position: absolute;
    right: 20px
}

.extra-info i {
    padding-left: 10px
}

.extra-info i.new {
    color: #f6142b
}

.extra-info i.icon-fav1 {
    color: #1ca8e1
}

.new-tooteet .preview .icon-word,
.tooteet .icon-word,
.tooteet-view .icon-word {
    color: #1989ca
}

.tooteet-view .icon-excel {/* .tooteet .icon-excel, .new-tooteet .preview .icon-excel, */
    color: #8bbe30
}

.new-tooteet .preview .icon-presentation-file,
.tooteet .icon-presentation-file,
.tooteet-view .icon-presentation-file {
    color: #fbaa18
}

.tooteet-view .icon-pdf {/* .tooteet .icon-pdf, .new-tooteet .preview .icon-pdf */
    color: #ea0000
}

.new-tooteet .preview .icon-compressed-file,
.tooteet .icon-compressed-file,
.tooteet-view .icon-compressed-file {
    color: #bbb
}

.new-tooteet .preview .icon-file,
.new-tooteet .preview .icon-tootiaudio,
/* .new-tooteet .preview .icon-audio, */
/* .tooteet .icon-file, */
.tooteet .icon-tootiaudio,
.tooteet-view .icon-file,
.tooteet-view .icon-tootiaudio {
    color: #1ca8e1
}

.tooteet-footer {
    /* background-color: #fbfbfb; */
    width: 100%;
    position: relative;
    clear: both;
    /* min-height: 35px; */
    border-radius: 5px;
	z-index: 3;
}

.tooteet-footer:after {
    content: "";
    display: table;
    clear: both
}

.tooteet-footer .comments,
.tooteet-footer .location,
.tooteet-footer .rating,
.tooteet-footer .time {
    float: left;
    height: 100%;
    width: auto;
    min-width: 0
}

.tooteet-footer .time {
    padding-right: 35px
}

.tooteet-footer .location {
    max-width: 44%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    margin: 5px 0
}

.tooteet-footer .comments .comments-number,
.tooti-container .star-number {
   /*  position: relative;
    bottom: -3px */
}

.tooteet-footer .comments i {
    font-size: 14px;
    padding-left: 6px;
	vertical-align: -3px;
}

#share-privately .error,
.errormsg .error,
.tooteet-footer .comments.unread,
span.error {
    color: #d72b2b
}

.tooteet-list {
    width: 100%;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -ms-calc(100% - 20px);
    width: calc(100% - 20px);
    clear: both;
    margin-left: 10px;
    margin-right: 10px;
    height: 160px;
    background-color: #fff
}

.tooteet-list.orange {
    border-left: 10px solid #fbaa18
}

.tooteet-list.cyan {
    border-left: 10px solid #1cc9e1
}

.tooteet-list.green {
    border-left: 10px solid #98ec02
}

.tooteet-list.blue {
    border-left: 10px solid #1989ca
}

.tooteet-list.magenta {
    border-left: 10px solid #ff69e6
}

.tooteet-list.yellow {
    border-left: 10px solid #ffea00
}

.tooteet-list.red {
    border-left: 10px solid #ea0000
}

.tooteet-list .tooteet-contents {
    float: left;
    padding-left: 20px;
	position: relative;
}

.tooteet-list .tooteet-info {
    float: left;
	position: relative;
}

.tooteet-list.tootiaudio .tooteet-details,
.tooteet-list.tootifile .tooteet-details,
.tooteet-list.tootipicture .tooteet-details,
.tooteet-list.tootivideo .tooteet-details {
    padding-right: 170px
}

.tooteet-list.tootiaudio .extra-info,
.tooteet-list.tootifile .extra-info,
.tooteet-list.tootipicture .extra-info,
.tooteet-list.tootivideo .extra-info {
    right: 170px
}

.tooteet-list .tooteet-preview {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden
}

.tooteet-list .tooteet-preview>img {
    width: auto;
    min-width: 150px;
    height: 100%
}

.tooteet-list .tooteet-preview .icon-pdf,
.tooteet-list .tooteet-preview .icon-tootiaudio,
.tooteet-list .tooteet-preview .icon-word {
    font-size: 22px
}

.tooteet-list .tooteet-preview .icon-excel {
    font-size: 21px
}

.tooteet-list .tooteet-preview .icon-presentation-file {
    font-size: 24px
}

.tooteet-list .tooteet-preview .icon-compressed-file,
.tooteet-list .tooteet-preview .icon-file {
    font-size: 23px
}

.tooteet-list.tootiaudio .tooteet-preview,
.tooteet-list.tootifile .tooteet-preview {
    font-size: 11px;
    border-left: 1px solid #e7e9ec
}

.tooteet-thumbs {
    min-width: 220px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    float: left
}

/* grid */
	.tooteet-thumbs{}
	.tooteet-thumbs .tooteet-header{
		display: none;
	}
	.tooteet-thumbs .tool-info{
		display: none;
	}
	.tooti-container .tooteet-thumbs .tooteet-footer{
		border-top: 0;
	}
/* grid */



.tooteet-thumbs.orange>.tooteet-contents {
    border-top: 10px solid #fbaa18
}

.tooteet-thumbs.cyan>.tooteet-contents {
    border-top: 10px solid #1cc9e1
}

.tooteet-thumbs.green>.tooteet-contents {
    border-top: 10px solid #98ec02
}

.tooteet-thumbs.blue>.tooteet-contents {
    border-top: 10px solid #1989ca
}

.tooteet-thumbs.magenta>.tooteet-contents {
    border-top: 10px solid #ff69e6
}

.tooteet-thumbs.yellow>.tooteet-contents {
    border-top: 10px solid #ffea00
}

.tooteet-thumbs.red>.tooteet-contents {
    border-top: 10px solid #ea0000
}

.tooteet-thumbs .tooteet-contents {
    position: relative;
    background-color: #fff;
    height: 100%;
	
}
.sub-measure-tooteet.measure-last.last-Glist .measure-section-outer:after{
	content: '';
	border: 0 none
}


.tooteet-thumbs .tooteet-info {
    float: left;
	
}

.tooteet-thumbs .tooteet-info .user-email {
    max-width: 97%;
    width: 97%
}

.tooteet-thumbs .tooteet-info .extra-info {
    right: 10px;
    padding-top: 7px
}

.tooteet-thumbs.shared .extra-info {
    padding-top: 0
}

.tooteet-thumbs .tooteet-details {
    width: 100%;
    padding-right: 20px
}

.tooteet-thumbs .tooteet-description {
    padding-top: 8px
}

.tooteet-thumbs .tooteet-preview {
    width: 100%;
	height: 100%;	
}

.tooteet-thumbs .tooteet-preview .icon-pdf,
.tooteet-thumbs .tooteet-preview .icon-tootiaudio,
.tooteet-thumbs .tooteet-preview .icon-word {
    font-size: 22px
}

.tooteet-thumbs .tooteet-preview .icon-excel {
    font-size: 21px
}

.tooteet-thumbs .tooteet-preview .icon-presentation-file {
    font-size: 24px
}

.tooteet-thumbs .tooteet-preview .icon-compressed-file,
.tooteet-thumbs .tooteet-preview .icon-file {
    font-size: 23px
}

.tooteet-thumbs.tootiaudio .tooteet-preview,
.tooteet-thumbs.tootifile .tooteet-preview {
    border-bottom: 1px solid #e7e9ec
}

.tooteet-thumbs .tooteet-footer {
    padding-left: 10px;
    padding-right: 10px
}

#tooteet-controls {
    visibility: hidden;
    -moz-transition: visibility .2s 1s, opacity .2s 1s;
    -o-transition: visibility .2s 1s, opacity .2s 1s;
    -webkit-transition: visibility .2s, opacity .2s;
    -webkit-transition-delay: 1s, 1s;
    transition: visibility .2s 1s, opacity .2s 1s
}

#tooteet-controls ul>li {
    position: fixed;
    font-size: 25px;
    border: 3px solid #bfc2c8;
    border-radius: 50px;
    width: 50px;
    height: 50px!important;
    text-align: center;
    line-height: 52px;
    /* box-shadow: 0 0 2px #8c94a9; */
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

#tooteet-controls ul>li:hover {
    /* border: 1px solid #383e4b; */
    /* box-shadow: 0 0 2px #383e4b; */
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

#toolbar.settings-toolbar,
.modal-content,
.toolbar {
    -moz-box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    -webkit-box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px
}

#tooteet-controls ul>li.previous {
    left: 25px;
    float: left
}

#tooteet-controls ul>li.next {
    right: 25px;
    float: right
}

#tooteet-controls ul>li>a {
    padding: 0;
    display: block;
	color: #bfc2c8;
}

.tooteet-view.orange {
    border-top: 10px solid #fbaa18
}

.tooteet-view.cyan {
    border-top: 10px solid #1cc9e1
}

.tooteet-view.green {
    border-top: 10px solid #98ec02
}

.tooteet-view.blue {
    border-top: 10px solid #1989ca
}

.tooteet-view.magenta {
    border-top: 10px solid #ff69e6
}

.tooteet-view.yellow {
    border-top: 10px solid #ffea00
}

.tooteet-view.red {
    border-top: 10px solid #ea0000
}

.tooteet-view .tooteet-inner {
    position: relative;
    padding: 20px;
    width: 100%
}

.tooteet-view .tooteet-inner:after {
    content: "";
    display: table;
    clear: both
}

.tooteet-view .tooteet-contents {
    padding-left: 80px;
    padding-right: 80px;
    margin-bottom: 30px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.tooteet-view .tooteet-contents .media {
    margin-bottom: 30px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.tooteet-view .tooteet-contents .media img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    vertical-align: top
}

.tooteet-view .tooteet-contents .row {
    text-align: left
}

.name-container>a .tooteet-view .tooteet-contents .cog-settings,
.tooteet-view .tooteet-contents .name-container>a .cog-settings,
.tooteet-view .tooteet-contents h1 {
    margin-bottom: 30px
}

.name-container>a .tooteet-view .tooteet-contents .cog-settings .keyword,
.tooteet-view .tooteet-contents .name-container>a .cog-settings .keyword,
.tooteet-view .tooteet-contents h1 .keyword {
    display: inline-block;
    padding-right: 8px
}

.name-container>a .tooteet-view .tooteet-contents .cog-settings .keyword i,
.tooteet-view .tooteet-contents .name-container>a .cog-settings .keyword i,
.tooteet-view .tooteet-contents h1 .keyword i {
    font-size: 14px;
    letter-spacing: -4px
}

.tooteet-view .tooteet-contents .description {
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 20px;
    word-wrap: break-word
}

.tooteet-view .overview {
    border-bottom: 3px solid #636d85;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.tooteet-view .overview>ul>li {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding-right: 20px;
    padding-bottom: 4px
}

.tooteet-view .overview>ul>li:last-of-type {
    padding-right: 0
}

.tooteet-view .overview>ul>li.unread {
    color: #f6142b
}

.tooteet-view .tooteet-info>li {
    width: 100%;
    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #636d85
}

.tooteet-view .tooteet-info>li>a>i,
.tooteet-view .tooteet-info>li>i {
    font-size: 16px;
    position: relative;
    top: 3px;
    width: 20px;
    display: inline-block
}

.extra-info i {
    /* top: 0!important */
}

.tooteet-view .tooteet-info>li>a>i.icon-location,
.tooteet-view .tooteet-info>li>i.icon-location {
    font-size: 14px;
    top: 2px
}

.tooteet-view .tooteet-info .user-email {
    max-width: 100%
}

.tooteet-view .tooteet-info .tooteet-time {
    border-top: 3px solid #636d85
}

.tooteet-view .tooteet-info .time {
    color: #383e4b;
    font-weight: 600;
    padding-left: 5px
}

.tooteet-view .tooteet-info .location {
    padding-top: 5px;
    position: relative
}

.tooteet-view .tooteet-info .location:after {
    content: "";
    display: table;
    clear: both
}

.tooteet-view .tooteet-info .location #see-map {
    color: #abb0be;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 11px;
    line-height: 22px;
    vertical-align: middle;
    visibility: hidden;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: visibility .2s, opacity .2s;
    -o-transition: visibility .2s, opacity .2s;
    -webkit-transition: visibility .2s, opacity .2s;
    transition: visibility .2s, opacity .2s
}

.tooteet-view .tooteet-info .location>a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.tooteet-view .tooteet-info .location>a .location-name,
.tooteet-view .tooteet-info .location>a i {
    display: block;
    float: left
}

.tooteet-view .tooteet-info .location>a .location-name {
    width: 93%;
    width: -moz-calc(100% - 22px);
    width: -webkit-calc(100% - 22px);
    width: -ms-calc(100% - 22px);
    width: calc(100% - 22px)
}

.tooteet-view .tooteet-info .location>a:hover {
    color: #1ca8e1;
    padding-right: 80px
}

.tooteet-view .tooteet-info .location>a:hover #see-map {
    visibility: visible;
    filter: alpha(enabled=false);
    opacity: 1;
    color: #abb0be
}

.tooteet-view .tooteet-info .location>a:active,
.tooteet-view .tooteet-info .location>a:focus {
    color: #1989ca
}

.tooteet-view .tooteet-info .location>a:active #see-map,
.tooteet-view .tooteet-info .location>a:focus #see-map {
    color: #8c94a9
}

.tooteet-view .tooteet-info .extra-info {
    position: static;
    right: auto;
    text-align: left;
    border-top: 1px solid #abb0be
}

#alert-container,
#alertWindowPopup .overlay-form-inner,
#cameraWindowPopup .overlay-form-inner,
#confirmDownloadPopup .overlay-form-inner,
#confirmWindowPopup .overlay-form-inner,
#modal-delete .overlay-form-inner,
#modal-delete-edit .overlay-form-inner,
.file-id,
.modal,
.modal-footer,
.tootifile .media .file-id {
    text-align: center
}

.tooteet-view .tooteet-info .extra-info div {
    display: inline-block;
    float: left
}

.tooteet-view .tooteet-info .extra-info i {
    padding-left: 0
}

.tooteet-view .tooteet-info .extra-info .rating {
    margin-left: 2px;
    margin-right: 0;
    letter-spacing: -2px;
    width: auto;
    min-width: 1px;
    font-size: 18px;
    padding-right: 10px
}

.tooteet-view .tooteet-info .extra-info .rating a {
    color: #abb0be;
    padding: 0 1px;
	margin: 0 2px;
    vertical-align: middle;
}

.tooteet-view .tooteet-info .extra-info .rating a:visited {
    color: #abb0be
}

.tooteet-view .tooteet-info .extra-info .rating a.active:visited,
.tooteet-view .tooteet-info .extra-info .rating a:hover {
    color: #383e4b
}

.tooteet-view .tooteet-info .extra-info .rating a.active:active,
.tooteet-view .tooteet-info .extra-info .rating a.active:focus,
.tooteet-view .tooteet-info .extra-info .rating a.active:hover {
    color: #abb0be
}

.tooteet-view .tooteet-info .extra-info i.icon-fav1 {
    font-size: 15px
}

.tooteet-view .tooteet-info .extra-info .favorite-div {
    padding-right: 10px
}

.tooteet-view .tooteet-info .extra-info .checkbox.bookmark {
    height: auto;
    padding-left: 0;
	padding-top: 1px;
	padding-bottom: 1px;
}

.tooteet-view .tooteet-info .extra-info .checkbox.bookmark .bookmark-cover {
    top: 7px
}

.tooteet-view .tooteet-info .extra-info #favorite .checkbox.bookmark .bookmark-cover {
    top: 2px
}

.comments-day {
    /* margin-top: 30px */
}

.comments-day .name-container>a .cog-settings,
.comments-day h1,
.name-container>a .comments-day .cog-settings {
    line-height: 100%;
    margin-bottom: 15px!important;
    font: 700 17px/20px "Roboto Slab", serif
}

.comment-info {
    /* padding-bottom: 5px */
}

.comment-info:after {
    content: "";
    display: table;
    clear: both
}

.comment-info>.user-email {
    /* font-weight: 400;
    font-size: 13px */
}

.comment-info>.user-email i {
    font-size: 16px;
    position: relative;
    top: 3px
}

.comment-info .time {
    float: right;
    font-size: 13px;
    color: #b8bdca;
    position: relative;
    top: 0;
    margin-top: -4px
}

.file-id,
.tootifile .media img+.file-id {
    margin-top: 0
}

.comments-day .email {
    font: 15px/20px Roboto, arial
}

.comments-day p {
    font: 14px/20px Roboto, arial
}

#new-comment {
    position: relative
}

#new-comment textarea {
	/* padding-right: 0;
    padding-bottom: 0; */
    /* min-height: 120px; */
    /* width: 100%;
    color: #383e4b;
    font: 14px/160% Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    resize: vertical */
}

#new-comment textarea::-moz-placeholder {
    /* font-size: 14px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif */
}

#new-comment textarea:-moz-placeholder {
    /* font-size: 14px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif */
}

#new-comment textarea::-webkit-input-placeholder {
    /* font-size: 14px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif */
}

#new-comment textarea:-ms-input-placeholder {
    /* font-size: 14px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #b8bdca */
}

#new-comment .form-control:-moz-placeholder,
#new-comment .form-control:-ms-input-placeholder,
#new-comment .form-control::-moz-placeholder,
#new-comment .form-control::-webkit-input-placeholder {
    /* font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif!important */
}

#new-comment #btn-publishComment {
    /* visibility: hidden;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: visibility .2s, opacity .2s;
    -o-transition: visibility .2s, opacity .2s;
    -webkit-transition: visibility .2s, opacity .2s;
    transition: visibility .2s, opacity .2s;
    position: absolute;
    right: 5px;
    background-color: transparent;
    border: 0;
    height: 50px;
    line-height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: middle;
    top: 0 */
}

#new-comment.write-mode #btn-publishComment,
.tooteet-open #tooteet-controls {
    visibility: visible;
    filter: alpha(enabled=false);
    opacity: 1
}
.comment {
   /*  background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    border-radius: 2px;
    position: relative */
}
.xs-menu>a,
.xs-menu>a:visited {
    background-color: #1ca8e1
}

.file-id,
.tootifile .media img {
    margin-bottom: 30px
}

.comment i.new {
    display: none;
    color: #f6142b;
    font-size: 12px;
    padding-left: 20px
}

.comment.new i.new {
    display: inline-block
}

.comment .arrow {
    /* width: 17px;
    height: 16px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 15px solid #fff;
    position: absolute;
    right: -16px;
    top: 15px;
    -moz-transform: scale(1.1) */
}

.comment.self {
    /* color: #fff;
    margin-right: 0;
    margin-left: 15px */
}

.comment.self .arrow {
    /* border-left: 0 transparent;
    border-right: 15px solid #1ca8e1;
    right: auto;
    left: -16px */
}

.comment.self .time {
    color: #fff
}

.comment.self .user-email {
    display: block;
    color: #fff
}

.tootivideo video {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
    width: 100%;
    height: 300px
}

.tootiaudio .media {
    display: block;
    width: 100%
}

.file-id {
    width: 100%;
    padding-right: 15px
}

.file-id i {
    font-size: 22px;
    padding-right: 8px;
    position: relative;
    bottom: -5px;
    color: #1ca8e1
}

.file-id .file-name {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    color: #636d85;
    word-break: break-all;
	max-width: 780px;
    vertical-align: middle;
    line-height: 22px;
}

.alert,
.alert-danger .alert-link:visited,
.alert-info .alert-link:visited,
.alert-link:visited,
.alert-success .alert-link:visited,
.alert-warning .alert-link:visited {
    color: #383e4b
}

.tooteet-open {
    max-width: 100%;
    overflow-x: hidden
}

.tooteet-open:after {
    content: "";
    display: table;
    clear: both
}

.alert-window-open .ng-scope,
.tooteet-open .wrapper {
    overflow: hidden
}

.tooteet-open .wrapper {
    margin: 0
}

.tooteet-open #main-content {
    position: fixed;
    z-index: 1;
	/* z-index: 70; */
}

.tooteet-open #tooteet-controls {
    -moz-transition: visibility .2s 0, opacity .2s 0;
    -o-transition: visibility .2s 0, opacity .2s 0;
    -webkit-transition: visibility .2s 0, opacity .2s 0;
    transition: visibility .2s 0, opacity .2s 0;
    -moz-transition-delay: visibility 0, opacity 0;
    -o-transition-delay: visibility 0, opacity 0;
    -webkit-transition-delay: visibility 0, opacity 0;
    transition-delay: visibility 0, opacity 0
}

#share-privately {
    width: 400px;
    top: 0;
    left: 200px;
    margin-top: -6px;
    float: left;
    filter: alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity .3s, visibility .3s;
    -o-transition: opacity .3s, visibility .3s;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

#share-privately .btn {
    padding: 0 15px;
    line-height: 37px;
    height: 39px
}

#share-privately input {
    padding-top: 0;
    padding-bottom: 0;
    width: 390px
}

.input-group-btn {
    float: right
}

#share-privately.visible {
    filter: alpha(enabled=false);
    opacity: 1;
    visibility: visible
}

.edit-mode #tooteet-toolbar .edit-visible,
.edit-mode .edit-visible {
    display: inline-block
}

.selected-color>a {
    font-size: 20px;
    padding: 0 5px;
    vertical-align: top
}

.edit-mode #tooteet-toolbar>ul>li.next,
.edit-mode #tooteet-toolbar>ul>li.previous {
    display: none!important
}

.edit-mode #tooteet-comments {
    /* filter: alpha(Opacity=50);
    opacity: .5 */
}

#lanes-filter,
.overlay-scale {
    filter: alpha(Opacity=0);
    opacity: 0
}

.edit-mode .tooteet-time {
    position: relative
}

.edit-mode .tooteet-time:after {
    content: "";
    display: table;
    clear: both
}

.edit-mode .tooteet-time>i {
    line-height: 35px;
    float: left;
    top: 3px!important
}

#descriptionText,
body {
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 160%
}



.edit-mode .tooteet-time .input-group .input-group-addon.append-caret {
    padding-top: 5px
}

.edit-mode .tooteet-time .input-group:first-of-type {
    /* width: 60%;
    width: -moz-calc(60% - 20px);
    width: -webkit-calc(60% - 20px);
    width: -ms-calc(60% - 20px);
    width: calc(60% - 20px) */
}

.edit-mode .tooteet-time .input-group:last-of-type {
    /* width: 40%;
    width: -moz-calc(40%);
    width: -webkit-calc(40%);
    width: -ms-calc(40%);
    width: calc(40%) */
}

.edit-mode .tooteet-time .input-group input,
.overlay {
    width: 100%
}

.edit-visible {
    display: none
}

#description-container {
    margin-bottom: 50px
}

#descriptionText {
    font-size: 15px;
    padding: 15px 12px;
    min-height: 120px;
    resize: vertical
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
	/* background: #e7e9ec; */
    background: #f9f9f9;
    z-index: 1200
}

.overlay .overlay-close i {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px
}

button.overlay-close-download-popup,
button.overlay-close-popup.progress-button,
button.overlay-confirm-ok-popup {
    margin: 0 20px 0 10px;
    min-width: 100px
}

button.overlay-close-confirm-popup,
button.overlay-close-popup {
    width: 100px
}

.change-password button.overlay-close-confirm-popup,
button.overlay-close-popup {
    width: auto
}

.overlay-scale {
    visibility: hidden;
    max-height: 100%;
    overflow: hidden;
    -moz-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9);
    -moz-transition: -moz-transform .2s, opacity .2s, visibility 0 .2s, max-height 0 2s;
    -o-transition: -o-transform .2s, opacity .2s, visibility 0 .2s, max-height 0 2s;
    -webkit-transition: -webkit-transform .2s, opacity .2s, visibility 0, max-height 0;
    -webkit-transition-delay: 0s, 0s, .2s, 2s;
    transition: transform .2s, opacity .2s, visibility 0 .2s, max-height 0 2s
}

.overlay-scale.open {
    visibility: visible;
    z-index: 2500;
    max-height: none;
    filter: alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transition: -moz-transform .4s, opacity .4s;
    -o-transition: -o-transform .4s, opacity .4s;
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s
}

.dark-overlay.overlay-scale.open {
	z-index: 2501;
}

.overlay-scale.ng-scope.open {
    height: auto
}

#alertWindowPopup.overlay-scale.ng-scope.open,
#cameraWindowPopup.overlay-scale.ng-scope.open,
#cameraWindowPopup.overlay-scale.open,
#chgpass-popup.overlay-scale.open,
#confirmWindowPopup.overlay-scale.ng-scope.open,
#modal-delete.overlay-scale.ng-scope.open,
#openpopup.overlay-scale.ng-scope.open,
#showMapView.overlay-scale.open,
.dark-overlay,
.tooteet-open #alertWindowPopup.overlay-scale.open {
    height: 100%
}

#modal-delete.open {
    position: fixed
}

.overlay-inner,
.overlay-inner .overlay-close i {
    position: relative
}

#alertWindowPopup .highlight-text,
#cameraWindowPopup .highlight-text,
#confirmWindowPopup .highlight-text {
    padding-bottom: 20px
}

.dark-overlay {
    background-color: rgba(0, 0, 0, .9)
}

.dark-overlay.overlay-scale.open {
    background-color: rgba(0, 0, 0, .8)
}

.overlay-inner {
    padding: 20px;
    width: 100%;
    height: 100%;
    overflow: auto
}

.overlay-inner .overlay-close {
    position: relative;
    top: 0;
    right: 0;
    display: block
}
.overlay-form.fullwidthpopup{
	max-width:95%;
	background:#efefef;
	min-height:auto;
	/* margin-top:0; */
	top:initial;
	-webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
	height:auto;
}
 .overlay-form.fullwidthpopup .form_list .card .card_image{color:#000;width:100px} 
 .overlay-form.fullwidthpopup .form_list .card{padding:20px}
 .overlay-form.fullwidthpopup .form_list .card .card_body{width:calc(100% - 100px);max-width:100%}
.overlay-form {
    max-width: 450px
}

.overlay-form:after {
    content: "";
    display: table;
    clear: both
}

.overlay-form a.btn {
    margin-top: 40px;
    min-width: 80px
}

.modal {
    z-index: 3000;
    background-color: rgba(0, 0, 0, .6)
}

.modal-dialog {
    margin-top: 15%
}

.modal-content {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px
}

.modal-footer,
.modal-header {
    border: 0 transparent
}

.modal-body {
    padding-bottom: 10px;
    padding-top: 10px
}

.modal-footer .btn {
    padding-left: 30px;
    padding-right: 30px
}

#alert-container {
    position: fixed;
    top: 25px;
    width: 100%;
    z-index: 2000
}

.alert {
    margin-left: auto;
    margin-right: auto;
    min-width: 50px;
    width: auto;
    max-width: 500px;
    padding: 8px 15px;
    font-size: 13px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block
}

.alert-danger .alert-link,
.alert-info .alert-link,
.alert-link,
.alert-success .alert-link,
.alert-warning .alert-link {
    padding-left: 15px;
    text-decoration: underline;
    color: #383e4b;
    font-size: 13px
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

.alert-danger .alert-link:hover,
.alert-info .alert-link:hover,
.alert-link:hover,
.alert-success .alert-link:hover,
.alert-warning .alert-link:hover {
    color: #2d323d
}

.alert-danger .alert-link:active,
.alert-danger .alert-link:focus,
.alert-info .alert-link:active,
.alert-info .alert-link:focus,
.alert-link:active,
.alert-link:focus,
.alert-success .alert-link:active,
.alert-success .alert-link:focus,
.alert-warning .alert-link:active,
.alert-warning .alert-link:focus {
    color: #22262e
}

a,
a:visited {
    color: #8c94a9
}

body {
    font-size: 14px;
    background-color: #fff; 
    /* background-color: #e7e9ec */
}

h2,
h3,
h4 {
    font-weight: 700
}

.dropdown-notifications .lane,
.unread-notifications {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    line-height: 100%
}

:focus,
a:focus {
    border-color: transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    outline: transparent 0
}

#login-switch>a,
.Terms a {
    text-decoration: underline
}

a:hover {
    color: #636d85
}

a:focus {
    color: #383e4b
}

.wrapper {
    /* margin-top: 60px; */
	padding-top: 60px;
}

.login.wrapper {
    margin-top: 0
}
.newmultiselect-option .dropdown-menu.lanes-menu,.tooteet-open .dropdown-menu.scrollable-outer { 
	height: 465px;
}
#lanes-list .siderbar-scroll-block ul.private_shared li span,.scrollable-outer ul.private_shared li span{
	/* display:none; */
	position: absolute;
    left: 20px;
    top: 11px;
    width: 100%;
    max-width: 80px;
    opacity: 0;
	}
#lanes-list .siderbar-scroll-block ul.private_shared li a,.dropdown-menu.lanes-menu.scrollable-outer ul.private_shared li a{
	color: #3b4d51;
	text-transform: uppercase;
	font-size: 13px;
	}
#lanes-list .siderbar-scroll-block ul.private_shared li a {
	font-size:16px;
}
#lanes-list .siderbar-scroll-block ul.private_shared li.active a,.lanes-menu .private_shared li.active a{
	color:#009fe5;
	position:relative;
}
#lanes-list .siderbar-scroll-block ul.private_shared li.active a:before, .shared-lanes-list li.active a:before,.private-lanes-list li.active a:before,.lanes-menu .private_shared li.active a:before{
	content: "";
    display: block;
    border-bottom: 3px solid #009fe5;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
}
.lanes-menu .private_shared li.active a:before {bottom:-5px}
#lanes-list{
	display:inline-block;
	width:100%;
}
#lanes-sidebar #lanes-list #search-lanes{
	width:100%;
	display:inline-block;
}
#lanes-sidebar #lanes-list .clearable,#lanes-sidebar #lanes-list .visible{
	width: 90%;
    margin: 0;
    display: inline-block;
}
#lanes-sidebar #lanes-list .visible{
	width: 5%;
    font-size: 0;
}
#lanes-sidebar #lanes-list .visible a{position:relative;}
#lanes-sidebar #lanes-list .visible a i{
	font-size: 22px;
    position: absolute;
    top: -16px;
    right: -28px;
    color: #3b4d51;
}
#lanes-sidebar #lanes-list .visible .filter-dropdown a i{
	position: initial;
	font-size:15px;
}




/* Media Queries */
@media (max-width:991px) {
    .default-container {
        padding: 10px
    }
}

.name-container>a .cog-settings,
h1 {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px
}

h2 {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px
}

h3 {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 11px
}

h4 {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 10px
}

#main-content {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.no-scroll {
    overflow: hidden
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.visible-xxs {
    display: none!important
}

.hidden-xxs {
    display: inline-block!important
}

.navbar {
    background-color: #009CE9;
    min-height: 60px;
    max-height: 60px;
    color: #fff;
    margin-bottom: 0
}

.nav .open>a,
.navbar-nav>li>a {
    background-color: transparent
}

.navbar-nav>li>a {
    color: #fff;
    padding: 3px 13px 11px
}

.navbar-nav>li>a:active,
.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:visited {
    color: #fff;
    background-color: transparent
}

.navbar-nav>li>a i {
    font-size: 18px;
    margin-bottom: -1px;
    padding-top: 2px;
    display: block;
}

.nav .open>a:hover,
.nav .open>a:visited {
    background-color: #1989ca
}

.nav .open>a:active,
.nav .open>a:focus {
    background-color: #009CE9
}

.navbar-brand {
    padding-top: 5px;
    padding-bottom: 2px;
    height: auto
}

.navbar-brand img {
    max-height: 52px;
    max-width: 95px;
    height: auto;
    width: auto
}

.unread-notifications {
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: 18px;
    background-color: #f6142b;
    color: #fff;
    padding: 3px;
    font-size: 11px;
    font-weight: 400;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    z-index: 2201
}

.tooteet-open .navbar-fixed-bottom,
.tooteet-open .navbar-fixed-top {
    z-index: 60
}

.dropdown-notifications-container {
    width: 340px;
    min-width: 340px;
    padding-bottom: 30px
}

.dropdown-notifications {
    max-height: 460px;
    overflow-y: auto;
    padding-left: 15px;
    padding-right: 15px
}

.dropdown-notifications .lane {
    padding: 9px 15px 6px;
    margin-left: -15px!important;
    margin-right: -15px!important;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background-color: #009ce9;
    height: 30px;
    color: #fff
}

.notifications>li,
.notifications>li:visited {
    background-color: #fff
}

.mark-read a,
.mark-read a:visited {
    color: #b8bdca
}

.dropdown-notifications .lane .name {
    max-width: 80%;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden
}

.dropdown-notifications .lane .number {
    max-width: 20%;
    text-align: right;
    color: #b8bdca;
    font-size: 11px;
    position: absolute;
    right: 15px;
    top: 9px
}

.details-icon,
.info-container .no-activities .notifications li,
.navbar-right .no-activities .notifications li,
.new-tooteet .button-group,
.no-activities,
.see-all,
.video-recording,
ul.tooteet-types-btn li {
    text-align: center
}

.mark-read {
    position: absolute;
    right: 15px;
    top: 15px;
    visibility: hidden
}

.mark-read a {
    font-size: 10px;
    padding: 6px 6px 13px;
    margin-top: -6px;
    margin-right: -6px
}

.mark-read a:hover {
    color: #636d85
}

.mark-read a:active,
.mark-read a:focus {
    color: #383e4b
}

.notifications>li {
    position: relative;
    padding: 15px;
    margin-left: -15px!important;
    margin-right: -15px!important;
    border-bottom: 1px solid #c7cbd5
}

.notifications>li:active,
.notifications>li:focus,
.notifications>li:hover {
    background-color: #f5f6f7
}

.notifications>li>a {
    overflow: hidden;
    display: block;
    padding: 0;
    position: relative
}

#lanes-sidebar,
.filter-dropdown>li,
.filter-dropdown>li:visited,
.see-all {
    background-color: #fff
}

.notifications>li:hover .mark-read {
    visibility: visible
}

.notifications>li:last-of-type {
    border-bottom: 0 transparent;
    padding-bottom: 40px
}

.info-container .no-activities.no-see-all .notifications li,
.navbar-right .no-activities.no-see-all .notifications li,
li.notification-shared-list:last-child {
    padding-bottom: 15px
}

.notification-icon {
    height: 100%;
    width: 34px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: -10px
}

.notification-icon>i {
    color: #f6142b;
    font-size: 20px;
    line-height: 51px;
    height: 60px
}

.notification-icon>i.notify-lane-icon {
    font-size: 21px
}

.notification-icon.notification-pre-detail>i.notify-comment-icon,
.notification-icon.notification-pre-detail>i.notify-lane-icon {
    line-height: 24px
}

.notification-icon.notification-pre-detail>i.icon-share,
.notification-icon.notification-pre-detail>i.icon-led {
    line-height: 28px
}

#notifications-list .notification-icon {
    margin-top: 0
}

.notification-details {
    padding-left: 34px;
    padding-right: 24px;
    width: 100%;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #636d85;
    line-height: 140%
}

#new-lane #btn-newLane,
#toolbar.settings-toolbar .info-list>li>a,
.notification-details .date,
.notification-details .item-name,
.notification-details .tag,
.see-all {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}

.notification-details .username {
    color: #1ca8e1
}

.notification-details .tag {
    margin: 0;
    padding: 0
}

.notification-details .item-name,
.notification-details .tag {
    color: #383e4b;
    font-size: inherit;
    font-weight: 700;
    white-space: pre-wrap;
    float: left;
    width: 100%
}

.notification-details .item-name i,
.notification-details .tag i {
    font-size: 9px;
    padding-right: 1px;
    padding-left: 1px
}

.notification-details .date {
    font-size: 11px;
    font-weight: 400;
    color: #abb0be;
    margin-top: 4px;
    margin-bottom: -2px
}

#lane-notifications .notification-details .tag,
#navbar-notifications .notification-details .tag {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px
}

.see-all {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4px 15px;
    border-top: 1px solid #c7cbd5;
    font-size: 13px;
    font-weight: 400
}

.see-all:hover a {
    color: #636d85
}

.see-all a {
    color: #8c94a9
}

.see-all a:hover {
    color: #636d85
}

#lanes-sidebar {
    padding: 20px 10px;
    position: fixed;
    top: 0;
    left: -300px;
    bottom: 0;
    margin-top: 60px;
    visibility: hidden;
    z-index: 61;
    transition: left .5s ease 0s
}

@media (min-width:768px) {
    #lanes-sidebar {
        width: 300px
    }
}

#search-lanes .form-group {
    margin-bottom: 0
}

#lanes-filter {
    position: relative;
    color: #abb0be;
    font-size: 14px;
    margin: 10px;
    max-height: 0;
    overflow: hidden;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

#lanes-filter a.filter-toogle {
    font-size: 12px;
    font-weight: 400
}

#lanes-filter .btn-link i {
    line-height: 10px;
    vertical-align: top;
    float: none
}

#lanes-filter.visible {
    max-height: auto;
    overflow: visible;
    filter: alpha(enabled=false);
    opacity: 1
}

.filter-dropdown {
    width: 200px;
    min-width: 200px;
    left: 14px
}

.filter-dropdown>li:active,
.filter-dropdown>li:focus,
.filter-dropdown>li:hover,
.filter-dropdown>li:hover a {
    background-color: #f5f6f7
}

.filter-dropdown>li>a,
.filter-dropdown>li>a:visited {
    background-color: transparent
}

.filter-dropdown>li>a {
    clear: none;
    display: inline-block
}

.filter-dropdown>li>a:hover i {
    color: #1ca8e1
}

.filter-dropdown>li>a:active i {
    color: #383e4b
}

#new-lane #btn-newLane:active,
#new-lane #btn-newLane:focus,
#new-lane #btn-newLane:visited {
    color: #fff
}

.default-option,
.secondary-option {
    width: 100%;
    height: 100%
}

.default-option i,
.secondary-option i {
    float: right!important;
    padding-top: 2px;
    padding-right: 0!important;
    line-height: inherit!important;
    font-size: 14px
}

.secondary-option {
    width: auto;
    float: right;
    margin-left: -15px
}

.sidebar-nav {
    margin: 0 -10px 30px -15px; 
    padding: 0
}

#new-lane {
    /* top: 96.9%;
    top: -moz-calc(100% - 40px);
    top: -webkit-calc(100% - 40px);
    top: -o-calc(100% - 40px);
    top: calc(100% - 29px); */
	top: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    left: 0;
    z-index: 1
}

#new-lane #btn-newLane,
.sidebar-right {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

#new-lane #new-lane-form:after,
#new-lane:after {
    content: "";
    display: table;
    clear: both
}

#new-lane #btn-showEmailSettings.close,
.reader-permissions #share-settings .remove {
    display: none
}

#new-lane #new-lane-form {
    padding: 30px 15px 20px;
    color: #c7cbd5;
    font-size: 13px;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

#new-lane>.form-group:first-of-type {
    margin-bottom: 0
}

#new-lane #btn-newLane {
    position: absolute;
   /*  top: -85px; */
    top: -54px;
    left: 0;
    width: 100%;
    padding: 19px 10px 15px 20px;
    text-align: left;
    height: 54px;
    font-size: 17px;
    font-weight: 400;
    line-height: 100%;
    color: #fff;
    background-color: #009ce9;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0 transparent;
    transition: all .3s;
    vertical-align: middle
}

#lane-settings,
#toolbar,
.settings-open,
.sidebar-right {
    background-color: #fff
}

#btn-newLane .icon-add3::before {
    line-height: 15px
}

#new-lane #btn-newLane i {
    font-size: 16px;
    vertical-align: sub;
	margin-right: 5px;
}

#new-lane #email-settings,
#new-lane #email-settings * {
    opacity: 0;
    max-height: 0;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

#new-lane #email-settings.open,
#new-lane #email-settings.open * {
    opacity: 1;
    max-height: 100%
}

#new-lane .button-group {
    width: 100%;
    padding: 20px 15px;
    position: relative;
    z-index: 11
}

#new-lane .button-group.two-buttons {
    padding-bottom: 40px
}

@media (max-height:768px) {
    #new-lane .button-group {
        position: relative;
        padding-top: 30px
    }
    #new-lane #new-lane-form .button-group {
        padding-bottom: 60px!important
    }
}

#new-lane.open {
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.settings-wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.settings-container {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .datetimepicker .settings-container .right-col,
    .settings-container .datetimepicker .right-col,
    .settings-container .left-col {
        border-right: 1px solid #e7e9ec;
        padding-right: 30px
    }
    .settings-container .right-col {
        border-left: 1px solid #e7e9ec;
        position: relative;
        left: -1px;
        padding-left: 30px
    }
}

.settings-container .cant {
    border-top: 1px solid #e7e9ec;
    padding-top: 15px;
    color: #abb0be;
    font-size: 13px
}

#toolbar.settings-toolbar {
    box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px
}

#toolbar.notifications-toolbar .button-group,
#toolbar.settings-toolbar .button-group {
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    filter: alpha(enabled=false);
    opacity: 1;
    margin-top: 7px;
    margin-right: 15px
}

#toolbar.settings-toolbar .info-list {
    margin-top: 3px
}

#toolbar.settings-toolbar .info-list>li>a {
    color: #abb0be;
    padding-right: 10px
}

#toolbar.settings-toolbar .info-list>li>a:visited {
    color: #abb0be
}

#toolbar.settings-toolbar .info-list>li>a:hover {
    color: #1ca8e1
}

#toolbar.settings-toolbar .info-list>li>a:active,
#toolbar.settings-toolbar .info-list>li>a:focus {
    color: #1989ca
}

#toolbar.settings-toolbar .info-list>li>a>i {
    position: relative;
    top: 3px;
    padding-right: 3px;
    font-size: 15px
}

#toolbar.settings-toolbar .info-list>li>a.update {
    color: #8bbe30;
    text-decoration: underline
}

#toolbar.settings-toolbar .info-list>li>a.update:visited {
    color: #8bbe30
}

#toolbar.settings-toolbar .info-list>li>a.update:hover {
    color: #7caa2b
}

#toolbar.settings-toolbar .info-list>li>a.update:active,
#toolbar.settings-toolbar .info-list>li>a.update:focus {
    color: #6d9626
}

.settings .line-list>li.owner .btn-group>a,
.settings .line-list>li:hover .icon-user {
    color: #1ca8e1
}

.settings .line-list>li {
    cursor: pointer;
    line-height: 100%;
	height: auto;
}
.settings .line-list>li:after {
	content: '';
	display: block;
	clear: both;
}

.settings .line-list>li:hover .email {
    padding-right: 15px
}

.settings .line-list>li:hover .btn-group i,
.settings .line-list>li:hover .remove {
    filter: alpha(enabled=false);
    opacity: 1
}

.settings .line-list .btn-group a {
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600
}

.settings .line-list .btn-group i {
    position: relative;
    /* top: 3px; */
    top: 0px;
	padding-left: 5px;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.settings .line-list .remove {
    position: absolute;
    right: 8px;
    /* height: 100%; */
    width: 20px;
    display: block;
    /* padding: 8px 10px 12px; */
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
	top: 10px;
}

.settings .line-list .icon-user {
    font-size: 20px;
    position: relative;
    color: #b8bdca;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    transition: color .2s
}

.settings .line-list .email {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transition: padding .2s;
    -o-transition: padding .2s;
    -webkit-transition: padding .2s;
    transition: padding .2s;
    max-width: 100%;
    display: block;
    line-height: 16px
}

.xs-menu:after,
ul.tooteet-types-btn:after {
    display: table;
    clear: both;
    content: ""
}

@media (min-width:768px) {
    .email-group {
        padding-right: 170px;
        position: relative
    }
    .email-group .appmail {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 40px
    }
    .xs-menu {
        display: none
    }
}

.invite {
    margin-top: 40px
}

.invite .input-group {
    margin-bottom: 0;
    width: 100%
}
#setting-email-block .input-group-addon{
	position: absolute;
}

.invite .input-group .prepend-icon i {
    color: #b8bdca;
    font-size: 16px
}

.invite .permissions {
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #abb0be;
    max-height: 0;
    max-width: 0;
    overflow: hidden;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .1s .2s;
    -o-transition: opacity .1s .2s;
    -webkit-transition: opacity .1s;
    -webkit-transition-delay: .2s;
    transition: opacity .1s .2s;
    position: relative
}

.invite .permissions>a,
.new-tooteet .keywords input,
.numeration {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}

.invite .permissions>a {
    font-size: 13px;
    font-weight: 700;
    /* margin-bottom: 5px */
}

.invite .permissions>a i {
    float: none;
   /*  top: 3px */
}

.invite .permissions .dropdown-menu {
    top: 25px;
    width: 100%
}

select.dropdown-menu.Contrb-select option {
    padding: 5px;
    border-bottom: 1px solid #c7cbd5
}

.invite .permissions.visible {
    margin-top: 10px;
    max-height: 100%;
    max-width: 100%;
    overflow: visible;
    filter: alpha(enabled=false);
    opacity: 1
}

.form-section.invite.toolbar-invite {
    margin-top: 0
}

.section-label {
    border-top: 2px solid #1ca8e1;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px
}

.settings-form-label {
    font-size: 13px;
    font-weight: 600;
    color: #636d85
}

.xs-menu .input-group-addon.append-caret,
.xs-menu>a,
.xs-menu>a:active,
.xs-menu>a:focus,
.xs-menu>a:hover,
.xs-menu>a:visited {
    color: #fff
}

.settings-left-col {
    padding-bottom: 20px;
    border-left: 1px solid #e7e9ec
}

.small-container {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.small-container ul.dropdown-menu {
    top: 41px;
    width: 100%
}

.margin-xs {
    margin-top: 40px
}

.stack-list.settings-menu {
    position: relative;
    right: -15px
}

.xs-menu>a {
    border: transparent!important
}

.xs-menu>a:hover {
    background-color: #1989ca
}

.xs-menu>a:active,
.xs-menu>a:focus {
    background-color: #167ab3
}

.xs-menu>a.active {
    background-color: #1989ca;
    color: #fff
}

.xs-menu .dropdown-menu>li>a,
.xs-menu .dropdown-menu>li>a:visited {
    background-color: inherit;
    color: inherit
}

.xs-menu .dropdown-menu>li>a:hover {
    background-color: #1ca8e1
}

.xs-menu .dropdown-menu>li>a:active,
.xs-menu .dropdown-menu>li>a:focus {
    background-color: #1989ca
}

.xs-menu .dropdown-menu>li>a:active,
.xs-menu .dropdown-menu>li>a:focus,
.xs-menu .dropdown-menu>li>a:hover {
    color: #fff
}

.text-section {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 180%;
    color: #383e4b
}

.text-section p {
    margin-bottom: 20px
}

.text-section p:last-of-type {
    margin-bottom: 0
}

.text-section>.text-section:last-of-type {
    padding-bottom: 0
}

.about-text-section {
    padding: 0
}

.regular {
    font-weight: 400
}

.detail {
    color: #8c94a9;
    font-size: 13px;
    padding-top: 10px
}

.numeration {
    color: #1ca8e1;
    font-weight: 700;
    font-size: 13px;
    padding-right: 2px
}

.sidebar-open #lanes-sidebar {
    visibility: visible;
    left: 0
}

@media (max-width:1040px) {
    .sidebar-open .dropdown-menu {
        left: auto;
        right: 0
    }
    .expense-detail p>span {
        max-width: 280px;
        width: 100%
    }
}

@media (max-width:991px) {
    .sidebar-open .dropdown {
        position: static
    }
    .sidebar-open .navbar-right .dropdown-menu {
        top: 45px
    }
    .sidebar-open .dropdown-menu>li>a {
        font-size: 14px
    }
    .sidebar-open .dropdown-menu>li>a i {
        line-height: 28px
    }
    .expense-detail p>span {
        max-width: 250px;
        width: 100%
    }
}

@media (min-width:768px) {
    .sidebar-open #main-content,
    .sidebar-open #toolbar {
        width: 78.95%;
        width: calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: -webkit-calc(100% - 300px)
    }
    .sidebar-open #main-content {
        margin-left: 300px
    }
    .expense-detail p>span {
        max-width: 200px;
        width: 100%
    }
}

@media (max-width:1291px) {
    .sidebar-open .feed {
        padding: 10px
    }
    .sidebar-open #nav-feed {
        position: relative
    }
    .sidebar-open .feed-options {
        width: 100%;
        margin: 0
    }
    .sidebar-open .feed-options>li:first-of-type {
        /* margin-left: -5px */
    }
    .sidebar-open .search-container.open {
        /* margin-bottom: 15px */
    }
    .sidebar-open .search-container.open>a {
        margin-left: 6px;
        margin-top: -1px
    }
    .sidebar-open .search-container.open .search-options {
        /* display: block; */
        /* min-height: 85px */
    }
    .sidebar-open .search-options {
        display: block
    }
    .sidebar-open .search-options>li:first-of-type {
        margin: 0 0 0 10px;
        padding: 0
    }
    .sidebar-open .search-options>a {
        padding: 3px;
        margin-left: -5px
    }
    .sidebar-open .search-options>a>i {
        padding-left: 6px
    }
    .sidebar-open .month-view {
        right: 5px;
        top: 0
    }
    .sidebar-open .month-chart-container {
        padding: 0 10px;
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (min-width:1068px) {
    .sidebar-open .month-view.active .month-controls,
    .sidebar-open .month-view:active .month-controls,
    .sidebar-open .month-view:hover .month-controls {
        display: inline-block
    }
    .sidebar-open .color-list>li:nth-child(5) {
        margin-left: 0
    }
}

@media (max-width:1067px) {
    .sidebar-open .search-container.open .search-options>li:first-of-type .form-group,
    .sidebar-open .search-options>li:first-of-type .form-group {
        margin-bottom: 0
    }
    .sidebar-open {
        max-height: 100%;
        max-width: 100%;
        overflow-x: hidden
    }
    .sidebar-open .search-container.open {
        min-width: 1px;
        /* width: 320px; */
        margin-left: 0
    }
    .sidebar-open .search-container.open>a {
        margin: 0
    }
    .sidebar-open .search-container.open .search-options {
        min-width: 100%;
        margin: 0;
        width: 100%;
        display: block
    }
    .sidebar-open .search-container.open .search-options>li {
        padding: 8px 10px;
        position: static
    }
    .sidebar-open .search-container.open .search-options>li:first-of-type {
        display: block;
        width: 100%;
        padding: 0;
        margin-left: 0
    }
    .sidebar-open .search-container.open .search-options>li .toots-type {
        width: 100%
    }
    .sidebar-open .search-options {
        margin: 0;
        width: 100%;
        display: block
    }
    .sidebar-open .search-options>li {
        padding: 8px 10px;
        position: static
    }
    .sidebar-open .search-options>li:first-of-type {
        display: block;
        width: 100%;
        padding: 0;
        margin-left: 0
    }
    .sidebar-open .search-options>li .toots-type {
        width: 100%
    }
    .sidebar-open .search-options a {
        margin: 0
    }
    .sidebar-open .search-options a>i.icon-search {
        padding-left: 12px;
        line-height: 48px
    }
    .sidebar-open .month-selected.visually-hidden {
        max-width: 0;
        opacity: 0
    }
    .sidebar-open .month-chart>li,
    .sidebar-open .year-list>li {
        padding-left: 5px
    }
    .sidebar-open .dropdown-options>li {
        padding: 3px 6px
    }
    .sidebar-open .rating-list>li>a {
        font-size: 40px
    }
    .sidebar-open .square {
        width: 40px;
        height: 40px
    }
    .sidebar-open .location {
        display: none
    }
    .sidebar-open .multiselect-options {
        right: 0;
        left: auto;
        margin-right: -15px;
        margin-left: 0
    }
    .search-options .form-group {
        margin-bottom: 15px
    }
}

.sidebar-right-open #tools-buttons,
.toolbar .button-group {
    max-width: 0;
    max-height: 0;
    filter: alpha(Opacity=0);
    opacity: 0
}

@media (min-width:767px) and (max-width:1067px) {
    .sidebar-open .dropdown-menu.tooteet-colors-view {
        width: 210px
    }
    .sidebar-open .dropdown-menu.tooteet-colors-view span:nth-child(2) {
        font-size: 38px
    }
}

.sidebar-right {
    padding: 30px 20px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    margin-right: -100%;
    margin-top: 115px;
    /* z-index: 0; */
	z-index: 30;
    transition: all .3s;
    -moz-box-shadow: rgba(45, 50, 61, .08) -1px -2px 1px 1px;
    -webkit-box-shadow: rgba(45, 50, 61, .08) -1px -2px 1px 1px;
    box-shadow: rgba(45, 50, 61, .08) -1px -2px 1px 1px
}

.sidebar-right.open {
    margin-right: 0
}

.sidebar-right .form-section.search-invisible:nth-of-type(2),
.sidebar-right .form-section:first-of-type {
    padding-top: 0
}

@media (max-height:800px) {
    .sidebar-right .form-section {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.sidebar-right .input-group {
    width: 100%;
    margin-bottom: 10px
}

.sidebar-right .input-group:last-of-type {
    margin-bottom: 0
}

.sidebar-right .dropdown-menu {
    min-width: 100%;
    border-color: #abb0be;
    -moz-box-shadow: rgba(45, 50, 61, .12) 1px 2px 1px 1px;
    -webkit-box-shadow: rgba(45, 50, 61, .12) 1px 2px 1px 1px;
    box-shadow: rgba(45, 50, 61, .12) 1px 2px 1px 1px
}

@media (min-width:768px) {
    .sidebar-right {
        width: 300px
    }
}

@media (max-width:991px) {
    .right-sidebar-open .dropdown {
        position: static
    }
    .right-sidebar-open .dropdown-menu {
        width: 100%!important
    }
    .right-sidebar-open .dropdown-menu>li>a {
        font-size: 14px
    }
    .right-sidebar-open .dropdown-menu>li>a i {
        line-height: 28px
    }
}

@media (min-width:768px) {
    .right-sidebar-open #main-content {
        -moz-transform: translate3d(300px, 0, 0);
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0);
        width: 90%;
        width: calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: -ms-calc(100% - 300px)
    }
}

ul.tooteet-types-btn li {
    width: 19%;
    padding-right: 5px;
    padding-left: 5px;
    /* padding-bottom: 10px; */
    position: relative
}

ul.tooteet-types-btn li a,
ul.tooteet-types-btn li a:visited {
    width: 100%;
    /* height: 40px; */
	/* padding: 10px 0; */
    display: block;
    padding: 0;
    line-height: 40px;
    font-size: 13px;
    text-align: center;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}
ul.tooteet-types-btn li a i,
ul.tooteet-types-btn li a:visited i {
    position: relative;
    top: 1px;
    font-size: 14px
}

ul.tooteet-types-btn li a:hover,
ul.tooteet-types-btn li a:visited:hover {
    color: #abb0be;
    background-color: #fff
}

ul.tooteet-types-btn li a#all-types.disabled,
ul.tooteet-types-btn li a#all-types[disabled],
ul.tooteet-types-btn li a:visited#all-types.disabled,
ul.tooteet-types-btn li a:visited#all-types[disabled] {
    pointer-events: auto
}

ul.tooteet-types-btn li:nth-child(6) {
    /* clear: left; */
    margin-left: 0
}
.mobile-label {
    font-size: 13px;
    color: #abb0be;
    font-weight: 400;
    margin-bottom: 30px
}

@media (min-width:481px) {
    .mobile-label {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

.sidebar-right-open .sidebar-right {
    z-index: 40
}

.sidebar-right-open #tools-buttons {
    height: 0;
    width: 0;
    overflow: hidden
}

@media (min-width:768px) {
    .sidebar-right-open #main-content {
        width: 78.95%;
        width: calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: -ms-calc(100% - 300px);
        margin-right: 300px
    }
    .sidebar-right-open .tooteet-thumbs {
        width: 50%
    }
}

@media (min-width:1200px) {
    .sidebar-right-open .tooteet-thumbs {
        width: 25%
    }
}

@media (min-width:1380px) {
    .sidebar-right-open .tooteet-thumbs {
        width: 25%
    }
}

@media (min-width:1681px) {
    .sidebar-right-open .tooteet-thumbs {
        width: 20%
    }
}

@media (min-width:1921px) {
    .sidebar-right-open .tooteet-thumbs {
        width: 16.666%
    }
}

.sidebar-right-open.sidebar-open #main-content {
    width: 56%;
    width: -moz-calc(100% - 600px);
    width: -webkit-calc(100% - 600px);
    width: -ms-calc(100% - 600px);
    width: calc(100% - 600px)
}

@media (min-width:768px) {
    .sidebar-right-open.sidebar-open .tooteet-thumbs {
        width: 100%
    }
}

@media (min-width:1200px) {
    .sidebar-right-open.sidebar-open .tooteet-thumbs {
        width: 50%
    }
}

@media (min-width:1380px) {
    .sidebar-right-open.sidebar-open .tooteet-thumbs {
        width: 33.333%
    }
}

@media (min-width:1681px) {
    .sidebar-right-open.sidebar-open .tooteet-thumbs {
        width: 25%
    }
}

@media (min-width:1921px) {
    .sidebar-right-open.sidebar-open .tooteet-thumbs {
        width: 20%
    }
}

@media (max-width:991px) {
    .sidebar-right-open.sidebar-open #lanes-sidebar {
        visibility: hidden
    }
    .sidebar-right-open.sidebar-open #main-content {
        margin-left: 0;
        width: 80%;
        width: -moz-calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: -ms-calc(100% - 300px);
        width: calc(100% - 300px)
    }
    .sidebar-right-open.sidebar-open #toolbar {
        width: 100%
    }
}

#toolbar {
    height: 55px
}

#toolbar .dropdown-notifications-container {
    padding-bottom: 0
}

#toolbar #tools-buttons {
    -moz-transition: opacity .1s .2s;
    -o-transition: opacity .1s .2s;
    -webkit-transition: opacity .1s;
    -webkit-transition-delay: .2s;
    transition: opacity .1s .2s
}

.toolbar {
    box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    z-index: 2200;
    position: fixed
}

.new-tooteet .media,
.toolbar .button-group {
    -moz-transition: opacity .1s .2s;
    -o-transition: opacity .1s .2s;
    -webkit-transition: opacity .1s;
    -webkit-transition-delay: .2s
}

.toolbar:after {
    content: "";
    display: table;
    clear: both
}

.toolbar .button-group {
    display: inline-block;
    overflow: hidden;
    transition: opacity .1s .2s
}

.toolbar .button-group .btn-icon-xxs {
    -moz-transition: width .2s;
    -o-transition: width .2s;
    -webkit-transition: width .2s;
    transition: width .2s
}

.toolbar .button-group.open {
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    filter: alpha(enabled=false);
    opacity: 1;
    margin-top: 7px;
    margin-right: 15px
}

#sidebar-collapse {
    float: left;
    height: 100%;
    clear: both
}

#sidebar-collapse i.icon-left-open,
#sidebar-collapse i.icon-right-open {
    font-size: 0;
    height: 25px;
    line-height: 80px;
    margin-left: 25px;
    margin-right: 8px;
    margin-top: 16px;
    width: 28px;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

#sidebar-collapse i.icon-right-open {
    background: url(../../images/menu-icon.png) left center no-repeat rgba(0, 0, 0, 0);
    background-size: 24px 17px
}

#sidebar-collapse i.icon-left-open {
    background: url(../../images/slide-arrow-in.png) left center no-repeat rgba(0, 0, 0, 0);
    background-size: 24px 17px
}

.details-icon {
    display: inline-block;
    width: 35px;
    color: #b8bdca;
    font-size: 26px;
    position: relative;
    float: left;
    margin-right: 10px
}

.toolbar .details-icon{
	width: 45px;
	height: 45px;
	margin-top: 5px;
	border: 1px solid #ccc;
}
.details-icon:after,
.name-container:after {
    display: table;
    content: "";
    clear: both
}

.details-icon i {
    font-size: 26px;
    line-height: 51px;
    color: #404040
}
.details-icon.lane-img-bg{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	 position: relative;
}
.details-icon.lane-img-bg:before{
	 content: "";
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 background: #00000080;
	 left: 0;
	 z-index: -1;
}
.details-icon.lane-img-bg i{
	color: #fff;
}
.details-icon i.first{
	line-height: normal;
	position: absolute;
	left: 2px;
	bottom: -2px;
	font-size: 14px;
}
.calendar i{
	/* font-size: 24px; */
}
.details-icon i.second{
	position: absolute;
	top: 0;
	line-height: inherit;	
	font-size: 12px;
	right: 5px;
}
.details-icon i.icon-delete1 {
    font-size: 18px;
    line-height: 60px
}

.details-icon>.icon-users {
    bottom: 1px
}

.details-icon>.icon-user {
    bottom: -1px
}

.details-icon>.icon-archive,
.details-icon>.icon-cog,
.details-icon>.icon-delete1 {
    top: -2px
}

.details-icon>.icon-alert {
    top: -3px;
    font-size: 26px
}

.details-container {
    float: left;
    padding: 6px 0 5px;
    line-height: 20px;
    width: 50%;
	transition: width .5s ease;
}

.name-container {
    clear: both
}

.name-container>a>.cog-settings,
.name-container>a>h1 {
    color: #3b4d51;
	font-family: 'Source Sans Pro';
	font-weight: 600;
    float: left;
    margin-bottom: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    white-space: nowrap
}

.inactive-lanes .name-container>a>h1 {
    height: 43px;
    line-height: 43px
}

.name-container>a .cog-settings {
	padding: 2px 4px;
    margin-bottom: -10px;
    font-size: 16px;
    color: #b8bdca
}

.name-container>a:hover .cog-settings {
    color: #8c94a9
}

.name-container>a.active .cog-settings,
.name-container>a:active .cog-settings,
.name-container>a:focus .cog-settings {
    color: #636d85
}

.info-container .info-list>li,
.tooteet-number {
    font-weight: 400!important;
    color: #009cea
}

.info-container {
    clear: both
}

.info-container .info-list>li {
    font-size: 14px;
	font-family: 'Source Sans Pro';
	font-weight: normal;
    padding-right: 12px;
    vertical-align: top
}

.info-container .info-list>li .icon-container {
    display: inline-block;
    position: relative;
    top: 2px;
    font-size: 14px
}

.info-container .info-list>li .icon-container>i {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    margin-bottom: -6px;
    padding-left: 0
}

.info-container .info-list>li .icon-container>i.icon-comments {
    font-size: 14px
}

.comment-number .lance-interface:before {
    font-size: 12px
}

.btn-tools,
.btn-tools:visited {
    color: #2d323d
}

.tools-list {
    height: 55px;
    margin-right: 15px;
}

.btn-tools {
    font-size: 20px;
    line-height: 30px;
    height: 100%;
    display: inline-block;
    margin-top: 16px;
    padding-left: 0;
    padding-right: 20px
}

.btn-tools:focus {
    color: #1989ca
}

.btn-tools:hover {
    color: #1ca8e1
}

.btn-tools:active {
    color: #1989ca
}

.btn-tools i {
    color: #9f9f9f
}

.btn-tools i.icon-file,
.btn-tools i.icon-share {
    text-align: left;
    display: block
}

.btn-tools i:visited {
    color: #2d323d
}

.btn-tools i:active,
.btn-tools i:focus,
.btn-tools i:hover {
    color: #636d85
}

.btn-tools .active {
    color: #1ca8e1
}

.button-group .btn-tools {
    height: auto;
    line-height: 40px;
    float: left
}

.button-group .btn-tools>i {
    position: relative;
    top: 2px
}

.new-tooteet {
    margin: 30px auto;
	margin-top: 20px;
    -moz-box-shadow: rgba(45, 50, 61, .08) -1px 3px 10px 1px;
    -webkit-box-shadow: rgba(45, 50, 61, .08) -1px 3px 10px 1px;
    box-shadow: rgba(45, 50, 61, .08) -1px 3px 10px 1px;
    background-color: #fff;
    height: 50px;
    overflow: hidden;
    max-width: 945px;
    -moz-transition: height .5s ease-in;
    -o-transition: height .5s ease-in;
    -webkit-transition: height .5s ease-in;
    transition: height .5s ease-in;
	
}

#toolbar.notifications-toolbar,
.video-recording {
    -moz-box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    -webkit-box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px
}

.new-tooteet:after {
    content: "";
    display: table;
    clear: both
}

.new-tooteet .content {
    clear: both;
    padding: 0 15px;
    margin-top: -43px
}

.new-tooteet input,
.new-tooteet textarea {
    padding-left: 0;
    padding-right: 0
}

.new-tooteet .keywords {
    border-bottom: 1px solid #e7e9ec;
    margin-bottom: 0;
   /*  padding-top: 6px; */
    padding-bottom: 2px;
    position: relative
}

.new-tooteet .keywords input {
    font-size: 15px;
    font-weight: 700
}

.new-tooteet .description .form-control,
.new-tooteet .keywords .form-control {
    border: 1px solid #fff
}

.new-tooteet .keywords.error input,
.new-tooteet .keywords.error input:focus {
    border-color: #d72b2b
}

.new-tooteet .description .form-control:focus,
.new-tooteet .keywords .form-control:focus {
  /*   border-color: #dedede */
}

.new-tooteet .description textarea {
    padding-top: 3px
}

.new-tooteet .keywords input::-moz-placeholder {
    color: #7C7C7C
}

.new-tooteet .keywords input::-webkit-input-placeholder {
    color: #7C7C7C
}

.new-tooteet .keywords input:-ms-input-placeholder {
    color: #7C7C7C
}

.new-tooteet .keywords input.active::-moz-placeholder,
.new-tooteet .keywords input:active::-moz-placeholder,
.new-tooteet .keywords input:focus::-moz-placeholder {
    color: #7C7C7C
}

.new-tooteet .keywords input.active::-webkit-input-placeholder,
.new-tooteet .keywords input:active::-webkit-input-placeholder,
.new-tooteet .keywords input:focus::-webkit-input-placeholder {
    color: #7C7C7C
}

.new-tooteet .keywords input.active:-ms-input-placeholder,
.new-tooteet .keywords input:active:-ms-input-placeholder,
.new-tooteet .keywords input:focus:-ms-input-placeholder {
    color: #7C7C7C
}

.error .dark-form::-moz-placeholder,
.error .form-control::-moz-placeholder,
.new-tooteet .keywords.error input::-moz-placeholder {
    color: #d72b2b
}

.error .dark-form::-webkit-input-placeholder,
.error .form-control::-webkit-input-placeholder,
.new-tooteet .keywords.error input::-webkit-input-placeholder {
    color: #d72b2b
}

.error .dark-form:-ms-input-placeholder,
.error .form-control:-ms-input-placeholder,
.new-tooteet .keywords.error input:-ms-input-placeholder {
    color: #d72b2b
}

.new-tooteet .description {
 /*    padding-top: 6px */
	padding-top: 12px;
	color: #009cea;	
}
#new-tooteet .description{
	margin-bottom: 0;
}
#create_inner_block .description {
	width: 100%;
}
.new-tooteet #new-tooteet-rating {
    letter-spacing: -2px
}

.new-tooteet .rating-list {
    padding-top: 8px
}

.new-tooteet .tooteet-footer .rating {
    width: 150px
}

.new-tooteet.create-tooteet {
    height: auto;
    min-height: 224px;
    overflow: visible;
    -moz-transition: height .5s ease-in;
    -o-transition: height .5s ease-in;
    -webkit-transition: height .5s ease-in;
    transition: height .5s ease-in
}

.new-tooteet .description .ui-wrapper {
	width: 100% !important;
}
.new-tooteet .description .ui-wrapper .write-description {
	width: 100% !important;
}

textarea#descriptionInput1 {
    height: 118px;
    resize: vertical
}

.new-tooteet.create-tooteet .tooteet-footer {
    opacity: 1;
    -moz-transition: opacity .1s .6s;
    -o-transition: opacity .1s .6s;
    -webkit-transition: opacity .1s .6s;
    transition: opacity .1s .6s
}

.new-tooteet .tooteet-footer .list-inline li.disabled {
	pointer-events: none;
    opacity: 0.4;
}

.new-tooteet.create-tooteet .content {
    margin-top: 0
}

.new-tooteet.create-tooteet .textarea.form-control {
    height: 65px
}


.new-tooteet.create-tooteet.tootiaudio,
.new-tooteet.create-tooteet.tootidrawing,
.new-tooteet.create-tooteet.tootiexpense,
.new-tooteet.create-tooteet.tootifile,
.new-tooteet.create-tooteet.tootimeasure,
.new-tooteet.create-tooteet.tootipicture,
.new-tooteet.create-tooteet.tootivideo {
    height: auto
}

.new-tooteet .media {
    filter: alpha(Opacity=0);
   opacity: 0;
    transition: opacity .1s .2s;
   /*  padding: 7px 40px 15px; */
    padding: 7px 15px 0;
    clear: both;
	width: 100%;
}
.new-tooteet .media-form{opacity:1}
.new-tooteet .media:after {
	content: '';
	display: block;
	clear: both;
}
.new-tooteet .media-form .media-content{opacity:1}
.new-tooteet .media-content {
    background-color: #fcfcfc;
    min-height: 120px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px dashed #c7cbd5;
    position: relative;
    width: 100%;
    margin-top: 8px;
    display: none;
    filter: alpha(Opacity=0);
    /* opacity: 0; */
    -moz-transition: opacity .1s .2s;
    -o-transition: opacity .1s .2s;
    -webkit-transition: opacity .1s;
    -webkit-transition-delay: .2s;
    transition: opacity .1s .2s;
    float: left;
    padding-bottom: 4px
}

.new-tooteet .preview {
    float: left;
    height: 100%;
    /* max-height: 700px; */
    max-width: 100%;
    min-height: 10px;
    position: relative;
    width: 100%;
    /* margin-bottom: 15px */
}

.media-outer {
    overflow: visible
}

.tootivideo .video_camera video {
    height: 100%;
    width: 100%;
    overflow: hidden;
    max-height: 300px;
    background-size: cover
}

video {
    display: block
}

.audio_camera.contentarea,
.video_camera.contentarea {
    width: 100%
}

.photo_camera.contentarea {
    width: 80%;
    margin: auto
}

.video-recording {
    border: 1px solid gray;
    border-radius: 50px;
    background: #e6e7e9;
    bottom: 176px;
    font-size: 31px;
    height: 57px;
    margin-top: 20px;
    padding-left: 6px;
    padding-top: 3px;
    position: absolute;
    vertical-align: middle;
    width: 57px;
    color: #cf0e00;
    left: 47%;
    left: -webkit-calc (50% - 25px);
    left: -moz-calc (50% - 25px);
    left: -ms-calc (50% - 25px);
    left: calc (50% - 25px);
    text-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    filter: alpha(Opacity=90);
    z-index: 1
}

.media-outer .image-preview .uploaded-list img{
	
}


.new-tooteet .button-group {
    position: relative;
    display: table;
    float: left;
    width: 100%;
    margin: 20px auto 15px
}

.new-tooteet .button-group a {
    margin-left: 10px;
    margin-right: 10px
}

.new-tooteet .preview .uploaded-list img {
    max-width: 100%;
    /* min-height: 120px; */
	height:auto;
    display: block;
    position: relative
}
.azure-tag-service .icon-eye{
	background: #8b94a8;
    padding: 9px;
    border-radius: 50%;
    margin-left: 25px;
    display: inline-block;
    line-height: 14px;
    color: #fff;
    font-size: 18px;
}
.azure-tag-service.activated .icon-eye{background:#1ca8e1; color:#fff}
.azure-tag-service{
	display:inline-block;
	position: absolute;
    bottom: 10px;
    right: 4px;
}
.video-preview .azure-tag-service{float:right;right:50px}
.main-img-div{display:inline-block;position:relative;width:100%}
.week-view .week-view-list li .list-inner .tags span{
	display:inline-block
}
.week-view .week-view-list li .list-inner .tags{
	padding: 15px 0;
	white-space: nowrap;
	height:35px;
}
.new-tooteet .preview a.upload-close{
	right: 0;
}
.new-tooteet .preview a {
    position: absolute;
    top: 0;
    right: 0;
	margin-left: 0;
	margin-right: 0;
    margin-top: 0;
    z-index: 2;
    padding: 10px;
    vertical-align: middle;
    line-height: 100%;
    font-size: 13px;
    text-shadow: rgba(45, 50, 61, .08) 1px 2px 1px;
    text-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px
}
.new-tooteet .preview a.upload-close{top:12px;}
.new-tooteet .preview a i {
	margin: 0;
}

.form_list .card_image{
	width: 190px;
    display: inline-block;
    float: left;
	vertical-align:middle;
}
.form_list .card_image i:before{font-size:50px;}
.form_list .card_body{
	float:left;
	text-align: left;
	max-width: 530px;
}
.form_list .card{
	margin: 15px 4px;
	padding: 20px 0;
	background-color: #fff;
	display: inline-block;
    width: 95%;
	cursor: pointer;
}
.list_view .text_desp{
	width: calc(100% - 65px);
	display:inline-block;
	vertical-align:top;
}
.form_list{background-color:#efefef}
.form_list .card_titel{
	font-size:18px;
	color:#000;
	font-weight:bold;
}
.form_list .card_descript{
	font-size:16px;
	color:#000;
}
.form_list .card .btn{background-color:transparent;}
.card.list_view{
	background-color: #e6e6e6;
    padding: 19px;
    margin-bottom: 15px;
	color: #000;
    font-size: 19px;
	position:relative;
}
.card.list_view a{
	top: 9px;
    right: 18px;
	font-size:19px;
	border: 1px solid;
    border-radius: 10px;
    padding: 7px 10px;
}
.card.list_view p{font-size:16px;}
.card.list_view h5{font-weight:bold;}

.new-tooteet .audio,
.new-tooteet .file {
    display: none;
    width: 100%;
    height: 100%;
    min-height: 60px;
    padding: 15px;
    background-color: #f5f6f7
}

.new-tooteet .audio .file-id,
.new-tooteet .file .file-id {
    text-align: left;
    margin-top: 0
}

.new-tooteet .file .file-id {
    line-height: 60px;
    margin-bottom: 0
}

.new-tooteet .audio #audio-controls #btn-volume .cover {
    border-top-color: #f5f6f7
}

.new-tooteet .audio #audio-controls #loaded {
    z-index: 1!important
}

.new-tooteet .audio #audio-controls #btn-volume .cover,
.new-tooteet .audio #audio-controls #played {
    z-index: 2!important
}
.new-tooteet.tootievent .media,
.new-tooteet.tootilink .media,
.new-tooteet.tootitodolist .media,
.new-tooteet.tootiaudio .media,
.new-tooteet.tootidrawing .media,
.new-tooteet.tootiexpense .media,
.new-tooteet.tootifile .media,
.new-tooteet.tootimeasure .media,
.new-tooteet.tootipicture .media,
.new-tooteet.tootivideo .media {
    filter: alpha(enabled=false);
    opacity: 1;
    transition: opacity 1s ease-out;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out
}


.new-tooteet.tootievent .media-content,
.new-tooteet.tootilink .media-content,
.new-tooteet.tootitodolist .media-content,
.new-tooteet.tootiaudio .media-content,
.new-tooteet.tootidrawing .media-content,
.new-tooteet.tootiexpense .media-content,
.new-tooteet.tootifile .media-content,
.new-tooteet.tootimeasure .media-content,
.new-tooteet.tootipicture .media-content,
.new-tooteet.tootivideo .media-content {
    display: block;
    filter: alpha(enabled=false);
    opacity: 1
}

.new-tooteet.publish-ready .media-content {
    display: none;
    filter: alpha(Opacity=0);
    opacity: 0
}

.new-tooteet.publish-ready.tootidrawing .preview,
.new-tooteet.publish-ready.tootipicture .preview,
.new-tooteet.publish-ready.tootivideo .preview {
    display: inline-block
}

.new-tooteet.publish-ready.tootiaudio .preview,
.new-tooteet.publish-ready.tootivideo .circle {
    display: block
}

.new-tooteet.publish-ready.tootiaudio .preview>img {
    display: none
}

.new-tooteet.publish-ready.tootiaudio .audio,
.new-tooteet.publish-ready.tootifile .preview {
    display: block
}

.new-tooteet.publish-ready.tootifile .audio,
.new-tooteet.publish-ready.tootifile .preview>img {
    display: none
}

.new-tooteet.publish-ready.tootifile .file {
    display: block
}

.options-left,
.options-right {
    float: left
}

.options-left>a.btn-line,
.options-right>a.btn-line {
    display: none;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0
}

.options-left>a.btn-line i,
.options-right>a.btn-line i {
    display: none
}

@media (max-width:380px) {
    .options-left,
    .options-right {
        margin-top: 6px
    }
    .options-left>a.btn-line,
    .options-right>a.btn-line {
        display: inline-block
    }
    .options-left>ul,
    .options-right>ul {
        display: none;
        margin: 0 auto;
        clear: both
    }
    .options-left.visible,
    .visible.options-right {
        margin-top: 2px;
        float: none
    }
    .options-left.visible>a.btn-line,
    .visible.options-right>a.btn-line {
        width: 15%;
        margin-right: 3%;
        padding: 0;
        text-align: center
    }
    .options-left.visible>a.btn-line span,
    .visible.options-right>a.btn-line span {
        display: none
    }
    .options-left.visible>a.btn-line i,
    .visible.options-right>a.btn-line i {
        display: inline-block;
        position: relative;
        top: 3px
    }
    .options-left.visible>ul,
    .visible.options-right>ul {
        display: inline-block;
        width: 80%
    }
}

.month-view,
.options-right {
    float: right
}

@media (max-width:380px) {
    .options-right {
        margin-top: 6px
    }
    .options-right>a.btn-line {
        display: inline-block
    }
    .options-right>ul {
        display: none;
        margin: 0 auto;
        clear: both
    }
    .options-right.visible {
        margin-top: 2px;
        float: none
    }
    .options-right.visible>a.btn-line {
        width: 15%;
        margin-right: 3%;
        padding: 0;
        text-align: center
    }
    .options-right.visible>a.btn-line span {
        display: none
    }
    .options-right.visible>a.btn-line i {
        display: inline-block;
        position: relative;
        top: 3px
    }
    .options-right.visible>ul {
        display: inline-block;
        width: 80%;
        float: right
    }
}

.tootioptions,
.tootioptions>li>a>i,
.tootitype {
    display: inline-block
}

.tootioptions>li>a,
.tootitype>li>a {
    height: 40px;
    line-height: 38px;
    padding: 7px 0;
}
.tootioptions>li>a {
    padding-top: 0;
    color: #636d85;
	/* margin-left: 12px; */
}

.tootitype>li>a {
    line-height: 22px;
	margin-right: 14px;
}

.tootioptions>li>a>i.icon-drawing,
.tootitype>li>a>i.icon-drawing {
    font-size: 15px
}

@media (max-width:380px) {
    .tootioptions>li,
    .tootitype>li {
        /* width: 14%; */
        text-align: center
    }
    .tootioptions>li>a,
    .tootitype>li>a {
        padding-left: 10px;
        padding-right: 10px
    }
}

.tootioptions {
    /* padding-right: 15px */
}

.options-right .tootioptions>li>a {
    padding-left: 0;
    padding-right: 0;
    /* width: 35px */
	
}

.tootioptions>li>a:visited {
    color: #abb0be
}

.tootioptions>li>a:hover {
    color: inherit
}

.tootioptions>li>a:focus {
    color: #1ca8e1
}

.tootioptions>li>a.active,
.tootioptions>li>a:active {
    color: #636d85
}

.tooteet-time i.icon-time:before,
.tootioptions>li>a>i.icon-time:before {
    /* content: "\60";
    font-family: lance!important;
    line-height: 18px */
}

.tootioptions>li>a>i {
    font-size: 19px
}

.tootioptions>li>a>i.color {
    font-size: 16px
}

.tootioptions>li>a>i.icon-star1 {
    font-size: 14px
}

.tootioptions>li>a .caret {
    display: inline-block;
    padding-bottom: 10px
}

.tootioptions .dropdown-menu {
    z-index: 3
}

@media (max-width:380px) {
    .tootioptions>li {
        /* width: 19%; */
        text-align: center
    }
    .tootioptions>li>a {
        padding-left: 10px;
        padding-right: 10px
    }
    .tootioptions>li .bookmark-cover {
        left: 50%;
        /* margin-left: -7px */
    }
}

.publish {
    margin-top: 4px;
    margin-bottom: 4px
}

#feed {
    /* background-color: #e7e9ec */
	background-color: #f9f9f9; 
	
}

#nav-feed {
    position: relative;
    max-width: 946px;
    margin: auto 
}

#nav-feed:after {
    content: "";
    display: table;
    clear: both
}

.feed-options {
    float: left
}

.feed-options>li {
    position: relative;
	margin: 10px 14px;
	margin-left: 0;
}
.feed-options>li a i {
	display: block;
}
.feed-options>li a i:before {
	display: block;
}

.multiselect-options.feed-options>li>a {
    color: #7c7c7c
}

.feed-options>li>a {
    /* margin: 10px 7px; */
   /*  color: #8c94a9; */
    color: #6e6e6e;
    font-size: 22px;
    position: relative;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    text-align: center;
	display: block;
}
.feed-options>li>a.selected{
	color: #009cea;
}
.feed-options>li.multiselect>a {
    /* margin: 0px 5px */
}

.feed-options>li.search-container>a {
    margin: 9px 5px
}

.feed-options>li>a:visited {
    color: #8c94a9
}

.feed-options>li>a:hover {
    color: #636d85
}

.feed-options>li>a.active,
.feed-options>li>a:active {
    color: #9fa2a3
}
.feed-options>li>a.disabled {
	pointer-events: none;
	opacity: .45;
}

.feed-options>li.feed-view>a {
    /* font-size: 21px;
    margin-left: 0 */
}

.feed-options>li.feed-view>a i {
    /* padding-top: 2px;
    position: relative;
    display: inline-block */
}

.feed-day:after,
.feed-list:after {
    display: table;
    content: "";
    clear: both
}

@media (max-width:991px) {
    .feed-options {
        position: relative;
        width: 100%;
        margin: 0
    }
    .feed-options>li:first-of-type {
        margin-left: -5px
    }
}

.feed-container {
    width: 100%;
    max-width: 820px;
    margin: 0 auto 
}

.feed-container.thumbnails {
    /* max-width: 2200px */
}

.feed-list {
    clear: both
}

.feed-day {
    clear: both;
    margin-left: -10px;
    margin-right: -10px
}

.feed-day>h1,
.name-container>a .feed-day>.cog-settings {
    font-size: 14px;
    /* padding: 15px 10px */
}

.search-options {
    max-width: 40px;
    max-height: 50px;
    overflow: hidden;
    opacity: 0;
   /*  position: absolute; */
    left: 0;
    top: 0;
    margin-left: 0
}

.search-options>li {
    color: #8c94a9;
    font-size: 13px;
    padding: 8px;
    vertical-align: middle;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.month-chart,
.search-container,
.year-list {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.search-options>li>a {
    color: #8c94a9;
    font-weight: 600;
    padding-left: 2px
}

.search-options>li>a:visited {
    color: #8c94a9
}

.search-options>li>a:hover {
    color: #636d85
}

.search-options>li>a.active,
.search-options>li>a:active,
.search-options>li>a:focus {
    color: #383e4b
}

.search-options>li>a i {
    line-height: 18px;
    vertical-align: middle;
    text-align: left
}

.search-options>li .form-group {
    margin: 0
}

.search-options>li .toots-search {
    padding-left: 35px
}

@media (max-width:991px) {
    .search-options {
        display: block
    }
    .search-options>li:first-of-type {
        margin: 0 0 0 10px;
        padding: 0
    }
    .search-options>a {
        padding: 3px;
        margin-left: -5px
    }
    .search-options>a>i {
        padding-left: 6px
    }
}

.search-container {
    transition: all .3s
}

.search-container>a {
    z-index: 1
}

.search-container.open .search-options {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    overflow: visible;
    opacity: 1;
    /* min-width: 480px */
}

@media (max-width:991px) {
    /* .search-container.open {
        margin-bottom: 15px
    } */
    .search-container.open .search-options {
        display: block;
       /*  min-height: 85px */
    }
}

@media (max-width:767px) {
    .search-container.open {
       /*  margin-top: 15px;
        margin-bottom: 40px; */
		/* margin-bottom: 0;
		margin-top: 0;
        min-width: 1px;
        width: 100%;
        margin-left: 0 */
    }
    .search-container.open .search-options {
        min-width: 100%;
        margin: 0;
        width: 100%;
        display: block
    }
    .search-container.open .search-options>li {
        padding: 8px 10px;
        position: static
    }
    .search-container.open .search-options>li:first-of-type {
        display: block;
        width: 100%;
        padding: 0;
        margin-left: 0
    }
    .search-container.open .search-options>li:first-of-type .form-group {
        margin-bottom: 0
    }
    .search-container.open .search-options>li .toots-type {
        width: 100%
    }
}

.search-visible {
    display: none
}

.advanced-search-open.search-invisible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.advanced-search-open.search-visible {
    display: block
}

.multiselect-options {
    position: absolute;
    max-width: 0;
    max-height: 0;
    filter: alpha(Opacity=0);
    opacity: 0;
    overflow: hidden;
    top: 0;
    left: 50%;
    right: 50%;
    margin-left: -60px;
    margin-right: -60px;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}
.newmultiselect-option{
	background: #fff;
	width: auto;
	text-align: center;
	-moz-box-shadow: rgba(45, 50, 61, .08) -1px 3px 10px 1px;
	-webkit-box-shadow: rgba(45, 50, 61, .08) -1px 3px 10px 1px;
	box-shadow: rgba(45, 50, 61, .08) -1px 3px 10px 1px;
	position: fixed;
	bottom: 20px;
	z-index: 12;
	left: 25px;
    right: 25px;
	-moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.newmultiselect-option.feed-options > li {
	width: auto;
	min-width: initial;
	float: none;
}
.sidebar-open .newmultiselect-option {
	left: 325px;
}
.sidebar-right-open .newmultiselect-option {
	right: 325px;
}
.sidebar-right-open.sidebar-open .newmultiselect-option {
	/* left: 625px; */
}
.newmultiselect-option.feed-options {
	width: auto;
}
.newmultiselect-option li{
	/* margin: 0 5px; */
}
.newmultiselect-option > .feed-options > li > a{
	margin: 10px 5px;
	
}
.newmultiselect-option > .feed-options > li > a i{
	vertical-align: middle;
}
.newmultiselect-option .multiselect_title {
	margin-bottom: 7px;
	display: block;
}
.multiselect.open {
    /* position: static!important */
}

.multiselect.open>.multiselect-options {
    max-width: 120px;
    width: 120px;
    max-height: 100%;
    overflow: visible;
    filter: alpha(enabled=false);
    opacity: 1
}

.month-view {
    margin-top: 7px;
    margin-right: 20px
}

@media (max-width:991px) {
    .month-view {
        right: 105px;
        top: 27px
    }
}

@media (min-width:768px) {
    .month-view.active .month-controls,
    .month-view:active .month-controls {
        opacity: 1
    }
}

.month-controls {
    position: relative;
    float: left;
    display: inline-block;
    opacity: 0;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.month-controls a {
    padding: 7px 6px 0;
    margin-top: 0;
    display: none
}

.month-selected.visually-hidden {
    padding-right: 0
}

.month-selected {
    position: relative;
    float: left;
    padding-right: 30px;
    margin-top: 0;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    text-align: right
}

.month-selected a {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-top: 4px;
    display: block;
    line-height: 20px
}


.month-selected i {
    position: absolute;
    top: 2px;
    right: 0
}

.month-selected i.icon-calendar-2 {
    text-align: left;
    font-size: 22px;
    color: #9f9f9f
}

.month-chart-container a,
.month-chart>li {
    font-size: 13px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}

.month-selected i.icon-calendar-2:hover {
    color: #636d85
}

.month-chart-container {
    background-color: #fff;
    margin-left: -25px;
    margin-right: -25px;
    padding: 0 25px;
    max-height: 0;
    overflow: hidden;
    -moz-transition: max-height .5s ease-in-out, padding .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out, padding .5s ease-in-out;
    -webkit-transition: max-height .5s ease-in-out, padding .5s ease-in-out;
    transition: max-height .5s ease-in-out, padding .5s ease-in-out
}

.month-chart-container a,
.month-chart-container a:visited {
    color: #b8bdca
}

.month-chart-container a.active,
.month-chart-container a:active,
.month-chart-container a:focus,
.month-chart-container a:hover {
    color: #1ca8e1
}

.month-chart-container a.disabled,
.month-chart-container a:disabled {
    color: #abb0be
}

.month-chart-container.open {
    max-height: 100%!important
}

.month-chart-container.open .month-chart,
.month-chart-container.open .year-list {
    max-height: 100%
}

.month-chart-container.open .month-chart {
    margin-top: 20px
}

.month-chart-container.open .bar-container {
    height: 170px;
    max-height: 170px;
    margin-bottom: 10px
}

.month-chart-container.open .bar {
    min-height: 2px
}

@media (max-width:991px) {
    .month-chart-container {
        padding: 0 10px
    }
    .month-chart-container.open {
        padding: 25px 10px;
        margin-left: -10px;
        margin-right: -10px
    }
}

.month-chart,
.year-list {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    max-height: 0;
    transition: all .3s
}

#notifications-list .content-preview,
.copy-move-list,
.noti-cont span {
    text-overflow: ellipsis;
    white-space: nowrap
}

.month-chart>li,
.month-chart>li a,
.year-list>li,
.year-list>li a {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.month-chart>li,
.year-list>li {
    padding-left: 10px;
    padding-right: 10px;
    transition: all .3s
}

.month-chart>li a,
.year-list>li a {
    transition: all .3s
}

.month-chart,
.month-chart>.controls,
.year-list>.controls {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

>.month-chart>li a.active,
>.month-chart>li a:active,
>.month-chart>li a:hover,
>.year-list>li a.active,
>.year-list>li a:active,
>.year-list>li a:hover {
    color: #1ca8e1
}

@media (max-width:767px) {
    .month-chart>li,
    .year-list>li {
        padding-left: 5px
    }
    .next.edit-hidden.tooteet-prev-next.visible-xxs,
    .previous.edit-hidden.tooteet-prev-next.visible-xxs {
        display: inline-block!important
    }
    .edit-mode .next.edit-hidden.tooteet-prev-next.visible-xxs,
    .edit-mode .previous.edit-hidden.tooteet-prev-next.visible-xxs,
    .next.edit-hidden.tooteet-prev-next.visible-xxs.ng-hide,
    .previous.edit-hidden.tooteet-prev-next.visible-xxs.ng-hide {
        display: none!important
    }
}

.truncate.month-chart>.controls,
.year-list.truncate>.controls {
    display: inline-block
}

.month-chart>.controls,
.year-list>.controls {
    display: none;
    transition: all .3s
}

.month-chart>li>a.btn-controls:first-of-type,
.year-list>li>a.btn-controls:first-of-type {
    margin-left: -14px
}

.month-chart>li>a.btn-controls:last-of-type,
.year-list>li>a.btn-controls:last-of-type {
    margin-right: -14px
}

.month-chart {
    transition: all .3s
}

.month-chart>li,
.month-chart>li .bar-container {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer
}

.month-chart:after {
    content: "";
    display: table;
    clear: both
}

.month-chart>li {
    width: 8.3333%;
    max-width: 70px;
    text-align: center;
    float: left;
    margin-left: 0;
    color: #8c94a9;
    transition: all .3s
}

.month-chart>li .bar-container {
    transition: all .3s;
    max-height: 0;
    clear: both;
    position: relative
}

.month-chart>li .bar {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #b8bdca;
    width: 100%;
    margin: 0 auto
}

.month-chart>li.active,
.month-chart>li:active,
.month-chart>li:hover {
    color: #1ca8e1
}

.month-chart>li.active .bar,
.month-chart>li:active .bar,
.month-chart>li:hover .bar {
    background-color: #1ca8e1
}

.month-chart>li.disabled .bar {
    background-color: #636d85
}

@media (max-width:991px) {
    .month-chart>li {
        padding: 5px
    }
}

#tooteet-toolbar {
    /* width: 100%;
    padding-left: 5px */
}

#tooteet-toolbar>div>ul>li>a {
    /* padding-right: 40px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    display: inline-block */
}

#record-time,
.tootiedit-toolbar {
    font-weight: 600;
    line-height: 60px
}

#tooteet-toolbar>ul>li>a i {
    position: relative;
    top: 3px;
    padding-right: 10px;
    font-size: 16px
}

@media (max-width:767px) {
    #tooteet-toolbar>ul>li.previous {
        margin-left: 10%;
        width: 16%
    }
    #tooteet-toolbar>ul>li {
        width: auto
    }
    #tooteet-toolbar>ul>li>a {
        padding-left: 10px;
        padding-right: 10px
    }
}

li#edit-tooteet-color>a {
   /*  position: relative;
    top: -1px;
    padding: 0;
    height: 23px;
    width: 60px;
    margin-left: 60px */
}

li#edit-tooteet-color>a>i {
    /* font-size: 30px!important;
    position: absolute!important;
    top: -3px!important;
    left: 0 */
}

li#edit-tooteet-color>a>.caret {
    position: absolute;
    top: 12px;
    left: 32px
}

.blue #edit-tooteet-color i {
    color: #1989ca
}

.cyan #edit-tooteet-color i {
    color: #1cc9e1
}

.green #edit-tooteet-color i {
    color: #98ec02
}

.yellow #edit-tooteet-color i {
    color: #ffea00
}

.gray #edit-tooteet-color i {
    color: #bbb
}

.magenta #edit-tooteet-color i {
    color: #ff69e6
}

.red #edit-tooteet-color i {
    color: #ea0000
}

.orange #edit-tooteet-color i {
    color: #fbaa18
}

#edit-buttons {
    /* position: absolute;
    top: -5px;
    right: 0 */
}

.tootiedit {
    height: 100%
}

.tootiedit:after {
    content: "";
    display: table;
    clear: both
}

.tootiedit .media-capture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    display: block;
    text-align: center
}

#tootitype-icon:after,
.tootiedit-toolbar .button-group:after {
    display: table;
    clear: both;
    content: ""
}

.tootiedit .media-capture img {
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: auto
}

.tootiedit #media-controls {
    visibility: visible;
    filter: alpha(enabled=false);
    opacity: 1
}

#focus-point {
    background: url(../../images/focus-point.svg) center center;
    background-size: contain;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    margin-top: -50px
}

#drawing-tools>li>a,
#drawing-tools>li>a>i,
#record-time,
#tootitype-icon>i,
.redo>i,
.undo>i {
    position: relative
}

.tootiedit-toolbar {
    height: 60px;
    max-height: 60px;
    background-color: rgba(34, 38, 46, .85);
    text-align: center;
    font-size: 13px;
    color: #b8bdca
}

.tootiedit-toolbar .button-group {
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    filter: alpha(enabled=false);
    opacity: 1;
    float: right;
    position: relative;
    top: -2px
}

.tootiedit-toolbar .btn.disabled,
.tootiedit-toolbar .btn[disabled] {
    background-color: #8c94a9
}

#tootitype-icon {
    float: left;
    padding-right: 20px;
    font-size: 26px;
    color: #c7cbd5
}

#drawing-tools>li>a,
#record-time,
.tip {
    display: inline-block
}

#tootitype-icon>i {
    top: 4px
}

.redo,
.undo {
    font-size: 26px;
    padding: 5px
}

.redo>i,
.undo>i {
    top: 2px
}

#record-time {
    font-size: 14px;
    padding-left: 15px;
    vertical-align: middle;
    top: -2px
}

#drawing-tools {
    float: left;
    margin-left: 10px;
    background-color: rgba(245, 246, 247, .1)
}

.tool-handler .handler,
.tool-handler .handler:visited {
    background-color: #636d85
}

#drawing-tools>li>a {
    color: #f5f6f7;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 60px;
    font-size: 20px
}

#drawing-tools>li>a:active,
#drawing-tools>li>a:focus,
#drawing-tools>li>a:visited {
    color: #fff
}

#drawing-tools>li>a:hover {
    color: #f5f6f7
}

#drawing-tools>li>a>i.icon-drawing-square {
    font-size: 15px;
    top: -3px
}

#drawing-tools>li>a>i.icon-color-palette {
    font-size: 18px;
    top: -1px
}

#drawing-tools>li>a>i.icon-add-picture {
    font-size: 23px;
    top: 1px
}

#drawing-tools>li>a>i.icon-paint-bucket {
    font-size: 18px;
    top: -1px
}

#drawing-tools>li>a .caret {
    position: absolute;
    bottom: 8px;
    left: 50%;
    margin-left: -4px;
    border-top-color: #b8bdca
}

#drawing-tools>li>a:hover .caret {
    border-top-color: #e7e9ec
}

#drawing-tools .dropdown-menu {
    margin-top: -3px
}

@media (max-width:767px) {
    #tootidrawing-toolbar {
        height: 124px;
        max-height: 124px
    }
    #drawing-tools {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100%
    }
    #tooteet-toolbar>div>ul>li>a {
        padding: 0;
        /* margin: 0 10px */
    }
}

.tool-handler {
    height: 50px;
    min-width: 200px;
    line-height: 100%
}

.tool-handler>ul>li>a {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 50px;
    font-size: 18px;
    display: inline-block
}

.tool-handler>ul>li>a>i {
    position: relative;
    top: -3px
}

.tool-handler>div {
    position: relative;
    height: 100%
}

.tool-handler .handler {
    position: relative;
    top: 50%;
    margin-top: -6px;
    left: 100%;
    height: 12px;
    width: 12px;
    display: block;
    border-radius: 50%
}

.tool-handler .handler:hover {
    background-color: #383e4b
}

.tool-handler .handler:active,
.tool-handler .handler:focus {
    background-color: #2d323d
}

@media (max-width:767px) {
    .tool-handler {
        height: 60px
    }
    .tool-handler>ul>li>a {
        padding-left: 20px;
        padding-right: 20px;
        line-height: 60px;
        font-size: 20px
    }
}

.progress-line {
    position: relative;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 100%;
    background-color: #c7cbd5
}

.tool-size {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
    max-height: 30px;
    min-height: 12px;
    max-width: 30px;
    min-width: 12px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #abb0be
}

.shape-list li>a {
    line-height: 50px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.shape-list .icon-drawing-arrow,
.shape-list .icon-drawing-line {
    top: 2px
}

.shape-list .icon-drawing-square-line {
    font-size: 19px;
    top: 1px
}

.shape-list .icon-drawing-circle-line {
    font-size: 20px;
    top: 1px
}

.color-picker {
    min-height: 125px;
    width: 170px;
    padding: 10px
}

.color-picker .color-list {
    line-height: 100%;
    width: 100%;
    max-width: 370px;
    margin-right: auto;
    margin-left: auto
}

.color-picker .color-list:after {
    content: "";
    display: table;
    clear: both
}

.color-picker .color-list>ul {
    width: 100%
}

.color-picker .color-list>ul>li {
    width: 20%;
    padding-left: 2px;
    padding-bottom: 5px
}

@media (max-width:767px) {
    .color-picker .color-list>ul>li {
        padding-bottom: 15px
    }
}

.color-picker .color-list>ul>li:first-of-type {
    padding-left: 0;
    margin-left: 0
}

.color-picker .color-list>ul>li:nth-of-type(6) {
    clear: left;
    margin-left: 0;
    padding-left: 0
}

.shape-select {
    height: 30px;
    position: relative;
    top: 5px;
    left: 5px;
    margin-bottom: 20px
}

#transcription,
.audio-record,
.shape-select>li {
    position: absolute
}

.shape-select>li>a {
    height: 20px;
    width: 20px;
    display: block;
    border: 2px solid #000
}

.shape-select .fill {
    left: 0;
    top: 0
}

.shape-select .fill>a {
    background-color: #000
}

#transcription,
.shape-select .border>a {
    background-color: #fff
}

.shape-select .border {
    left: 5px;
    top: 5px
}

#tootidrawing-edit.pencil {
    cursor: url(../../images/cursors/pencil.svg), crosshair
}

#tootidrawing-edit.shape {
    cursor: crosshair
}

#tootidrawing-edit.eraser {
    cursor: url(../../images/cursors/eraser.svg), crosshair
}

#tootidrawing-edit.add-picture {
    cursor: copy
}

.audio-record {
    top: 50%;
    margin-top: -120px;
    left: 0;
    width: 100%;
    height: 240px;
    padding-top: 30px;
    text-align: center;
    -moz-transition: padding .2s, width .2s;
    -o-transition: padding .2s, width .2s;
    -webkit-transition: padding .2s, width .2s;
    transition: padding .2s, width .2s
}

.audio-record:after {
    content: "";
    display: table;
    clear: both
}

.audio-record>a {
    font-size: 100px;
    padding: 30px;
    clear: both;
    display: block
}

.audio-record>a i {
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -webkit-transition: color .2s;
    transition: color .2s
}

.audio-record>a:hover i {
    color: #1989ca
}

.audio-record>a.active i,
.audio-record>a:active i,
.audio-record>a:focus i {
    color: #167ab3
}

.audio-record>p {
    font-size: 60px;
    color: #abb0be;
    font-weight: 300;
    line-height: 100%
}

.audio-record.recording>p {
    color: #8c94a9
}

.audio-record.done {
    height: auto
}

.audio-record.done>p {
    color: #636d85
}

.transcription-on #transcription {
    display: block
}

@media (min-width:768px) {
    .transcription-on .audio-record {
        width: 60%
    }
}

@media (max-width:991px) {
    .transcription-on .audio-record {
        width: 55%
    }
}

@media (max-width:767px) {
    .audio-record {
        margin-top: -185px;
        padding-left: 40px;
        padding-right: 40px
    }
    .audio-record>p {
        margin-bottom: 80px
    }
    .transcription-on .audio-record {
        width: 100%;
        top: 0;
        margin-top: 60px
    }
}

#transcription {
    display: none;
    min-height: 70%;
    min-height: -moz-calc(100% - 60px);
    min-height: -webkit-calc(100% - 60px);
    min-height: -ms-calc(100% - 60px);
    min-height: calc(100% - 60px)
}

#transcription>p {
    margin-top: 5px;
    padding-top: 20px;
    border-top: 1px solid #e7e9ec;
    color: #b8bdca;
    font-size: 13px;
    line-height: 180%
}

#transcription.done>p {
    color: #636d85
}

@media (min-width:1200px) {
    #transcription>p {
        font-size: 15px
    }
}

@media (min-width:768px) {
    #transcription {
        width: 40%;
        top: 60px;
        right: 0;
        padding: 40px 20px
    }
}

@media (max-width:991px) {
    #transcription {
        width: 45%
    }
}

@media (max-width:767px) {
    #transcription {
        width: 100%;
        top: 380px;
        padding: 30px 20px;
        border-top: 1px solid #b8bdca;
        border-bottom: 1px solid #b8bdca;
        min-height: 88%;
        min-height: -moz-calc(100% - 380px);
        min-height: -webkit-calc(100% - 380px);
        min-height: -ms-calc(100% - 380px);
        min-height: calc(100% - 380px)
    }
    #transcription.done {
        top: 480px;
        min-height: 78%;
        min-height: -moz-calc(100% - 480px);
        min-height: -webkit-calc(100% - 480px);
        min-height: -ms-calc(100% - 480px);
        min-height: calc(100% - 480px)
    }
    #transcription>p {
        font-size: 15px
    }
}

.stats-block,
.stats-chart {
    padding-top: 10px;
    padding-bottom: 10px
}

#changePassword {
    position: relative
}

#changePassword input {
    padding-right: 120px;
    font-size: 14px
}

#changePassword>a {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 40px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 11px;
    z-index: 2
}

#partners-list {
    width: 100%
}

#partners-list>li {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    border-top: 1px solid #e7e9ec;
    padding-left: 70px
}

#partners-list>li .partner-logo {
    position: absolute;
    width: 30px;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 50px;
    text-align: center
}

#partners-list>li .partner-logo img {
    vertical-align: middle;
    position: relative;
    top: -2px
}

#partners-list>li:last-of-type {
    border-bottom: 1px solid #e7e9ec
}

#partners-list .checkbox-switch {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px
}

.stats-block {
    font-size: 13px
}

.stats-block .stats-data {
    color: #383e4b;
    font-weight: 700;
    margin-bottom: 0
}

.stats-block .stats-label {
    color: #abb0be
}

.stats-chart {
    position: relative
}

.stats-chart .current-stat {
    font-size: 11px;
    color: #1ca8e1;
    line-height: 100%
}

.stats-chart .horizontal-bar {
    position: relative;
    width: 100%;
    height: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #e7e9ec
}

.stats-chart .horizontal-bar .current-usage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 10px;
    background-color: #1ca8e1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.btn.update {
    height: 80px;
    width: 100%;
    line-height: 80px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 400
}

.update-section {
    margin-top: 10px;
    font-size: 13px
}

.update-section .inner {
    padding: 20px;
    border: 1px solid #e7e9ec;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

#storage .name-container>a .cog-settings,
#storage h1,
.name-container>a #storage .cog-settings,
.update-section .form-headings {
    padding-bottom: 0
}

.update-section .inner-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.update-section .inner-wrapper .innerrow {
    padding-top: 15px;
    float: left
}

.update-section .price {
    color: #c7cbd5;
    font-size: 13px
}

.update-section .price .value {
    font-size: 18px;
    font-weight: 600
}

.update-section ul {
    margin-top: 20px
}

.update-section ul>li {
    padding-top: 10px;
    position: relative;
    width: 100%;
    float: left
}

.update-section.update .update-section-inner {
    border-color: #8bbe30
}

.update-section.update .price {
    color: #8bbe30
}

.update-section ul.list-unstyled {
    margin-top: 0
}

.update-section ul.list-unstyled li p strong {
    font-size: 13px
}

.update-section ul.list-unstyled li p {
    width: 80%;
    float: left
}

.update-section ul.list-unstyled li .progress-button {
    float: right;
    margin-top: 20px!important;
    position: relative!important;
    line-height: 30px!important
}

@media (min-width:768px) {
    .update-section:nth-of-type(n) {
        padding-right: 5px;
        padding-left: 0
    }
    .update-section:nth-of-type(2) {
        padding-right: 0;
        padding-left: 5px
    }
}

@media (max-width:767px) {
    .update-section {
        padding-right: 0;
        padding-left: 0
    }
    .update-section ul.list-unstyled li p {
        width: 70%
    }
    #changePassword input {
        padding-right: 145px
    }
}

#upgrade-plans {
    margin-bottom: 60px
}

#upgrade-plans:after {
    content: "";
    display: table;
    clear: both
}

#upgrade-plans .inner-wrapper {
    height: 325px
}

#upgrade-plans .btn {
    position: absolute;
    bottom: 0;
    left: 0
}

#individual-features .progress-button {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    height: 30px;
    min-width: 48px
}

#individual-features .detail {
    color: #c7cbd5;
    font-size: 12px;
    padding-top: 0
}

#individual-features .tooltip.right {
    top: 3px!important
}

#individual-features .tooltip.right .tooltip-arrow {
    top: 50%!important
}

#individual-features .tooltip.right .tooltip-inner {
    min-width: 90px
}

#toolbar.notifications-toolbar {
    box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px
}

#toolbar.notifications-toolbar .info-list {
    margin-top: 3px
}

#toolbar.notifications-toolbar .info-list>li>a {
    color: #8c94a9;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding-right: 10px
}

#toolbar.notifications-toolbar .info-list>li>a:visited {
    color: #8c94a9
}

#toolbar.notifications-toolbar .info-list>li>a:hover {
    color: #1ca8e1
}

#toolbar.notifications-toolbar .info-list>li>a:active,
#toolbar.notifications-toolbar .info-list>li>a:focus {
    color: #1989ca
}

#notifications-list .lane {
    background-color: transparent;
    color: #1ca8e1;
    text-transform: uppercase;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #e7e9ec
}

#notifications-list .lane .number {
    display: none
}

#notifications-list .dropdown-notifications {
    max-height: 100%;
    overflow: visible;
    clear: both;
    margin-top: 90px
}

#notifications-list .dropdown-notifications>li {
    margin-bottom: 30px
}

#notifications-list .notifications>li {
    border-bottom: 1px solid #e7e9ec;
    position: relative
}

#notifications-list .notifications .notification-details {
    font-size: 14px;
    color: #636d85
}

@media (min-width:768px) {
    #notifications-list .notifications>li>a {
        padding-right: 240px
    }
    #notifications-list .notifications .notification-icon {
        height: 30px;
        top: 0;
        position: absolute
    }
    #notifications-list .notifications .date {
        right: 0;
        margin-top: 1px;
        margin-bottom: 0;
        font-size: 12px;
        color: #abb0be;
        top: 49%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute
    }
}

#notifications-list .content-preview {
    overflow: hidden;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: #8c94a9;
    max-width: 600px;
    width: 100%
}

.unread-messages-list {
    margin-left: 5px;
    color: #FF5722;
    visibility: hidden
}

.notifications .unread .date>.unread-messages-list {
    visibility: visible;
    position: relative
}

.notifications .unread .unread-messages-list {
    visibility: visible;
    position: absolute;
    right: 0;
    top: 0
}

.notifications .unread {
    background: #D4E8F4
}

.info-new:visited {
    color: #d72b2b
}

a .bgcolor-orange,
a.bgcolor-orange {
    color: #F90;
    /* border: 1px solid #fff; */
    display: inline-block
}

a .bgcolor-orange:visited,
a.bgcolor-orange:visited {
    color: #F90
}

a .bgcolor-orange:hover,
a.bgcolor-orange:hover {
    color: #eb9c0e
}

a .bgcolor-orange:active,
a .bgcolor-orange:focus,
a.bgcolor-orange:active,
a.bgcolor-orange:focus {
    color: #d8900d
}

a .bgcolor-orange.selected,
a.bgcolor-orange.selected {
    color: #d8900d!important;
    /* border: 1px solid; */
    display: inline-block
}

a .bgcolor-cyan,
a.bgcolor-cyan {
    color: #00BEDB;
   /*  border: 1px solid #fff;
    display: inline-block */
}

a .bgcolor-cyan:visited,
a.bgcolor-cyan:visited {
    color: #00BEDB
}

a .bgcolor-cyan:hover,
a.bgcolor-cyan:hover {
    color: #19b5ca
}

a .bgcolor-cyan:active,
a .bgcolor-cyan:focus,
a.bgcolor-cyan:active,
a.bgcolor-cyan:focus {
    color: #16a1b3
}

a .bgcolor-cyan.selected,
a.bgcolor-cyan.selected {
    color: #16a1b3!important;
    /* border: 1px solid;
    display: inline-block */
}

a .bgcolor-green,
a.bgcolor-green {
    color: #88E800;
    /* border: 1px solid #fff;
    display: inline-block */
}

a .bgcolor-green:visited,
a.bgcolor-green:visited {
    color: #88E800
}

a .bgcolor-green:hover,
a.bgcolor-green:hover {
    color: #88d302
}

a .bgcolor-green:active,
a .bgcolor-green:focus,
a.bgcolor-green:active,
a.bgcolor-green:focus {
    color: #78ba02
}

a .bgcolor-green.selected,
a.bgcolor-green.selected {
    color: #78ba02!important;
    /* border: 1px solid;
    display: inline-block */
}

a .bgcolor-blue,
a.bgcolor-blue {
   /*  color: #0076BF;
    border: 1px solid #fff;
    display: inline-block */
}

a .bgcolor-blue:visited,
a.bgcolor-blue:visited {
    color: #0076BF
}

a .bgcolor-blue:hover,
a.bgcolor-blue:hover {
    color: #1576ae
}

a .bgcolor-blue:active,
a .bgcolor-blue:focus,
a.bgcolor-blue:active,
a.bgcolor-blue:focus {
    color: #136b9c
}

a .bgcolor-blue.selected,
a.bgcolor-blue.selected {
	color: #136b9c!important;
    /* color: #136b9c!important;
    border: 1px solid;
    display: inline-block */
}

a .bgcolor-magenta,
a.bgcolor-magenta {
	color: #FF53E0;
   /*  color: #FF53E0;
    border: 1px solid #fff;
    display: inline-block */
}

a .bgcolor-magenta:visited,
a.bgcolor-magenta:visited {
    color: #FF53E0
}

a .bgcolor-magenta:hover,
a.bgcolor-magenta:hover {
    color: #df13bd
}

a .bgcolor-magenta:active,
a .bgcolor-magenta:focus,
a.bgcolor-magenta:active,
a.bgcolor-magenta:focus {
    color: #c600a5
}

a .bgcolor-magenta.selected,
a.bgcolor-magenta.selected {
    color: #c600a5!important;
   /*  border: 1px solid;
    display: inline-block */
}

a .bgcolor-yellow,
a.bgcolor-yellow {
    color: #ffe500;
   /*  border: 1px solid #fff;
    display: inline-block */
}

a .bgcolor-yellow:visited,
a.bgcolor-yellow:visited {
    color: #ffe500
}

a .bgcolor-yellow:hover,
a.bgcolor-yellow:hover {
    color: #fbdd6f
}

a .bgcolor-yellow:active,
a .bgcolor-yellow:focus,
a.bgcolor-yellow:active,
a.bgcolor-yellow:focus {
    color: #fad13d
}

a .bgcolor-yellow.selected,
a.bgcolor-yellow.selected {
    color: #fad13d!important;
    /* border: 1px solid;
    display: inline-block */
}

a .bgcolor-red,
a.bgcolor-red {
    color: #EB0000;
    /* border: 1px solid #fff;
    display: inline-block */
}

a .bgcolor-red:visited,
a.bgcolor-red:visited {
    color: #EB0000
}

a .bgcolor-red:hover,
a.bgcolor-red:hover {
    color: #d10000
}

a .bgcolor-red:active,
a .bgcolor-red:focus,
a.bgcolor-red:active,
a.bgcolor-red:focus {
    color: #b80000
}

a .bgcolor-red.selected,
a.bgcolor-red.selected {
    color: #b80000!important;
   /*  border: 1px solid;
    display: inline-block */
}

a .bgcolor-gray,
a.bgcolor-gray {
    color: #ADADAD;
    /* border: 1px solid #fff;
    display: inline-block */
}

a .bgcolor-gray:visited,
a.bgcolor-gray:visited {
    color: #ADADAD
}

a .bgcolor-gray:hover,
a.bgcolor-gray:hover {
    color: #a2a2a2
}

a .bgcolor-gray:active,
a .bgcolor-gray:focus,
a.bgcolor-gray:active,
a.bgcolor-gray:focus {
    color: #959595
}

a .bgcolor-gray.selected,
a.bgcolor-gray.selected {
    color: #959595!important;
    /* border: 1px solid;
    display: inline-block */
}

.dropdown-menu>li>a,
.dropdown-menu>li>a:visited ,
.checkbox-measure li,
.checkbox-measure li:visited 
{
    background-color: #fff;
    color: #8c94a9
}

.dropdown-menu,.checkbox-measure {
    -moz-box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    -webkit-box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    box-shadow: rgba(45, 50, 61, .08) 1px 2px 1px 1px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #c7cbd5;
    padding: 0;
    left: 0;
    top: 18px
}

.dropdown-menu>li,.checkbox-measure li{
    border-bottom: 1px solid #c7cbd5;
    padding-left: 10px;
    padding-right: 10px 
	/* padding-left: 15px;
    padding-right: 15px */
}

.tooteet-colors-view .color-list li a{
	font-size: 20px;
}

.btn-clearable,
.dropdown-menu>li:last-of-type {
    border: 0 transparent
}

.dropdown-menu.new-weather>li {
    padding-left: 0;
    padding-right: 0
}

.tooteet-open .dropdown-menu>li>a {
    font-size: 14px
}

.dropdown-menu>li>a,.checkbox-measure li{
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 160%;
    padding: 10px 15px;
   /*  margin-left: -15px!important;
    margin-right: -15px!important; */
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    transition: all .1s;
    text-align: left
}

.form-control,
.input-group-addon.prepend-text {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}

.form-control,
.small-container .expense2 .form-section h1 {
    font-weight: 400
}

.navbar-right .dropdown-menu {
    top: 35px
}

.lastuser-sharelist .dropdown-menu {
    top: auto
}

.permissionSettingsScroll .line-list li.lastuser-sharelist .dropdown-menu,
.shareSettingsBlock .line-list li.lastuser-sharelist .dropdown-menu {
    bottom: 40px
}

.dropdown-menu>li>a:active,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.checkbox-measure li:active,
.checkbox-measure li:focus,
.checkbox-measure li:hover{
    background-color: #f5f6f7;
    color: #636d85
}

.dropdown-menu>li>a>i {
    display: inline-block;
    float: left;
    line-height: 24px;
    vertical-align: middle;
    padding-right: 14px
}

.filter-dropdown .dropdown-menu>li>a:visited {
    background-color: #c7cbd5
}

.btn-clearable,
.btn-clearable:active,
.btn-clearable:focus,
.btn-clearable:hover,
.btn-clearable:visited {
    background-color: transparent
}

@media (max-width:767px) {
    .dropdown-menu {
        /* width: 100%!important */
    }
    .dropdown-menu>li>a {
        font-size: 14px
    }
    .dropdown-menu>li>a i {
        line-height: 28px
    }
}

.dropdown-open>.dropdown-menu {
    display: block
}
.search-group .form-group.clearable{
	float: left;
}
.clearable {
    position: relative
}

.input-clearable {
    padding-right: 26px!important
}

.btn-clearable {
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    color: #8c94a9;
    visibility: visible
    /* font-size: 13px; */
}
.clearable .btn-clearable{
	top:50%;
	transform: translateY(-50%);
}

.btn-clearable:visited {
    color: #8c94a9
}

.btn-clearable:active,
.btn-clearable:focus,
.btn-clearable:hover {
    color: #abb0be
}

.clearable-container {
    position: absolute;
    width: 44px;
    padding: 7px;
    cursor: pointer
}

.clearable-container:hover>i {
    color: #2d323d
}

.clearable-container:hover .btn-clearable {
    visibility: visible;
    margin-left: 10px
}

.form-control {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 transparent;
    font-size: 13px;
    line-height: 130%;
    -webkit-appearance: none
}

.form-control::-moz-placeholder {
    color: #b8bdca
}

.form-control::-webkit-input-placeholder {
    color: #b8bdca
}

.form-control:-ms-input-placeholder {
    color: #b8bdca
}

.tooteet-open .form-control {
    border: 1px solid #fff
}

.form-control:focus {
    -moz-box-shadow: 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    outline: transparent 0;
    border: 1px solid #dedede
}

.form-control:active::-moz-placeholder,
.form-control:focus::-moz-placeholder {
    color: #c7cbd5
}

.form-control:active::-webkit-input-placeholder,
.form-control:focus::-webkit-input-placeholder {
    color: #c7cbd5
}

.form-control:active:-ms-input-placeholder,
.form-control:focus:-ms-input-placeholder {
    color: #c7cbd5
}

.form-control[readonly] {
    background-color: #f5f6f7
}

.checkbox.email-group {/* .checkbox.email-code, */
    margin-left: 25px
}

.checkbox.email-code {
	margin-bottom: 25px;
}

textarea {
    resize: none
}

.form-section {
    padding-bottom: 10px;
    padding-top: 0
}

.small-container>.form-section {
    padding-top: 10px;
	clear:both
}

.small-container>.form-section.expense-setting {
    padding-top: 0
}

.expense1 .form-section {
    padding-top: 13px
}

.form-section .checkbox:last-of-type,
.form-section .form-group:last-of-type {
    margin-bottom: 0
}

.checkbox,
.form-label {
    margin-bottom: 15px
}

.form-headings {
    font-size: 12px;
    font-weight: 700
}
.settings-left-col .new-form-page .form-headings{
	clear:both;
}
.form-headings.subheading,
.subheading.form-label {
    color: #636d85
}

.appmail {
    text-align: right;
    color: #abb0be;
    font-size: 13px;
    font-weight: 600
}

#logo,
.login-text {
    text-align: center
}

.checkbox label,
.dark-form,
.ng-pristine .line-input {
    font-weight: 400
}

.line-input,
.line-input-blue {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    color: #555;
    border: 1px solid #c7cbd5;
    padding: 10px;
    height: auto
}

.line-input-blue:hover,
.line-input-blue:visited {
    border: 1px solid #c7cbd5
}

.line-input-blue:active,
.line-input-blue:focus,
.line-input:active,
.line-input:focus {
    border: 1px solid #1ca8e1
}

.line-input[disabled],
[disabled].line-input-blue {
    background-color: #f5f6f7
}

.dark-form {
    background-color: #fff;
    border: 1px solid #dedede;
    color: #555;
    height: 40px;
    line-height: 22px;
    padding: 10px
}

.dark-form::-moz-placeholder {
    color: #8c94a9
}

.dark-form::-webkit-input-placeholder {
    color: #8c94a9
}

.dark-form:-ms-input-placeholder {
    color: #8c94a9
}

.dark-form:active::-moz-placeholder,
.dark-form:focus::-moz-placeholder {
    color: #636d85
}

.dark-form:active::-webkit-input-placeholder,
.dark-form:focus::-webkit-input-placeholder {
    color: #636d85
}

.dark-form:active:-ms-input-placeholder,
.dark-form:focus:-ms-input-placeholder {
    color: #636d85
}

.dark-form[disabled],
.dark-form[readonly] {
    color: #555;
    border: 1px solid #c7cbd5;
    background-color: #f5f6f7
}

.input-group {
    width: 100%
}

.input-group:after {
    content: "";
    display: table;
    clear: both
}

.left-addon>.form-control {
   /*  padding-left: 35px */
}

.left-addon .input-group-addon {
    left: 0
}

.right-addon>.form-control {
    padding-right: 35px
}

.right-addon .input-group-addon {
    right: 0
}

.input-group-addon {
    background-color: transparent;
    border: 0 transparent;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
   /*  position: absolute;
		top: 0;
   */   
    height: 100%;
    width: 35px;
    z-index: 4;
    padding: 5px;
    line-height: 32px;
    /* font-size: 12px; */
    font-size: 18px; 
    color: #8c94a9
}
#sidebar-export .input-group-addon{
	 position: absolute;
	 top: 0;
}
.input-group-addon.prepend-text {
    text-transform: uppercase;
    font-size: 11px;
    color: #b8bdca;
    padding-left: 15px
}

.input-group-addon.prepend-icon {
    color: #8c94a9;
    font-size: 14px;
    padding-left: 15px
}

.input-group-addon.prepend-icon i {
    position: relative;
    top: 1px
}

.input-group-addon.append-caret {
    right: 0;
    color: #b8bdca;
    padding-top: 7px;
    padding-right: 15px;
    font-size: 16px;
    cursor: pointer;
	line-height: normal;
	position: absolute;
	top: 0;
}

.input-group-addon.append-caret:hover {
    color: #636d85
}

a.prepend-text,
input.prepend-text {
    padding-left: 65px
}

a.prepend-text-long,
input.prepend-text-long {
    padding-left: 105px
}

a.prepend-icon,
input.prepend-icon {
    padding-left: 45px
}

textarea.description-ta {
    min-height: 80px
}

.checkbox-group {
    margin-top: 30px
}

.checkbox.error .checkbox-cover,
input.error {
    background-color: #f9dce1!important
}

.checkbox {
    position: relative;
    margin-top: 15px
}

.checkbox.disabled .checkbox-cover {
    background-color: #f5f6f7
}

.checkbox .checkbox-cover {
    width: 17px;
    height: 17px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 2px;
    border: 1px solid #828282;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.checkbox .checkbox-cover:after {
    width: 9px;
    height: 5px;
    position: absolute;
    top: 3.5px;
    left: 3.4px;
    border: 2px solid #1ca8e1;
    border-top: none;
    border-right: none;
    background: 0 0;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.checkbox .checkbox-cover:hover::after {
    filter: alpha(Opacity=20);
    opacity: .2
}

.checkbox label {
    font-family: Roboto, helvetica, Arial
}

.highlight-text,
.login_error div,
.no-feed-details {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}

.checkbox.checked .checkbox-cover:after {
    filter: alpha(enabled=false);
    opacity: 1
}

.checkbox .form-group {
    padding-top: 10px;
    padding-left: 8px
}

.checkbox.checkbox-white .checkbox-cover {
    border: 0 transparent;
    background-color: #fff
}

.checkbox.checkbox-white .checkbox-cover:after {
    top: 4.5px;
    left: 4.3px
}

.checkbox.click-checked {
    padding-left: 0
}

.checkbox.click-checked label.checkbox {
    padding-left: 24px;
    padding-bottom: 5px
}

.checkbox.bookmark {
    margin: 0;
    height: 40px;
    /* padding: 7px 10px */
    padding: 7px 0px
}

.checkbox.bookmark .bookmark-cover {
   /*  position: absolute; */
    top: 12px;
    cursor: pointer;
    font-size: 17px;
    color: #636d85;
    -moz-transition: color .1s;
    -o-transition: color .1s;
    -webkit-transition: color .1s;
    transition: color .1s
}

.checkbox.bookmark .bookmark-cover:hover {
    color: #383e4b
}

.btn-link-blue-gray,
.btn-link-blue-gray:visited,
.checkbox.bookmark.checked .bookmark-cover,
.checkbox.bookmark.checked .bookmark-cover:hover {
    color: #1ca8e1
}

.btn-link-blue-gray:hover {
    color: #e7e9ec
}

.btn-link-blue-gray:active,
.btn-link-blue-gray:focus {
    color: #c7cbd5
}

.settings-left-col .btn-group-container .btn-group:first-of-type {
    margin-bottom: 0
}

.overlay.overlay-fixed {
    position: fixed
}

.overlay .overlay-close,
.overlay-inner a.overlay-close-confirm-popup,
.overlay-inner a.overlay-close-delete-popup,
.overlay-inner a.overlay-close-download-popup,
.overlay-inner a.overlay-close-popup {
    float: right;
    z-index: 100
}

.tooteet-open .overlay-scale.open {
    height: auto
}

.alert-window-open.tooteet-open .overlay-scale.open,
.tooteet-open #modal-delete-edit.overlay-scale.open {
    height: 100%
}

@media (max-width:767px) {
    .overlay-form {
        margin-top: 40px
    }
}

.large-form {
    margin-top: 50px
}

.large-form .form-group {
    margin-bottom: 10px
}

.large-form input {
    padding: 0 10px;
    height: 45px
}

.ie-browser .large-form .form-grou.error input#repeatPassword {
    height: 46px
}

.large-form .btn {
    text-transform: uppercase
}

.large-form.error-message {
    margin-top: 20px
}

.highlight-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 160%
}

.btn-link-white,
.login-text {
    font-weight: 600;
    font-size: 13px
}

.highlight-text p {
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .overlay-form {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .input-button-group .form-group {
        width: 75%;
        padding-right: 10px;
        float: left
    }
    .input-button-group button {
        width: 25%;
        float: left
    }
}

@media (max-width:767px) {
    .input-button-group .form-group,
    .input-button-group button {
        width: 100%
    }
    .sidebar-open .default-container {
        position: fixed
    }
}

.default-container {
    margin-top: 55px;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
    padding: 25px;
    min-height: 750px
}

.wrapper,
body,
html {
    min-height: 100%;
    height: 100%
}

.default-container:after {
    content: "";
    display: table;
    clear: both
}

.Permission-Settings .default-container {
    margin-top: 0;
    padding-top: 80px
}

@media (max-width:991px) {
    .default-container {
        padding: 15px
    }
	.newmultiselect-option {
		left: 15px;
		right: 15px;
	}
	.sidebar-open .newmultiselect-option {
		left: 315px;
	}
	.sidebar-right-open .newmultiselect-option {
		right: 315px;
	}
	.sidebar-right-open.sidebar-open .newmultiselect-option {
		left: 15px;
	}
}

#login-switch.login-text,
.login-text {
    padding-bottom: 25px;
    padding-top: 15px
}

body,
html {
    -ms-overflow-style: scrollbar
}

#logo {
    width: 100%;
    margin-top: 20px
}

#logo img {
    max-width: 190px;
    width: auto;
    height: auto
}

#token a,
.ng-scope {
    height: 100%
}

.btn-link-white {
    margin-top: 16px
}

.login-text {
    width: 100%;
    color: #b8b5bd
}

#error-message,
.login_error div,
.no-feed-details {
    text-align: center;
    font-weight: 400
}

#login-switch.login-text.login-account {
    padding-top: 0;
    padding-bottom: 15px
}

.login-text.Terms {
    padding-bottom: 25px;
    padding-top: 0;
    margin-top: 0
}

#error-message {
    color: #d72b2b;
    margin-bottom: 15px;
    line-height: 18px;
    font-size: 13px;
    margin-top: 10px
}

#error-message.error,
.error-block.error {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    line-height: 23px;
    padding: 3px 5px;
    vertical-align: middle
}

.error-block.error {
    margin-bottom: 10px;
    color: #d72b2b;
    text-align: center
}

#error-message.error {
    margin-bottom: 35px
}

#error-message.success,
#error-message.success>div {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    padding: 3px;
    margin-bottom: 26px;
    color: green
}

#openpopup #error-message.error {
    margin-bottom: 26px;
    line-height: 20px
}

.Permission-Settings #error-message {
    margin: 20px auto auto;
    width: 300px;
    text-align: center
}

#token {
    position: relative
}

#token a {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 0 15px 15px;
    line-height: 100%;
    font-size: 20px
}

body.login-bg {
    background-color: #009ce9
}

.login-outer {
    height: 100%;
    display: table;
    width: 100%;
	background: #009ce9;
}

.login-inner {
    display: table-cell;
    margin: auto;
    vertical-align: middle
}

.login-form {
    max-width: 550px;
    width: 100%;
    color: #fff;
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #666;
    margin: 30px auto
}

.login-form-inner {
    max-width: 400px;
    margin: auto;
    width: 90%;
    overflow: hidden
}

#new-lane-form .form-group.error input,
.input-group.error input {
    border: 1px solid #d72b2b
}

.form-group.error {
    color: #d72b2b;
    font-size: 13px
}

#new-comment .error textarea::-moz-placeholder,
.input-group.error input::-moz-placeholder,
.tooteet-contents .form-group.error input::-moz-placeholder {
    color: #d72b2b
}

#new-comment .error textarea::-webkit-input-placeholder,
.form-group.error input::-webkit-input-placeholder,
.input-group.error input::-webkit-input-placeholder,
.tooteet-contents ..input-group.error input::-webkit-input-placeholder,
form-group.error input::-webkit-input-placeholder {
    color: #d72b2b
}

#new-comment .error textarea::-webkit-input-placeholder,
.form-group.error input:-ms-input-placeholder,
.form-group.error input::-webkit-input-placeholder,
.input-group.error input::-webkit-input-placeholder,
.tooteet-contents ..input-group.error input:-ms-input-placeholder,
.tooteet-contents .form-group.error input:-ms-input-placeholder {
    color: #d72b2b
}

#new-comment .error textarea:-ms-input-placeholder {
    color: #d72b2b
}

.checkbox {
    padding-left: 0;
	clear: left;
}

.checkbox .checkbox {
    padding-left: 28px
}

.checkbox label {
    line-height: 19px;
	display: block;
}

.form-group.error input#amountTaxExcludedEdit,
.form-group.error input#amountTaxIncludedEdit {
    border: 0;
    border-bottom: 1px solid #d72b2b!important
}

.new-lane-form .checkbox label {/* #new-lane-form */
    color: #828282
}

.new-lane-form .label-tag {/* #new-lane-form */
    color: #828282
}

.login_error {
    display: table;
    height: 30px;
    line-height: 100%;
    width: 100%;
    color: #d72b2b
}

.login_error div {
    color: #d72b2b;
    display: block;
    vertical-align: middle
}

#new-lane-form .two-buttons .btn-link-gray {
    width: 30%
}

#new-lane-form .two-buttons .btn-darkgray1 {
    width: 45%;
    padding-right: 0;
    margin-right: 10px;
    display: block
}

.sidebar-open #lanes-sidebar {
    box-shadow: 0 0 1px 1px #ccc;
    -webkit-box-shadow: 0 0 1px 1px #ccc;
    -moz-box-shadow: 0 0 1px 1px #ccc;
    -o-box-shadow: 0 0 1px 1px #ccc
}

.move-top-outer {
    position: static
}

.move-top {
    position: fixed;
    right: 20px;
    top: 67px;
    z-index: 2200
}

.tooteet-list .list-view-list {
    border: 7px solid red;
    border-radius: 50%;
    float: right;
    margin-right: 2px;
    margin-top: 5px
}

.fav-tooteet {
    color: #D72B2B!important
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #333!important
}

.month-controls a:hover {
    color: #009ce9
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 5px 0!important
}

.tooti-container .tooteet-list .empty-content .tooteet-contents,
.tooti-container .tooteet-list .empty-content .tooteet-preview,
.tooti-container .tooteet-list .empty-content span.bg-icon {
    /* display: none */
}

.tooti-container .tooteet-list .empty-content .tooteet-info {
    min-height: 35px
}

.no-feed-details {
    font-size: 20px;
    color: #828282;
    margin-top: 25px
}

.container-fluid.new-form-page {
    padding: 0!important;
    background: #009ce9
}

.new-form-page .large-form {
    margin-top: 0
}

.new-form-page .form-group {
    position: relative;
    margin-bottom: 45px;
    clear: both
}

.new-form-page .form-group label,
.new-form-page .form-group textarea label {
    position: absolute;
    pointer-events: none;
    left: 0;
    transition: .2s ease all;
    font-weight: 400;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}

.new-form-page .form-group input {
    padding: 10px 10px 10px 0;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #dadee6;
    color: #555;
    font-size: 16px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400;
    border-radius: 0;
    background: 0 0
}

.new-form-page .form-group input#tokenInput {
    padding: 10px 17px 10px 0
}

.expense-vat.new-form-page .form-group input {
    padding: 0
}

.new-form-page .form-group.error input,
.new-form-page .form-group.error input:focus,
.tooteet-open .tooteet-contents .create-measure-tooteet .form-group.error input,
.tooteet-open .tooteet-contents .error .after-login input[type=text].form-control {
    border: 0;
    border-bottom: 1px solid #d72b2b
}

.new-form-page .form-group.error {
    margin-bottom: 23px
}

.new-form-page .progress-lane {
    box-shadow: none
}

.new-form-page .form-group label {
    color: #b8b5bd;
    font-size: 18px;
    top: 10px;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.new-form-page .form-group input.ng-valid-required~label,
.new-form-page .form-group input:focus~label,
.new-form-page .form-group input:valid~label, 
.new-form-page .read-only-input .form-group label {
    top: -20px;
    font-size: 13px;
    color: #009cea;
    text-transform: uppercase;
}
.after-login.new-form-page .read-only-input .form-group label {
	font-size: 13px;
}

.new-form-page .read-only-input .form-group label {
	/* pointer-events: none;
	opacity: 0.8; */
}
.after-login .new-form-page .form-group input.ng-valid-required~label,
.after-login .new-form-page .form-group input:focus~label {
    top: -15px
}

#new-lane .new-form-page .form-group input:focus~label,
textarea.materialize-textarea:focus~label {
    top: -20px;
    font-size: 13px;
    color: #009cea;
    text-transform: uppercase
}

.new-form-page .form-group textarea label {
    color: #b8b5bd;
    font-size: 18px;
    top: 10px;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.overlay-form-inner input[type=email]:focus~label {
    text-transform: uppercase
}

.new-form-page .form-group .bar {
    position: relative;
    display: block;
    width: 300px
}

.expense.new-form-page .form-group .bar,
.overlay-inner .new-form-page .form-group .bar {
    width: 100%
}

.new-form-page .form-group .bar:after,
.new-form-page .form-group .bar:before,
.overlay-inner .new-form-page .form-group .bar:after,
.overlay-inner .new-form-page .form-group .bar:before {
    content: '';
    width: 0;
    bottom: 0;
    position: absolute;
    background: #1ca8e1;
    height: 1px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    border-color: #8bd3f7
}

.new-form-page .form-group .bar:before,
.overlay-inner .new-form-page .form-group .bar:before {
    left: 67%
}

.new-form-page .form-group .bar:after,
.overlay-inner .new-form-page .form-group .bar:after {
    right: 33%
}

.new-form-page.expense-setting .form-group .bar:before,
.overlay-inner .new-form-page.expense-setting .form-group .bar:before {
    left: 83%
}

.new-form-page.expense-setting .form-group .bar:after,
.overlay-inner .new-form-page.expense-setting .form-group .bar:after {
    right: 16%
}

.expense.new-form-page .col-12 .form-group .bar:before {
    left: 51%
}

.expense.new-form-page .col-12 .form-group .bar:after {
    right: 49%
}

.overlay-inner .new-form-page .change-password .form-group .bar:before {
    left: 53%
}

.overlay-inner .new-form-page .change-password .form-group .bar:after {
    right: 47%
}

.new-form-page .change-password #changepass-error.error {
    margin-bottom: 5px;
    padding-top: 1px;
    position: relative;
    top: -16px
}

.new-form-page .form-group input:focus~.bar:after,
.new-form-page .form-group input:focus~.bar:before {
    width: 67%
}

.new-form-page.expense-setting .form-group input:focus~.bar:after,
.new-form-page.expense-setting .form-group input:focus~.bar:before {
    width: 84%
}

.expense.new-form-page .form-group input:focus~.bar:after,
.expense.new-form-page .form-group input:focus~.bar:before {
    width: 51%
}

.expense.new-form-page .col-6 .form-group input:focus~.bar:after,
.expense.new-form-page .col-6 .form-group input:focus~.bar:before,
.overlay-inner .new-form-page .form-group input:focus~.bar:after,
.overlay-inner .new-form-page .form-group input:focus~.bar:before {
    width: 65%
}

.create-tooteet .expense.new-form-page .col-6 .form-group input:focus~.bar:after {
    width: 67%
}

.overlay-inner .new-form-page .form-group input:focus~.bar:before {
    width: 65%
}

.overlay-inner .new-form-page .form-group input:focus~.bar:after {
    width: 53%
}

.Terms,
.new-form-page #login-switch {
    clear: both;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400
}

.Terms a {
    cursor: pointer
}

.new-form-page .btn-link-darkblue,
.new-form-page .btn-link-white,
.new-form-page .checkbox {
    color: #009cea;
    font-size: 13px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400
}

#new-lane-form .new-form-page .checkbox {
    margin-bottom: 0
}

.new-form-page .checkbox {
    margin-bottom: 15px
}

.new-form-page .checkbox label.checkbox {
	/* margin: 0;
	line-height: 22px; */
	display: inline;
}

.new-form-page .btn-link-white,
.new-form-page .checkbox {
    color: #b8b5bd
}

.new-form-page .checkbox-cover {
    border: 1px solid #b8b5bd!important
}

.new-form-page .btn-darkblue {
    font-size: 13px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 700;
    background: #009cea
}

.new-form-page .btn-darkblue:hover {
    background: #1989ca
}

.new-form-page .error {
    color: #d72b2b;
    font-weight: 400;
    font-size: 13px;
    float: left;
    width: 100%;
    text-align: left
}

.Terms .error,
.new-form-page #error-message,
.new-form-page div.error {
    text-align: center
}

#share-settings .form-section {
    padding-top: 0
}

.large-form input#emailToken,
.large-form input#forgotPasswordEmail {
    height: 44px
}

.overlay-form {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #666;
    margin-top: 30px
}

.overlay-form>.overlay-close-confirm-popup~.overlay-form-inner,
.overlay-form>.overlay-close-popup~.overlay-form-inner,
.overlay-form>.overlay-close~.overlay-form-inner {
    margin: 0 auto;
    padding: 50px 0;
    max-width: 350px;
    width: 90%;
    overflow: hidden;
    position: relative
}

.overlay-form-inner {
    right: 0;
    margin: 0 auto;
    padding: 50px 0;
    max-width: 350px;
    position: relative
}

.overlay-form-inner .highlight-text p {
    color: #666;
    font-size: 18px;
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 10px 0 0
}

.overlay-form-inner .input-button-group .form-group {
    width: 100%;
    margin-bottom: 45px
}

.overlay-form-inner .input-button-group .form-group.error {
    margin-bottom: 45px
}

.overlay-form-inner .input-button-group button,
.overlay-form-inner .overlay-close-forgot {
    width: 100%;
    clear: both;
    float: none;
    background: #009cea
}

.overlay-form-inner .input-button-group button:hover {
    background: #1989ca
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0)!important
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .3)!important;
    width: 3px!important
}

.lanes-menu li.open .mCSB_scrollTools a {
    border-left: 0!important
}

.Private-count-list span,
.lanes-menu li .badge span {
    font-size: 17px;
    line-height: 17px;
    text-align: right;
    vertical-align: middle;
    padding-left: 7px
}

.icon-chevron-down:before {
    font-size: 12px;
    color: #bbb;
    vertical-align: middle
}

.Private-menu .icon-chevron-down,
.dropmenu .icon-chevron-down {
    float: right;
    padding-left: 4px;
    padding-right: 7px
}

.Private-menu .icon-chevron-down {
    padding-right: 6px
}
.icon{
	/* margin-right: 15px; */
	vertical-align: middle;
	color: #5c5c5c;
}
.badge {
    min-width: 30px;
    text-align: right
}

.lanes-menu li .badge.lane-toots-count span {
    font-size: 13px;
    padding-left: 20px
}

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

.filter-category {
    float: left
}

.ng-valid-parse .form-control {
    font-weight: 400
}

.tooti-container .tooteet-thumbs .tooteet-footer {
    padding: 0 8px
}

.lance-thumb-tack {
    -webkit-transform: rotate(295deg);
    -moz-transform: rotate(295deg);
    -o-transform: rotate(295deg);
    -ms-transform: rotate(295deg);
    writing-mode: tb-rl;
    vertical-align: bottom
}

#new-lane-form .large-form .btn,
.create-tooteet .action-container .edit-expense i,
.create-tooteet .tootitype li a i:before,
.icon-location-1::before,
.noti-cont span.lane-name-centre,
.tooteet-open .action-container .edit-expense i,
.tootioptions .icon-fav1:before,
.tootioptions>li>a i:before {
    vertical-align: middle
}

#new-lane-form .large-form .btn {
    font-weight: 700;
    text-transform: none
}

#new-lane-form .large-form .btn-link {
	white-space: normal;
	text-align: left;
}

#new-lane-form .large-form {
    margin-top: 20px
}

.loader,
.loader-small {
    height: 50px;
    width: 50px;
    animation: rotate .8s infinite linear;
    border: 5px solid #009cea;
    border-right-color: transparent;
    border-radius: 50%
}

.loader-small {
    width: 25px;
    height: 25px;
    float: left;
    border-width: 3px;
    margin-right: 15px
}

#play-video {
    position: relative
}

#picture-teet .loader,
#play-video .loader,
.create-tooteet .loader {
    height: 30px;
    width: 30px;
    border: 3px solid #009cea;
    border-right-color: transparent
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.loader-bottom,
.loader-bottom:after,
.loader-bottom:before {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out
}

.loader-bottom {
    font-size: 8px;
    margin: 5px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.loader-bottom:before {
    left: -3.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader-bottom:after {
    left: 3.5em
}

.loader-bottom:after,
.loader-bottom:before {
    content: '';
    position: absolute;
    top: 0
}

.siderbar-scroll-block .loader-bottom {
    font-size: 8px;
    margin: 25px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes load7 {
    0%,
    100%,
    80% {
        box-shadow: 0 2.5em 0 -1.3em #009cea
    }
    40% {
        box-shadow: 0 2.5em 0 0 #009cea
    }
}

@keyframes load7 {
    0%,
    100%,
    80% {
        box-shadow: 0 2.5em 0 -1.3em #009cea
    }
    40% {
        box-shadow: 0 2.5em 0 0 #009cea
    }
}

.permissionSettingsScroll .mCSB_container,
.shareSettingsBlock .mCSB_container {
    overflow: visible
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type=checkbox]:checked+label,
[type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer
}

[type=checkbox]:checked+label:before,
[type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    /* left: 0;
    top: -2px; */
	left: 0;
    top: 0px;
    width: 17px;
    height: 17px;
    border: 1px solid #828282;
    border-radius: 2px
}

[type=checkbox]:checked+label:after,
[type=checkbox]:not(:checked)+label:after {
    /* font-family: lance!important; */
	 font-family: "lanes" !important;
    font-style: normal!important;
  /*   content: '\"'; */
	 content: "\e019";
    position: absolute;
    /* top: 2px;
    left: 4px; */
	top: 5px;
    left: 3px;
    font-size: 10px;
    line-height: .8;
    color: #1ca8e1;
    transition: all .2s
}

[type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

[type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

[type=checkbox]:disabled:checked+label:before,
[type=checkbox]:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

[type=checkbox]:disabled:checked+label:after {
    color: #999
}

[type=checkbox]:disabled+label {
    color: #aaa
}

.tooteet-info.icons-position-new .iconsun {
    padding-right: 10px
}

.tooteet-info.icons-position-new .icon-night {
    margin-left: -8px;
    top: -4px!important;
    position: relative
}

[type=checkbox]:not(:checked):focus+label:before {
    border: 1px solid #1ca8e1
}

.tooltip {
    padding-bottom: 15px!important
}

.remove>a {
    line-height: 30px;
    display: inline-block
}

#startbutton {
    background: #1ca8e1!important;
    box-shadow: none!important;
    border-radius: 4px!important;
    font-weight: 400
}

.upload-images,
.upload-images:focus {
    border: 1px solid #009ce9
}

.expense-detail .toots-search,
.next-btn {
    font-weight: 700
}

#startbutton:hover {
    background: #1989ca!important
}

.fright {
    float: right
}

.fleft,
.options-right .list-inline,
.options-right .list-inline>li {
    float: left;
	
}
.options-right > .tootioptions > li{
	margin: 0 0;
	margin-left: 14px;
}
.video-open-btn {
    margin-top: 13px
}

video {
    margin-top: 20px
}

.ie-browser .submenu .lance-thumb-tack {
    margin-left: -10px;
    vertical-align: middle;
    height: 0
}

.padd-top .overlay-close {
    position: absolute;
    right: 20px
}

.editDetailsBtns,
.upload-images {
    position: relative
}

.padd-top {
    padding-top: 0!important
}

.upload-images {
   cursor: pointer;
	height: 137px;
	line-height: normal;
	padding: 82px 5px 10px;
	text-align: center;
	width: 135px;
	text-transform: uppercase;
	color: #009ce9;
	display: inline-table;
	border-radius: 3px;
}

.upload-images:before {
    color: #009ce9;
    content: "\e024";
   font-family: "lanes" !important;
    font-size: 49px;
    position: absolute;
    text-align: center;
    top: 25%;
	width: auto;
	left: 50%;
	transform: translate(-50%,-25%);
}

/* .file-upload.upload-images:before {
    font-family: tooticons!important
} */

.lanes-unread-notifications,
.mui-select a,
.next-btn {
    font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif
}

.upload-images.icon-camera:before {
    font-size: 30px;
    content: "\38";
    left: 39%
}

.upload-images.icon-audio:before {
    content: "f"!important;
    font-size: 38px;
    top: 23%
}

.upload-images.icon-video::before {
    content: "g"!important;
    font-size: 48px;
    text-align: center;
    top: 20%
}

.icon-location-1 {
    color: #5C5C5C;
    float: left
}

.description textarea,
.keywords input {
    padding: 6px 12px
}

#btn-download {
    margin-right: 10px
}

#tooteet-controls .next,
#tooteet-controls .previous {
    position: fixed;
    top: 50%;
    height: 25px;
    z-index: 2500
}

#search-lanes .dark-form {
    line-height: 15px
}

.success-tooteet {
    background: #EFF4FC;
    position: fixed;
    top: 115px;
    padding: 15px;
    z-index: 11;
    border-radius: 0 0 5px 5px;
    box-shadow: 1px 2px 1px 1px rgba(45, 50, 61, .08);
    transition: all .5s ease 0s;
    font-size: 16px
}

.syn-green {
    background: #1B5E20;
    color: #fff
}

.syn-green .loader-small {
    border-color: #fff transparent #fff #fff
}
.video-outer-div {position:relative}
#video-container {
    /* background: #000;
    max-width: 640px; */
    position: relative;
    margin: auto
}
.video-preview .video_player_outer {
	max-width: 640px;
    width: 100%;
    margin: auto;
    background: #000;
    position: relative;
   /*  padding-bottom: 40px; */
    margin-bottom: 10px; 
}
.azure-tag-service.edit-lane-service{    
	position: absolute;
    right: 10px;
	margin-top: -36px;
	bottom:10px
	}
.azure-service-div{position:relative;    display: inline-block;}
.media-outer .preview .btn-link-white {
    color: #5c5c5c;
    display: none
}

.tootioptions .checkbox.bookmark .bookmark-cover {
    /* top: 8px */
}

.publish-ready .media-outer .preview .btn-link-white {
    display: block
}

.datetimepicker .form-control[readonly],
.tooteet-time .form-control[readonly] {
    cursor: default;
    background: #fff
}

.options-right .dropdown-toggle .icon-night:before {
    font-size: 27px;
    line-height: 18px
}

.options-right .dropdown-toggle .icon-windy:before,
.options-right .dropdown-toggle .icon-windy-rainy:before {
    font-size: 20px;
    line-height: 41px
}

.toots-search {
    font-size: 15px
}

.errormsg input {
    border-color: #d72b2b
}

.favorite-div {
    padding-right: 15px
}

.upload-audio.open,
.upload-drawing.open,
.upload-photo.open,
.upload-video.open {
    display: block!important
}

.upload-audio,
.upload-drawing,
.upload-photo,
.upload-video {
    display: none
}

.video_camera_btn {
    max-width: 320px;
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0
}

#chgpass-popup.overlay {
    position: fixed
}

.overlay-form h1 {
    text-align: center;
    color: #1ca8e1;
    padding: 20px 0 0
}

.overlay-form .overlay-form-inner {
    padding-top: 30px!important
}

.overlay-form .overlay-form-inner button {
    margin-top: 15px
}
.export_popup#iframeWindowPopup .overlay-form .overlay-form-inner{
	max-width:100%;
	height:750px;
	/* padding: 20px 15px; */
	padding:0px 15px 25px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	
}
.export_popup#exportWindowPopup .overlay-form .overlay-form-inner{
	height:auto;
	position:initial;
	transform:none;
}
.export_popup .overlay-form .overlay-form-inner.form_list{
	height:auto;
	top:48%;
}
.overlay-form.fullwidthpopup iframe{
	height:100%;
}
.overlay-form>.overlay-close-confirm-popup~.overlay-form-inner{
	width:95%;
}
.export_popup .overlay-form-inner .highlight-text p{
	color: #000;
    font-size: 26px;
	font-weight:bold;
	text-align:center;
	padding-top:0;
	padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.export_popup .overlay-form .overlay-form-inner button{
	width:44%;
}
.export_popup#iframeWindowPopup .overlay-form .overlay-form-inner{
	position: relative;
    left: inherit;
    top: inherit;
    transform: translate(0);
	height:700px;
}
.export_popup .overlay-form-inner .export_link a input{
	left: initial;
    right: 28px;
}
.export_popup .highlight-tex{
	padding: 15px 0;
    border-bottom: 1px solid #000;
	display:inline-block;
}
.export_popup .overlay-form-inner .export_link a{
	width: 100%;
    padding: 15px 0;
    display: block;
    font-size: 17px;
    border-bottom: 1px solid #ccc;
}
.checkbox-switch [type=checkbox]:checked+label::before,
.checkbox-switch [type=checkbox]:not(:checked)+label::before {
    border: 0!important
}

.export-scroll .mCSB_container {
    padding-bottom: 100px
}

#sidebar-export .mCSB_outside+.mCSB_scrollTools {
    right: 0
}

#photo_camera img {
    max-width: 320px;
    width: 100%;
    height: auto;
    max-height: 240px
}

.editDetailsBtns .btn-link-gray:active,
.editDetailsBtns .btn-link-gray:focus {
    color: #636d85
}

.edit-visible .dropdown-menu.lanes-menu .form-group,
.edit-visible-view .dropdown-menu.lanes-menu .form-group {
    margin: auto;
    width: 90%
}

.edit-visible-view .dropdown-menu.lanes-menu .form-group input {
    width: 100%
}

.edit-visible-view .dropdown-menu.lanes-menu .form-group input:focus::-moz-placeholder {
    color: #555
}

.edit-visible-view .dropdown-menu.lanes-menu .form-group input:focus::-webkit-input-placeholder {
    color: #555
}

.edit-visible-view .dropdown-menu.lanes-menu .form-group input:focus:-ms-input-placeholder {
    color: #555
}

.expense1,
.expense2,
.expense3,
.measure-type {
    float: none;
    margin: auto;
    clear: both;
    width: 50%
}

.expense1:after,
.expense2:after,
.expense3:after,
.measure-type:after {
	content: '';
	display: block;
	clear: both;
}

.set-date-expense,
.set_date_expense {
    clear: both
}

.expense input {
    padding: 10px
}

.expense .form-group,
.expense-vat .form-group {
    margin-bottom: 45px!important
}

.expense .form-group.default-currency {
    margin-bottom: 15px!important
}

.expense3 img {
    width: 100%;
    height: auto
}

.expense2 .form-headings.sec2 {
    margin-top: 19px
}

.settings-left-col .expense2 .form-headings.sec2 {
    margin-top: 12px
}

.expense-image {
    position: relative
}

.expense-image span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    font-size: 18px;
    color: #fff
}

.expense-vat.after-login.new-form-page .col-6 .form-group .bar:before {
    left: 13%
}

.expense-vat.after-login.new-form-page .col-6 .form-group .bar:after {
    right: 55%
}

.expense-vat.new-form-page .form-group input:focus~.bar:after,
.expense-vat.new-form-page .form-group input:focus~.bar:before {
    width: 45%
}

.expense-vat.after-login.new-form-page .col-12 .form-group .bar:before {
    left: 60%
}

.expense-vat.after-login.new-form-page .col-12 .form-group .bar:after {
    right: 40%
}

.expense-vat.new-form-page .form-group input#amountTaxExcludedEdit:focus~.bar:after,
.expense-vat.new-form-page .form-group input#amountTaxExcludedEdit:focus~.bar:before,
.expense-vat.new-form-page .form-group input#amountTaxIncludedEdit:focus~.bar:after,
.expense-vat.new-form-page .form-group input#amountTaxIncludedEdit:focus~.bar:before {
    width: 60%
}

.expense1 .icon-refresh {
    color: #1ca8e1;
    font-size: 28px;
    margin-top: 0;
    position: absolute;
   /*  top: 7px; */
    top: 0px;
    right: -20px;
    cursor: pointer
}

.expense .dropdown-menu {
    top: 39px;
    width: 100%
}

.expense .edit-expense-mode .dropdown-menu {
    top: 26px
}

.after-login.new-form-page .form-group label {
    font-size: 14px
}

.after-login.new-form-page .col-6 .form-group .bar::before {
    left: 37%
}

.after-login.new-form-page .col-6 .form-group .bar::right {
    right: 63%
}

.clearboth {
    clear: both
}

.gn-setting .expense2 {
    width: 100%
}

.gn-setting .expense2 .col-md-12 {
    padding: 0
}

.expense-preview  {
    max-width: 500px;
    width: 90%;
    margin: auto;
    display: block;
    max-height: 500px;
    overflow: hidden
}
.measure-preview {
	
}

.expense-image img,
.expense-preview img ,
.measure-image img  {/* , .measure-preview img */
    display: table;
    height: auto;
    margin: auto;
    max-width: 100%;
    width: auto
}

.expense-preview img  {/* , .measure-preview img */
    max-height: 300px
}

.expence-image-pre {
    border: 1px solid #ccc;
    margin: 20px 0 10px;
   /*  padding: 2px; */
    background: #fff
}
.measure-image-pre {
	max-width: 500px;
    width: 90%;
    margin: auto;
    display: block;
    max-height: 500px;
    overflow: hidden;
	/* margin-bottom: 20px; */
}
.measure-image-pre img {
	max-height: 300px;
	vertical-align: top;
}

.expense-preview .save-to-disk .save-btn{
	padding: 0 10px;
	width: auto;
}
.expense-main-action .input-group-addon{
	position: absolute;
}
.new-form-page .expense-main-action .form-group input{
	border-bottom: 1px solid #dadee6;
}
.next-btn {
    background-color: #1ca8e1;
    border-color: #285e8e;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 13px;
    height: 35px;
    line-height: 33px;
    margin: 10px 0;
    text-align: center;
    min-width: 75px
}
.up-next{
	margin-right: 20px;
}
.input-field label {
    color: #9e9e9e;
    position: absolute;
    top: .8rem;
    left: .75rem;
    font-size: 1rem;
    cursor: text;
    transition: .2s ease-out
}

textarea.materialize-textarea+label:after {
    display: block;
    content: "";
    position: absolute;
    top: 65px;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out
}

textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dadee6;
    border-radius: 0;
    outline: 0;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all .3s;
    color: #555
}

#new-lane .new-form-page .form-group input:focus~.bar:after,
#new-lane .new-form-page .form-group input:focus~.bar:before,
#new-lane .new-form-page .form-group textarea:focus~.bar:after,
#new-lane .new-form-page .form-group textarea:focus~.bar:before {
    width: 50%
}

#new-lane #email-settings.open .form-group:last-child {
    margin-top: 15px
}

#new-lane .new-form-page .form-group .bar:before {
    left: 40%
}

#new-lane .new-form-page .form-group .bar:after {
    right: 50%
}

#new-lane .new-form-page .form-group textarea:focus~.bar:after,
#new-lane .new-form-page .form-group textarea:focus~.bar:before {
    top: -3px
}

.expense .dropdown-menu,
.expense-vat .dropdown-menu,
.expense2 .dropdown-menu {
    max-height: 200px;
    overflow-y: auto
}

#measureTooteetBlock.expense .dropdown-menu {
    overflow-x: hidden
}

.bell-blue {
    color: #22aef8
}

.bell-blue:active,
.bell-blue:focus,
.bell-blue:hover {
    color: #009cea
}

.expense-preview .btn-link-white.upload-close.expense-close ,
.measure-preview .btn-link-white.upload-close.expense-close {
    position: absolute;
    right: 15px;
    top: 0
}

#description-block-edit .form-group.description-title-block,
.relative {
    position: relative
}

.expense .new-form-page .form-group input,
.expense .new-form-page .form-group textarea,
.expense.new-form-page .form-group input {
    font-size: 14px
}

.expense .new-form-page .form-group input,
.expense.new-form-page .form-group input {
    padding: 0
}

.edit-expense-mode .form-group > .form-control{
	border-bottom: 1px solid #dadee6;
}
.expense-date-block .mui-select{
	border-bottom: 0;
}
.expense-date-block .left-col > .input-group,.expense-date-block .right-col > .input-group{
	border-bottom: 1px solid #dadee6;
	height: 40px
}

.lanes-unread-notifications {
    display: inline;
    text-align: center;
    top: 0;
    left: 50%;
    margin-top: 18px;
    margin-left: 2px;
    background-color: #f6142b !important;
    color: #fff;
    padding: 1px 2px!important;
    font-size: 11px;
    font-weight: 400;
    line-height: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	width:auto !important;
}

.single-digit {
    min-width: 16px;
    display: inline-block;
    line-height: 14px!important;
    text-align: center!important;
    margin-top: 0
}

.measure-type .input-group-addon {
    font-size: 19px
}

.measure-tooteet-outer .measure-type {
    width: 100%
}

.tooteet-open .measure-edit-page .measure-tooteet-outer {
    display: table;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    padding: 20px 0
}
#teetDetailBlock .expense-detail{
	/* margin-top: 15px; */
}

.measure-create-page .measure-tooteet-outer {
    width: 80%;
    margin: auto;
    clear: both
}

.measure-create-page .measure-tooteet-outer .measure-type,
.tooteet-open .measure-edit-page .measure-tooteet-outer .measure-type {
    width: 100%;
    margin: auto!important;
    border-bottom: 1px dashed #009CEA;
    clear: both;
    display: table
}

.binding-bg,
.noti-cont span {
    display: inline-block
}

.measure-create-page .measure-tooteet-outer .measure-type:last-child,
.tooteet-open .measure-edit-page .measure-tooteet-outer .measure-type:last-child {
    border-bottom: 0
}

.tooteet-open .measure-tooteet {
    margin-left: 0
}

.measure-edit-page {
    clear: both
}

.measure-tooteet .form-section.measure-section {
    padding: 0;
    float: left;
    width: 100%
}

.measure-tooteet .btn-group {
    width: 50%;
    padding-left: 20px
}

.measure-tooteet .expense-date-block .input-group {
    width: 46.8%;
    float: left
}

.measure-tooteet .expense-date-block .input-group.left-addon.datepic_selector_expense {
    float: left;
    margin-right: 25px
}

.measure-tooteet .expense-date-block .right-col {
    margin-top: 10px;
    margin-bottom: 20px
}

.measure-tooteet .col-6 {
    padding-left: 0
}

.measure-tooteet .create-measure-tooteet {
    padding-left: 0;
    padding-right: 0
}

.measure-tooteet .expense-date-block .input-group.timepic_selector_expense {
    margin-left: 5px
}

.measure-tooteet .edit-expense-mode {
    padding-bottom: 10px;
    padding-top: 10px
}

.measure-tooteet .view-expense-mode {
    padding-top: 10px
}

.measure-create-page .measure-tooteet-outer .measure-tooteet .view-expense-mode {
    padding-top: 20px
}

.Add-new-measure {
    font-size: 17px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 20px;
    text-align: right;
    color: #009ce9;
    float: right;
    width: auto;
    cursor: pointer
}

.measure-edit-page .Add-new-measure {
    margin-right: 0
}

.Add-new-measure i {
    font-size: 16px
}

.edit-expense-mode .action-container {
    clear: both;
    text-align: right;
    text-transform: uppercase
}

.new-form-page .action-container .btn-link-white {
    padding: 7px;
    border-radius: 2px
}

.new-form-page .action-container .btn-link-white.btn-primary {
    background: #009ce9;
    color: #fff
}

.new-form-page .action-container .btn-link-white.btn-darkgray {
    background: #636d85;
    margin-right: 5px
}

.expense.new-form-page .measure-tooteet .col-12 .form-group input:focus~.bar:before {
    width: 68%
}

.expense.new-form-page .measure-tooteet .col-12 .form-group .bar:before {
    left: 32%
}

.expense.new-form-page .measure-tooteet .col-12 .form-group .bar:after {
    right: 49%
}

.expense.new-form-page .measure-tooteet .col-6 .form-group input:focus~.bar:before {
    width: 35%
}

.expense.new-form-page .measure-tooteet .col-6 .form-group .bar:before {
    left: 66%
}

.expense.new-form-page .measure-tooteet .col-6 .form-group .bar:after {
    right: 33%
}

.measure-details {
   /*  padding: 10px 20px; */
    padding: 0;
    float: left;
    width: 100%
    /* width: 95% */
}

.measure-details span.measure-text {
    width: 100%;
    float: left;
    box-sizing: border-box;
    word-wrap: break-word;
    /* color: #ffffff; */
    color: #555555;
    font-size: 15px;
    line-height: 16px
}

.measure-details .measure-list {
    padding-bottom: 5px;
    width: 100%;
    float: left;
    padding-left: 25px;
	color: #fff;
}

.measure-details .measure-list ul {
    padding: 0;
    margin: 0
}

.measure-details .measure-list ul li {
    font-weight: 500;
    list-style-type: square
}

.create-tooteet .action-button #btnPublish.progress-button {
    height: 32px;
    line-height: 32px!important;
	/* margin-right: 5px; */
}

.create-tooteet .action-button #cancel-button.btn-medium {
    padding-bottom: 9px;
    padding-top: 10px
}

#edit-key ul,
#key-input ul,
.search-options #search-complete {
    background: #fff;
    position: absolute;
    top: 30px;
    width: 455px;
    border: 1px solid #999;
    border-top: none;
    z-index: 11;
    min-height: 30px;
    max-height: 165px;
    overflow: auto
}

#edit-key ul li,
#key-input ul li,
.search-options #search-complete li {
    padding: 5px 10px;
    cursor: default;
    height: auto
}

#edit-key ul li.selected,
#edit-key ul li:hover,
#key-input ul li.selected,
#key-input ul li:hover,
.search-options #search-complete li.selected,
.search-options #search-complete li:hover {
    background: #f5f6f7
}

#key-input {
    width: 100%;
    position: absolute;
    top: 3px
}

.ie-browser #key-input {
    top: 0
}

#key-input ul {
    width: 100%;
    top: 40px;
    border: 1px solid #e7e9ec;
    border-top: 0
}

#edit-key ul {
    width: 100%;
    top: 36px;
    border: 1px solid #dadcdf
}

#edit-buttons .btn-darkgray1 {
    color: #fff!important
}

.bootstrap-timepicker-widget input {
    border: 0;
    border-radius: 0
}

.noti-fav {
    float: left;
    width: 55px;
    background: #009ce9;
    padding: 5px;
    height: 52px;
    margin-right: 10px;
	background-position: center;
	background-size: cover;
}

.noti-fav .bookmark-cover {
    float: left;
    color: #fff!important;
    visibility: hidden;
    width: 50%;
    font-size: 15px;
    margin-top: 2px
}

.noti-fav .bookmark-cover.fav-tooteet {
    visibility: visible
}

.noti-fav i {
    width: 50%;
    float: left;
    text-align: center;
    color: #fff
}

.noti-fav i:last-child {
    float: right
}

.noti-fav .icon-location-1 {
    line-height: 14px
}

.noti-cont {
    width: 90%;
    float: left
}

.noti-cont span {
    width: 100%;
    height: 20px;
    overflow: hidden
}

.noti-cont span.lane-name-centre {
    height: 40px;
    line-height: 53px
}

.notify-desc {
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: #8c94a9
}

.expense-setting {
    clear: both
}

.new-form-page.expense-setting .default-currency.form-group {
    margin-bottom: 0
}

.new-form-page.expense-setting .form-group {
    margin-bottom: 30px
}

.form-section.menu-sort {
    clear: both
}

#defaultmeasuretype .default-dropdown-list li a {
    margin: 0
}

.mui-select {
    position: relative;
    -moz-appearance: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation-duration: .1ms;
    animation-name: mui-node-inserted;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==);
    background-position: right center;
    background-repeat: no-repeat;
    box-shadow: none;
    display: block;
    height: 40px;
	/* height: 28px; */
    outline: 0;
    padding: 0 25px 0 0;
    margin-top: 6px;
    width: 100%;
    border-bottom: 1px solid #dadee6;
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 0
}

.mui-select a {
    font-size: 14px
}

.mui-select:focus {
    border-color: #2196f3;
    border-width: 1px;
    height: 28px;
    outline: 0
}

.mui-select_menu {
    background-color: #fff;
    font-size: 16px;
    min-width: 100%;
    overflow-y: auto;
    padding: 8px 0;
    position: absolute;
    z-index: 3;
    display: none;
    height: 184px;
    top: 33px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.mui-select.open .mui-select_menu {
    display: block
}

.mui-select_menu li:hover {
    background-color: #eee
}

.mui-select_menu li a {
    cursor: pointer;
    height: 42px;
    line-height: 42px;
    padding: 0 22px;
    white-space: nowrap
}

.mui-select .form-control.line-input-blue {
    background: 0 0;
    border: 0;
    padding-left: 0
}

.mui-select .line-input-blue.form-control::-moz-placeholder {
    font-size: 15px
}

.create-tooteet .action-container .edit-expense,
.tooteet-open .action-container .edit-expense {
    display: inline-block;
    font-size: 22px;
    height: 30px;
    margin-top: -5px;
    width: 30px;
    color: #999;
    line-height: 31px
}

.tooteet-open .action-container .edit-expense {
    margin-top: 5px
}

.expense-date-block .mui-select.left-addon {
    margin-bottom: 20px
}

.create-tooteet .action-container .edit-expense i.icon-delete1,
.tooteet-open .action-container .edit-expense i.icon-delete1 {
    font-size: 15px
}

.view-expense-mode label {
    width: 100%;
    color: #999
}

.view-expense-mode label.enddatetime-view,
.view-expense-mode label.measuredesc-view,
.view-expense-mode label.measurevalue-view,
.view-expense-mode label.startdatetime-view {
    color: #333;
    word-break: break-all
}

.measure-section-outer {
    margin-bottom: 10px
}

.view-expense-mode .col-6 {
    padding-bottom: 10px
}

.tooteet-open .view-expense-mode .col-6 {
    padding-bottom: 0;
    padding-top: 10px
}

.edit-expense-mode fieldset {
    border: 1px solid #dadee6;
    padding: 30px 20px 20px
}

.edit-expense-mode legend {
    background: 0 0;
    border-bottom: 0 none;
    font-size: 16px;
    padding: 0 10px;
    text-align: left;
    width: auto
}

.edit-expense-mode textarea.form-control {
    background: 0 0;
    border-bottom: 1px solid #dadee6;
    padding: 0
}

.edit-expense-mode textarea.form-control:focus {
    border: 0;
    border-bottom: 1px solid #dadee6
}

.copy-move-list {
    width: 80%;
    display: inline-block;
    overflow: hidden
}

#showMapView .overlay-close-download-popup.overlay-close-map-popup {
    border-bottom: 85px solid transparent;
    border-right: 85px solid gray;
    font-size: 12px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: inherit
}

#showMapView .icon-close {
    color: #fff;
    display: inline-block;
    margin-left: 33px;
    margin-top: 18px;
    text-align: center;
    width: 55px;
    font-size: 20px
}

#drawing_full_screen {
    overflow: visible!important
}

#drawing_full_screen a.overlay-close-download-popup {
    display: block;
    padding: 15px;
    height: 40px
}

#fullScreenWindow .icon-close {
    float: right
}
.measure-type .measure-first .form-section{
	position: relative;
}
/* .measure-first .view-expense-mode:after,.measure-last .view-expense-mode:after{
	border-bottom: 1px dashed #009CEA  ; /*1px solid blue*/
	content: '';
    width: 70%;
    display: block;
    position: absolute;
    bottom: -10px;
    right: 0;
} */
.measure-section-outer{
	/* border-bottom: 1px dashed #009CEA ; */
	position: relative;
}
.sub-measure-tooteet .measure-section-outer:after{
	border-bottom: 1px dashed #009CEA ;
	content: '';
    width: 50%;
    display: block;
    position: absolute;
    bottom: -10px;
    right: 20%;
}
.new-form-page .first-add-measure .measure-section-outer:after{
	border-bottom: 0;
}
.measure-first.measure-last .view-expense-mode :after{border:0;}
.measure-type .measure-overall-total .lft-tol,.measure-type .measure-overall-average .lft-tol{
	padding-left: 20px;
	font-weight: 600;
	color: #009ce9;
}
.measure-type .measure-total-block{
	margin: 10px 0;
}

.checkbox-measure{
	height: 310px;	
	margin-top: 2px;
	display : none;
	position: absolute;
    width: 100%;
    z-index: 5;
    top: 43px;
    background: #fff;
}
.open .checkbox-measure{
	display: block;
}
.checkbox-measure ul{
	overflow-y:auto;
	overflow-x: hidden;
	max-height: 225px;
}
.checkbox-measure li{
	margin-left: 0 !important;
	padding-left: 40px;
	position: relative;
}
.checkbox-measure li label{
	width: 100%;
}
.checkbox-measure [type=checkbox]:checked,.checkbox-measure [type=checkbox]:not(:checked){
	left: 15px;
}
.check-head{
	border-bottom: 1px solid #1ca8e1;
	text-align: left;
	height: 35px;
}
.check-head p{
	padding: 5px;
	color: #009cea;
	font-size: 13px;
}
.check-head p span{
	padding-left :45px;
}
.check-foot {
	text-align: center;
	height: auto;
	border-top: 1px solid #1ca8e1;
	padding-top: 13px;
}
.check-foot a{	
	background: #1ca8e1;
	color: #ffffff;
	padding: 6px 15px;
	height: 35px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	margin: 0 4px;
}
.media .picture-measure{
	width: auto;/*  !important */
	display: inline-block;
}
.media .picture-measure.edit-picture-measure{
	max-width: 600px;
	width:100% !important;
	border: 1px solid #ccc;
    padding: 20px;
	background: #fff;
}
.measure-close .icon-close{
	color: #b8b5bd;
}
.edit-picture-measure .upload-measure .measure-image-pre{
	border: 0;
}
.media .edit-picture-measure img{
	    /* max-width: 300px !important; */
		width: 100%;
}
.picture-measure .measure-close,.edit-measure-close{
	right: 15px;
    position: absolute;
    top: 0;
}

#edit-measure-image .measure-image-pre{
	margin-top: 0;
	
}
.measure-edit-page .add-measure-inner{
	margin-right: 30px;
	margin-top: 10px;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .Tooteet-color .icon-box ::before {
        line-height: 21px;
        height: 23px
    }
}

@media (min-height:1200px) {
    .tooteet-view .tooteet-contents .media img {
        max-height: 1300px
    }
}

@media (max-height:1199px) {
    .tooteet-view .tooteet-contents .media img {
        max-height: 1000px
    }
	.newmultiselect-option .lanes-menu.scrollable-outer {
		min-width: 350px; /* 250px */
		height: 465px;
	}
}

@media (max-height:1024px) {
    .tooteet-view .tooteet-contents .media img {
        max-height: 820px
    }
}

@media (max-height:850px) {
    .tooteet-view .tooteet-contents .media img {
        max-height: 540px
    }
	
}

@media (max-height:768px) {
    .tooteet-view .tooteet-contents .media img {
        max-height: 470px
    }
}

@media (min-height:1200px) {
    .tooteet-view .tooteet-contents .media {
        max-height: 1300px
    }
}

@media (max-height:1199px) {
    .tooteet-view .tooteet-contents .media {
        max-height: 1000px
    }
}

@media (max-height:850px) {
    .tooteet-view .tooteet-contents .media {
        max-height: 650px
    }
}

@media (max-height:768px) {
    .tooteet-view .tooteet-contents .media {
        max-height: 600px
    }
}

@media (min-width:1681px) {
    .tooteet-thumbs {
        width: 16.666%
    }
    .sidebar-open .tooteet-thumbs {
        width: 19.99%
    }
}

@media (max-width:1220px) {
    #share-privately {
        clear: both;
        float: none;
        left: 0;
        margin-top: 10px;
        position: relative;
        top: 10px
    }
    .tooteet-open .overlay .padd-top .overlay-close i {
        top: -60px
    }
}

@media (min-width:1200px) {
    
    .tooteet-thumbs {
        width: 25% 
		/* width: 50%; */
    }
	.sidebar-open .tooteet-thumbs{
		width: 33.3%;
	}
	/* .sidebar-open .tooteet-thumbs,
    .tooteet-thumbs {
        width: 25% 
		width: 50%; 
    } */
}

.name-container>a>h1 {
    max-width: 95%
}

@media (max-width:1151px) {
    .name-container>a>h1 {
        height: 24px;
        white-space: nowrap
    }
    .settings-open .details-container {
        min-width: 165px;
        max-width: 400px
    }
}

@media (max-width:1023px) {
    .name-container>a>h1 {
        max-width: 90%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .sidebar-open .month-view {
        margin-right: 10px
    }
    .sidebar-open .tools-list {
        /* margin-right: 0 */
    }
    .sidebar-open .month-controls a {
        padding: 7px 0 0
    }
    .sidebar-open #btnGenerateDoc.btn-tools {
        padding-right: 10px
    }
    .info-container .info-list>li {
        font-size: 11px;
        padding-right: 7px
    }
    #toolbar.settings-toolbar .info-list>li>a>i {
        font-size: 13px;
        padding-right: 0;
        top: 1px
    }
    .tabs-outer {
        /* -webkit-width: calc(100% - 80px)!important;
        -moz-width: calc(100% - 80px)!important;
        -ms-width: calc(100% - 80px)!important;
        width: calc(100% - 80px)!important; */
        /* max-width: auto  */
    }
	
    .color-list>li:nth-child(5) {
        margin-left: 0
    }
    .fav-tooteet {
        display: inline-block;
        height: 18px;
        line-height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 650px;
        white-space: nowrap
    }
    .fixed-slider-outer i {
        vertical-align: bottom
    }
    .noti-cont {
        width: 80%
    }
    .sidebar-open.ie-browser .month-selected i {
        top: 6px
    }
}
@media (min-width:992px) and (max-width:1300px) {
	/* .feed-options{
		width: 100%;
	}
	.feed-options > li{
		width: 5%;
		min-width: 40px;
		float: left;
	}
	.feed-options > li.feed-view > a{
		margin-top: 5px;
	}
	.feed-options > li.multiselect > a{
		margin-top: 10px;
	}
	.sidebar-open .search-container.open{
		width: 63%;
	}
	.search-group .form-group.clearable{
		width: 85%;
	}
	.sidebar-open .search-container.open .search-options{
		min-height: auto;
	}
	.advanced-settings{
		margin-left: 10px;
	}
	.search-container.open{
		width: 65%;
	}
	.search-options .form-control{
		width: 100% !important;;
	}
	.search-container.open .search-options{
		min-width: 100% !important;
	} */
}
@media (min-width:992px) and (max-width:1200px) {
    .tooteet-thumbs {
      /*  width: 50% ; */
         width: 33.33% 
    }
	.sidebar-open .tooteet-thumbs {
		 width: 50% ;
	}
}

@media (min-width:1058px) and (max-width:1220px) {
    .sidebar-open.sidebar-right-open .new-tooteet .tooteet-footer {
        height: 95px
    }
    .sidebar-open.sidebar-right-open .new-tooteet .dropdown-menu.datetimepicker,
    .sidebar-open.sidebar-right-open .new-tooteet .dropdown-menu.new-weather,
    .sidebar-open.sidebar-right-open .new-tooteet .dropdown-menu.tooteet-colors {
        left: auto;
        right: 0;
        top: 95px!important
    }
    .sidebar-open.sidebar-right-open .new-tooteet .dropdown-menu.rating {
        top: 93px!important
    }
    .sidebar-open.sidebar-right-open .new-tooteet .options-right .action-button {
        clear: both;
        position: absolute;
        left: 50%;
        bottom: 2px;
        -moz-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 180px;
        text-align: center
    }
}

@media (min-width:992px) and (max-width:1057px) {
    .sidebar-open.sidebar-right-open .options-right,
    .sidebar-open.sidebar-right-open .options-right .list-inline {
        float: right
    }
    .sidebar-open.sidebar-right-open .options-right .action-button {
        clear: both;
        position: absolute;
        left: 50%;
        bottom: 2px;
        -moz-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 180px;
        text-align: center;
        float: right
    }
    .sidebar-open.sidebar-right-open .options-left,
    .sidebar-open.sidebar-right-open .options-right {
        margin-top: 4px
    }
    .sidebar-open.sidebar-right-open .options-left>a.btn-line,
    .sidebar-open.sidebar-right-open .options-right>a.btn-line {
        display: inline-block
    }
    .sidebar-open.sidebar-right-open .options-left>ul,
    .sidebar-open.sidebar-right-open .options-right>ul {
        display: none;
        margin: 0 auto;
        clear: both
    }
    .sidebar-open.sidebar-right-open .tootioptions>li,
    .sidebar-open.sidebar-right-open .tootitype>li {
        width: 14%;
        text-align: center
    }
    .sidebar-open.sidebar-right-open .tootioptions>li>a {
        line-height: 30px
    }
    .sidebar-open.sidebar-right-open .tootioptions .checkbox.bookmark .bookmark-cover {
        top: 4px
    }
    .sidebar-open.sidebar-right-open .options-left.visible>ul,
    .sidebar-open.sidebar-right-open .visible.options-right>ul {
        display: inline-block;
        width: 80%
    }
    .sidebar-open.sidebar-right-open .new-tooteet .tooteet-footer {
        height: 95px
    }
    .sidebar-open.sidebar-right-open .options-left.visible>a.btn-line span,
    .sidebar-open.sidebar-right-open .visible.options-right>a.btn-line span {
        display: none
    }
    .sidebar-open.sidebar-right-open .options-left.visible>a.btn-line i,
    .sidebar-open.sidebar-right-open .visible.options-right>a.btn-line i {
        display: inline-block
    }
    .sidebar-open.sidebar-right-open .options-right .tootioptions>li {
        width: 19%
    }
    .sidebar-open.sidebar-right-open .options-left.visible,
    .sidebar-open.sidebar-right-open .visible.options-right {
        margin-top: 2px;
        float: none
    }
    .sidebar-open.sidebar-right-open .options-left.visible>a.btn-line,
    .sidebar-open.sidebar-right-open .visible.options-right>a.btn-line {
        margin-right: 3%;
        padding: 0;
        text-align: center;
        width: 15%
    }
    .sidebar-open.sidebar-right-open .create-tooteet .dropdown-menu.tooteet-colors>li,
    .sidebar-open.sidebar-right-open .new-tooteet .tooteet-footer .rating {
        padding-right: 10px
    }
    .sidebar-open.sidebar-right-open .create-tooteet .list-inline.color-list span:nth-child(2) {
        font-size: 38px
    }
    .sidebar-open.sidebar-right-open .create-tooteet #new-tooteet-weather .new-weather,
    .sidebar-open.sidebar-right-open .create-tooteet .dropdown-menu.datetimepicker,
    .sidebar-open.sidebar-right-open .create-tooteet .dropdown-menu.tooteet-colors {
        top: 90px
    }
    .sidebar-open.sidebar-right-open .create-tooteet .dropdown-menu.tooteet-colors {
        width: 210px;
        left: -56px
    }
    .sidebar-open.sidebar-right-open .create-tooteet .dropdown-menu.rating>li,
    .sidebar-open.sidebar-right-open .create-tooteet.new-tooteet .rating-list {
        padding: 0
    }
    .sidebar-open.sidebar-right-open .create-tooteet .datetimepicker .input-group:first-of-type,
    .sidebar-open.sidebar-right-open .create-tooteet .datetimepicker .input-group:last-of-type {
        width: 48.4%
    }
    .sidebar-open.sidebar-right-open .create-tooteet .datetimepicker {
        left: 83px;
        min-width: 345px
    }
    .sidebar-open.sidebar-right-open .create-tooteet .dropdown-menu.rating {
        top: 88px;
        left: 20px
    }
    .sidebar-open.sidebar-right-open #new-tooteet-rating .star-count {
        top: 0
    }
    .sidebar-open.sidebar-right-open .create-tooteet .tooteet-footer .rating {
        text-align: center
    }
    .sidebar-open.sidebar-right-open .create-tooteet #new-tooteet-rating .rating .dropdown-options {
        margin-left: -15px
    }
    .sidebar-open.sidebar-right-open .create-tooteet .rating-list>li {
        padding: 0 6px 0 4px
    }
    .sidebar-open.sidebar-right-open .create-tooteet .rating-list>li>a {
        font-size: 35px
    }
}

@media (max-width:992px) {
    .photo_camera.contentarea {
        width: 98%
    }
    .expense1,
    .expense2 {
        width: 70%
    }
    .audio-record {
        margin-top: -205px;
        padding-left: 100px;
        padding-right: 100px
    }
    .audio-record>p {
        margin-bottom: 120px
    }
    .sidebar-right-open .tooteet-thumbs {
      /*   width: 33.333% */
    }
    .tooteet-thumbs {
      /*   width: 33.33% */
    }
    .sidebar-open .tooteet-thumbs {
     /*    width: 50% */
    }
    .sidebar-open .dropdown-menu.new-weather {
        left: auto
    }
}
@media (min-width:641px) and (max-width:992px) {
	.tooteet-thumbs {
      width: 50%;
    }
	.sidebar-open .tooteet-thumbs {
      width: 100%;
    }
}
@media (max-width:955px) {
    .name-container>a>h1 {
        white-space: nowrap;
        font-size: 17px!important
    }
}

@media (min-width:992px) and (max-width:1068px) {
    .sidebar-open .new-tooteet .tooteet-footer .rating,
    .sidebar-right-open.sidebar-open .new-tooteet .tooteet-footer .rating {
        height: 60px;
        width: 170px
    }
    .sidebar-open.sidebar-right-open .new-tooteet .tooteet-footer .rating {
        height: 36px;
        width: 145px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .edit-mode .tooteet-time .input-group:first-of-type {
        width: 99%;
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -ms-calc(100% - 20px);
        width: calc(100% - 20px)
    }
    .edit-mode .tooteet-time .input-group {
        /* width: 100%!important */
    }
    .edit-mode .tooteet-time .input-group:last-of-type {
        width: 100%;
        padding-left: 0
    }
    .tooteet-view .tooteet-contents {
        padding-left: 40px;
        padding-right: 40px
    }
    #tooteet-controls {
        height: 60px;
        margin-top: -30px
    }
    #tooteet-controls ul>li {
        font-size: 30px;
        height: 60px
    }
    #tooteet-controls ul>li.next {
        /* right: 5px */
    }
    #tooteet-controls ul>li.previous {
        /* left: 5px */
    }
    .settings-open.sidebar-open .pull-right .button-group .btn {
        padding-left: 6px;
        padding-right: 6px
    }
    .settings-open.sidebar-open .details-icon-container .details-icon .icon-cog {
        display: none;
        font-size: 0
    }
    .sidebar-open .new-tooteet .tooteet-footer .rating,
    .sidebar-right-open.sidebar-open .new-tooteet .tooteet-footer .rating {
        height: 60px;
        width: 170px!important
    }
    .sidebar-open #lane-notifications {
        top: 47px;
        right: auto
    }
    .sidebar-open #date-time-li .dropdown-menu.datetimepicker,
    .sidebar-open #new-tooteet-color-outer .dropdown-menu.tooteet-colors,
    .sidebar-open #new-tooteet-rating .dropdown-menu.rating,
    .sidebar-open #new-tooteet-weather .dropdown-menu.new-weather {
        left: auto!important;
        right: 0
    }
}

@media (max-width:991px) {
    .audio-record {
        margin-top: -195px;
        padding-left: 60px;
        padding-right: 60px
    }
    .audio-record>p {
        margin-bottom: 100px
    }
}

@media (min-width:768px) and (max-width:890px) {
    .sidebar-open .new-tooteet .tooteet-footer,
    .sidebar-right-open .new-tooteet .tooteet-footer {
        height: 95px
    }
    .sidebar-open .new-tooteet .options-right .action-button,
    .sidebar-right-open .new-tooteet .options-right .action-button {
        clear: both;
        position: absolute;
        left: 50%;
        bottom: 2px;
        -moz-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 180px;
        text-align: center
    }
    .sidebar-open .options-right .action-button,
    .sidebar-right-open .options-right .action-button {
        float: none
    }
    .sidebar-right-open .new-tooteet .dropdown-menu.datetimepicker,
    .sidebar-right-open .new-tooteet .dropdown-menu.new-weather,
    .sidebar-right-open .new-tooteet .dropdown-menu.tooteet-colors {
        left: auto;
        right: 0;
        top: 95px!important
    }
    .sidebar-right-open .new-tooteet .dropdown-menu.datetimepicker {
        right: -80px
    }
    .sidebar-right-open.sidebar-open .new-tooteet .dropdown-menu.datetimepicker {
        right: 0
    }
    .sidebar-right-open .new-tooteet .dropdown-menu.rating {
        top: 93px!important
    }
    .sidebar-open #date-time-li .dropdown-menu.datetimepicker,
    .sidebar-open #new-tooteet-color-outer .dropdown-menu.tooteet-colors,
    .sidebar-open #new-tooteet-rating .dropdown-menu.rating,
    .sidebar-open #new-tooteet-weather .dropdown-menu.new-weather {
        top: 95px
    }
}

@media (min-width:768px) {
    .input-button-group .form-group {
        width: 75%;
        padding-right: 10px;
        float: left
    }
    .input-button-group button {
        width: 25%;
        float: left
    }
    .overlay-form {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width:866px) {
    .month-selected {
        margin-left: 0!important
    }
    .btn-tools {
        padding-left: 15px
    }
    .pull-right .btn-tools {
        padding-left: 0
    }
    .btn-tools i.icon-file {
        background-size: 15px 17px
    }
    .tooteet-view .tooteet-info .extra-info .favorite-div,
    .tooteet-view .tooteet-info .extra-info .rating {
        padding-right: 5px
    }
    .selected-color>a#detail-selected-color {
        padding: 0 2px
    }
    .selected-color a.open~ul.dropdown-menu.tooteet-colors-details {
        left: -131px
    }
}

@media (max-width:767px) {
    .expense .measurevaluec .colon,
    .month-controls {
        display: none
    }
    .right-sidebar-open .feed,
    .sidebar-open .feed {
        pointer-events: none
    }
	.sidebar-open .newmultiselect-option  {
		left: 90%;
		margin-left: 15px;
		right: auto;
		width: 90%;
	}
	.sidebar-right-open .newmultiselect-option {
		right: 15px;
	}
	.sidebar-right-open.sidebar-open .newmultiselect-option {
		left: 0;
	}
	#lanes-sidebar {
        width: 90%;
        left: -690px
    }
    #allLane a.dropmenu,
    #archiveLane a.dropmenu,
    #favoriteLane a.dropmenu,
    #trashLane a.dropmenu {
        background-position: 5% center
    }
    .sidebar-right-open #toolbar {
        margin-top: 20px
    }
    .navbar-right .dropdown-menu {
        top: 60px
    }
    .settings-open.sidebar-open .move-top {
        right: -120px
    }
    .settings-open #toolbar.settings-toolbar .info-list>li>a {
        padding-right: 0
    }
    .tooteet-open .overlay .padd-top .overlay-close i {
        top: -21px
    }
    .expense1,
    .expense2,
    .expense3 {
        width: 100%;
        clear: both;
        margin-bottom: 10px
    }
    .expense .col-sm-6 {
        padding-left: 10px;
        padding-right: 10px
    }
    .expense .measurevaluec .col-sm-6 {
        padding-left: 0;
        padding-right: 0
    }
    .expense1 .icon-refresh {
        font-size: 15px
    }
    .dropdown-menu {
        /* width: 100%!important */
    }
	.newmultiselect-option .dropdown-menu.lanes-menu, .tooteet-open .dropdown-menu {    min-width: 240px;min-height:450px}
	.lanes-menu li a {padding:5px}
	#lanes-list .siderbar-scroll-block ul.private_shared li a{font-size:16px}
	.dropdown-menu.lanes-menu.scrollable-outer ul.private_shared li a {font-size:13px}
    .dropdown-menu>li>a {
        font-size: 14px
    }
    .dropdown-menu>li>a i {
        line-height: 28px
    }
    .dropdown-options>li {
        padding: 3px 6px
    }
    .dropdown-notifications-container {
        width: 300px!important;
        min-width: 300px!important
    }
    .padd-top .overlay-close {
        top: 36px
    }
    #edit-tooteet-color .dropdown-menu.tooteet-colors {
        width: auto!important
    }
    #edit-tooteet-color .dropdown-menu.tooteet-colors .list-inline.color-list i {
       /*  font-size: 43px */
    }
    #edit-tooteet-color .dropdown-menu.tooteet-colors .list-inline {
        /* width: 230px; */
        /* box-sizing: border-box;
        padding-right: 10px;
        margin: 0 */
    }
    .measure-create-page .measure-tooteet-outer {
        width: 100%
    }
    .measure-tooteet .btn-group.form-group {
        padding-left: 0
    }
    .measure-tooteet .expense-date-block .input-group.timepic_selector_expense {
        margin-left: 0
    }
    .bootstrap-timepicker-widget.dropdown-menu {
        width: auto!important
    }
    .options-right .new-weather .list-inline li {
        width: auto
    }
    .fav-tooteet {
        display: inline-block;
        height: 18px;
        line-height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 360px;
        white-space: nowrap
    }
    .search-options,
    .square,
    .xs-menu {
        display: block
    }
    #dashboard .fav-carousel .fav-carousel-inner .border-box,
    #dashboard .fav-carousel .fav-carousel-inner .fci-image.border-box,
    #dashboard .fav-carousel-inner {
        width: 100%
    }
    .expense-preview .btn-link-white.upload-close.expense-close ,
    .measure-preview .btn-link-white.upload-close.expense-close {
        top: -13px;
        right: 6px
    }
    body.lang-french .list-inline.dropdown-options.new-weather-list>li {
        width: 85px
    }
    .overlay-scale {
        height: 100%
    }
    .noti-cont {
        width: 80%!important
    }
    .rating-list {
        float: none;
        margin: 0 auto;
        text-align: center
    }
    .rating-list>li {
        padding-right: 2%;
        padding-left: 2%
    }
    .rating-list>li>a {
        font-size: 40px
    }
    .overlay {
        position: fixed
    }
    .tooteet-open #teetDetailBlock.overlay-scale.open {
        overflow: auto;
        height: 100%!important
    }
    .overlay-scale.close:focus,
    .overlay-scale.close:hover {
        opacity: 0
    }
    .settings .line-list>li .btn-group i,
    .settings .line-list>li .remove {
        filter: alpha(enabled=false);
        opacity: 1
    }
    .tooteet-open .measure-tooteet {
        width: 100%
    }
    .measure-tooteet {
        width: 90%
    }
    #calendar table td,
    #calendar table th {
        height: auto;
        padding-bottom: 4%;
        padding-top: 4%
    }
    .datetimepicker {
        margin-left: auto;
        min-width: 100%
    }
    .datetimepicker .input-group {
        width: 100%
    }
    .square {
        /* width: 45px;
        height: 45px;
        margin: 0 auto */
    }
    /* .tooteet-thumbs {
        width: 33.33%
    }
    .sidebar-open .tooteet-thumbs {
        width: 50%
    } */
    .audio-controls #btn-volume {
        right: 5px
    }
    .audio-controls #progress-time {
        right: auto;
        left: 30px;
        text-align: left
    }
    .media-controls #progress-bar {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: -8px;
        width: 100%
    }
    .media-controls #progress-time {
        width: auto;
        font-size: 11px
    }
    .media-controls #btn-volume {
        position: absolute;
        top: 0;
        right: 75px
    }
    .media-controls #btn-decreaseVolume,
    .media-controls #btn-increaseVolume {
        position: absolute;
        top: 0;
        width: 20px;
        line-height: 40px;
        vertical-align: middle;
        padding: 0 5px 5px
    }
    .media-controls #btn-increaseVolume {
        right: 50px;
        font-size: 18px
    }
    .media-controls #btn-decreaseVolume {
        right: 115px;
        font-size: 20px
    }
    .media-controls #btn-resize {
        font-size: 17px;
        color: #8c94a9;
        position: absolute;
        top: 0;
        right: 0
    }
    .search-options {
        margin: 0;
        width: 100%
    }
    .search-options>li {
        padding: 8px 10px;
        position: static
    }
    .sidebar-right-open,
    .sidebar-right-open #main-content,
    .sidebar-right-open .feed {
        position: absolute;
        bottom: 0;
        overflow: hidden
    }
    .search-options>li:first-of-type {
        display: block;
        width: 100%;
        padding: 0;
        margin-left: 0
    }
    .search-options>li:first-of-type .form-group {
        margin-bottom: 0
    }
    .search-options>li .toots-type {
        width: 100%
    }
    .search-options a {
        margin: 0
    }
    .search-options a>i.icon-search {
        padding-left: 12px;
        line-height: 48px
    }
    .new-tooteet .tooteet-footer .rating {
        height: 58px
    }
    .sidebar-right-open.sidebar-open #main-content {
        width: 100%;
        margin-right: 90%;
        min-width: 200px
    }
    .sidebar-right-open.sidebar-open .tooteet-thumbs {
        width: 100%
    }
    .sidebar-right-open .tooteet-thumbs {
        width: 50%
    }
    .sidebar-right-open {
        height: 95%;
        height: -moz-calc(100% - 40px);
        height: -webkit-calc(100% - 40px);
        height: -ms-calc(100% - 40px);
        height: calc(100% - 40px);
        top: 0
    }
    .sidebar-right-open #main-content {
        margin-right: 90%;
        top: 40px;
        height: 100%
    }
    .sidebar-right-open .feed {
        pointer-events: none;
        min-width: 300px;
        right: 0;
        max-height: 100%;
        top: 0
    }
    .right-sidebar-open {
        overflow: hidden
    }
    .right-sidebar-open #main-content {
        z-index: 1;
        -moz-transform: translate3d(90%, 0, 0);
        -webkit-transform: translate3d(90%, 0, 0);
        transform: translate3d(90%, 0, 0)
    }
    .sidebar-right {
        width: 90%
    }
    .sidebar-open {
        overflow: hidden
    }
    .sidebar-open #main-content {
        margin-left: 90%
    }
    .settings-left-col {
        border: 0 transparent;
        margin-top: 40px
    }
    .settings .line-list>li .email {
        padding-right: 15px
    }
    .notification-details .date {
        font-size: 13px
    }
    .notification-details {
        font-size: 14px
    }
    .dropdown-notifications-container {
        min-width: 100%
    }
    .navbar-nav>li.dropdown {
        position: static
    }
    .input-button-group .form-group,
    .input-button-group button {
        width: 100%
    }
    .overlay-form {
        margin-top: 40px
    }
    .edit-mode #tooteet-toolbar .edit-visible>a>i,
    .edit-mode .edit-visible>a>i {
        display: inline-block
    }
    #share-privately {
        position: relative;
        left: 0;
        max-width: 100%;
        max-height: 0;
        overflow: hidden;
        width: 100%
    }
    #share-privately .btn {
        line-height: 42px
    }
    #share-privately input {
        line-height: 40px;
        height: 42px;
        width: 75%
    }
    #share-privately span.error {
        top: 46px
    }
    #share-privately.visible {
        max-height: 100%;
        overflow: visible;
        margin-top: 20px
    }
    .tooteet-view .tooteet-contents .media,
    .tooteet-view .tooteet-info {
        margin-bottom: 40px
    }
    .tootivideo video {
        height: 275px
    }
    .tooteet-view .tooteet-contents {
        padding-left: 15px;
        padding-right: 15px
    }
    .navbar-nav>li>.dropdown-menu {
        width: 100%
    }
    .navbar-nav>li>.dropdown-menu>li>a {
        padding: 15px
    }
    .list-inline.color-list i {
        font-size: 45px
    }
    .list-inline.dropdown-options.new-weather-list>li {
        width: 62px
    }
    .dropdown-menu.new-weather>li {
        padding: 0
    }
    .dropdown-menu.datetimepicker {
        right: -198px;
        width: 290px!important
    }
    .datetimepicker .input-group:first-of-type,
    .datetimepicker .input-group:last-of-type {
        width: 47.7%
    }
    .dropdown-menu.new-weather {
        left: -93px!important;
        width: 290px!important
    }
    .dropdown-menu.tooteet-colors {
        /* left: -76px;
        min-width: 235px */
    }
    .tootioptions .dropdown-menu.rating {
        width: 200px!important;
        padding-left: 10px
    }
    .dropdown-menu.rating>li {
        padding-left: 0
    }
    .measure-create-page .measure-tooteet .expense-date-block .btn-group {
        width: 100%
    }
    .add-measure-tooteet .form-group,
    .create-measure-tooteet .form-group {
        padding-right: 20px
    }
    .pull-right.move-top {
        right: 5px
    }
    .edit-visible-view .dropdown-menu {
        left: -70px
    }
    .info-container .info-list>li {
        font-size: 11px;
        padding-right: 0
    }
    .settings-open .pull-right .button-group .btn {
        padding-left: 6px;
        padding-right: 6px
    }
    .notifications-toolbar#toolbar .button-group,
    .settings-toolbar#toolbar .button-group {
        margin-right: 3px
    }
    .measure-tooteet .action-container.edit-del-but {
        position: absolute;
        top: 5px;
        right: 15px;
    }
	.measure-section-outer:after{    right: 15%;}
	.measure-type .measure-overall-total .lft-tol, .measure-type .measure-overall-average .lft-tol{padding-left: 0;}
    .settings-open.sidebar-open .pull-right.move-top,
    .view-expense-mode label .colon {
        display: none
    }
    .tooteet-view .tooteet-info .extra-info .rating {
        padding-right: 10px
    }
}

@media (max-width:720px) {
    .name-container>a>h1 {
        max-width: 88%
    }
}

@media (max-width:700px) {
    /* .tooteet-thumbs {
        width: 50%
    } */
    .name-container>a>h1 {
        max-width: 86%
    }
}

@media (max-width:640px) {
	.tooteet-thumbs {
		width: 100%;
	}
    .name-container>a>h1 {
        max-width: 84%
    }
    .measure-tooteet .expense-date-block .input-group {
        width: 46.8%
    }
    .datetimepicker .input-group:first-of-type,
    .datetimepicker .input-group:last-of-type {
        width: 47%
    }
    .dropdown-menu.rating {
        width: 190px!important;
        padding-left: 5px;
        padding-right: 5px
    }
    #new-tooteet-rating .dropdown-menu.rating,
    .dropdown-menu.rating>li {
        padding-left: 0
    }
    .action-container.edit-del-but {
        position: absolute;
        bottom: 0;
        right: 0
    }
    .expense .edit-expense-mode .form-group {
        margin-bottom: 0!important
    }
    .add-measure-tooteet,
    .create-measure-tooteet {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0
    }
    .dropdown-notifications-container {
        width: 200px!important
    }
    .new-tooteet .tooteet-footer {
        /* height: 95px */
    }
    #cancel-button,
    .publish {
        display: inline-block
    }
    .edit-visible-view .dropdown-menu {
        left: -150px
    }
    textarea#descriptionInput1 {
        height: 100px
    }
    .expence-image-pre , .measure-image-pre {
        margin-top: 30px
    }
    #date-time-li .dropdown-menu.datetimepicker,
    #new-tooteet-rating .dropdown-menu.rating,
    #new-tooteet-weather .dropdown-menu.new-weather {/* #new-tooteet-color-outer .dropdown-menu.tooteet-colors, */
        left: auto!important;
        right: 0;
        top: 95px
    }
	.export_popup .overlay-form .overlay-form-inner{
		height:590px;
	}
	.overlay-form.fullwidthpopup h1{
		font-size:30px;
	}
}

@media (max-width:540px) {
    .month-selected i.icon-calendar-2 {
        font-size: 18px
    }
    .ie-browser .month-selected i {
        top: 6px!important
    }
    .btn-tools {
        font-size: 20px
    }
    .month-selected i {
        top: 4px
    }
    #sidebar-collapse i.icon-left-open,
    #sidebar-collapse i.icon-right-open {
        margin-left: 5px
    }
    .info-container .info-list>li {
        font-size: 11px;
        padding-right: 0
    }
    .noti-cont {
        width: 60%!important
    }
    .measure-tooteet .btn-group,
    .measure-tooteet .expense-date-block .input-group {
        width: 100%
    }
    .add-measure-tooteet,
    .create-measure-tooteet {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0
    }
}

@media (min-width:320px) and (max-width:480px) {
    .rating-list {/* .color-list */
        width: 220px;
        float: none!important
    }
    .navbar-brand {
        padding-top: 9px
    }
    .navbar-brand img {
        max-width: 130px;
		max-height: 44px;
    }
    .navbar-fixed-top .container-fluid {
        /* padding-left: 0 */
    }
    .overlay-form-inner {
        padding: 50px 20px
    }
    .btn-tools {
        font-size: 18px;
        padding-right: 10px
    }
    .month-selected i.icon-calendar-2 {
        font-size: 16px
    }
    .ie-browser .month-selected i {
        top: 13px!important
    }
    .month-view {
        margin-right: 10px;
        margin-top: 0
    }
    .month-selected {
        padding-right: 20px;
        height: 30px
    }
    .month-selected i {
        top: 13px
    }
    .month-selected a {
        margin-top: 14px;
        line-height: 14px
    }
    #sidebar-collapse i.icon-left-open,
    #sidebar-collapse i.icon-right-open {/* .tools-list */
        margin-right: 0
    }
    #export-buttons .btn {
        padding: 0 10px
    }
    #export-buttons .btn.btn-darkgray1 {
        padding: 11px!important
    }
    #export-buttons .progress-button {
        display: none
    }
    .edit-mode .tooteet-prev-next {
        display: none!important
    }
    .tootioptions>li>a {
        height: auto
    }
    #new-tooteet-rating .star-count {
        top: 5px!important;
        text-indent: -1px
    }
    .create-tooteet .tootioptions .checkbox.bookmark .bookmark-cover {
        top: 11px
    }
    .ie-browser .tootioptions>li>a {
        line-height: 27px
    }
    .ie-browser .tootioptions>li>a.new-tooteet-color-link {
        line-height: 30px
    }
    .bookmark.create-favorite label {
        line-height: 28px
    }
    .color-list {
        margin: 0 auto
    }
    .rating-list {
        margin: auto!important
    }
    .options-right .list-inline.dropdown-options>li {
        float: left!important
    }
    .list-inline.dropdown-options.new-weather-list {
        /* width: 300px; */
        margin: auto;
        float: none
    }
    .list-inline.dropdown-options.new-weather-list>li {
        width: 83px
    }
    .list-inline.color-list>li:first-of-type {
        margin-left: 0
    }
    .color-list>li {
        width: auto;
        float: left;
        display: block;
        margin-left: 0;
        padding-bottom: 6px
    }
    .color-list>li:nth-child(5) {
        clear: left
    }
    .tooteet-list.toooti-video .tooteet-contents,
    .tooteet-list.tootipicture .tooteet-contents,
	.tooteet-list.tootimeasure .tooteet-contents	{
        /* display: none */
    }
	.tooti-container .tooteet-list .tooteet-link .tooteet-details {
		/* padding-top: 0; */
	}
	.tooti-container .tooteet-list .tooteet-link .tooteet-details.text-description {
		/* padding-left: 15px;
		padding-top: 15px; */
	}
    .fav-tooteet {
        display: inline-block;
        height: 18px;
        line-height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 215px;
        white-space: nowrap
    }
    .details-icon,
    .info-container .comment-number,
    .tooteet-footer .location .location-name {
        display: none
    }
    .fixed-slider-outer i {
        vertical-align: bottom
    }
    .expense-preview .btn-link-white.upload-close.expense-close ,
    .measure-preview .btn-link-white.upload-close.expense-close {
        top: -10px;
        right: 10px
    }
    .update-section ul.list-unstyled li p {
        width: 60%
    }
    #individual-features .progress-button {
        width: auto!important
    }
    .datetimepicker .left-col,
    .datetimepicker .right-col {
        width: 100%
    }
    #calendar table {
        margin-top: 20px
    }
    #calendar table tbody,
    #calendar table thead {
        font-size: 14px
    }
    .tooteet-list .user-email {
        max-width: 50%
    }
    .tooteet-list .tooteet-contents {
        padding-left: 15px
    }
    .tooteet-list.tootiaudio .tooteet-details,
    .tooteet-list.tootifile .tooteet-details,
    .tooteet-list.tootipicture .tooteet-details,
    .tooteet-list.tootivideo .tooteet-details {
        padding-right: 165px
    }
    .tooteet-list.tootiaudio .extra-info,
    .tooteet-list.tootifile .extra-info,
    .tooteet-list.tootipicture .extra-info,
    .tooteet-list.tootivideo .extra-info {
        right: 165px
    }
    .dropdown-menu.lanes-menu {
        min-width: 100%;
        min-width: -moz-calc(100% + 150px);
        min-width: -webkit-calc(100% + 150px);
        min-width: -ms-calc(100% + 150px);
        min-width: calc(100% + 150px);
        top: 35px;
        left: -75px
    }
    .edit-visible .dropdown-menu.lanes-menu {
        min-width: 100%;
        /* min-width: -moz-calc(100% + 30px);
        min-width: -webkit-calc(100% + 30px);
        min-width: -ms-calc(100% + 30px);
        min-width: calc(100% + 30px); */
        left: -15px;
		width:245px
    }
    .multiselect-options .dropdown-menu.lanes-menu {
        min-width: -moz-calc(100% + 253px);
        min-width: -webkit-calc(100% + 253px);
        min-width: -ms-calc(100% + 253px);
        min-width: calc(100% + 253px);
        left: -180px
    }
    .multiselect-options .li-move .dropdown-menu.lanes-menu {
        left: -220px
    }
    #time-picker table {
        margin: 20px auto 0
    }
    .info-container .info-list>li {
        padding-right: 8px;
        font-size: 11px
    }
    #toolbar.settings-toolbar .info-list>li>a {
        padding-right: 0
    }
    .details-container {
        padding-left: 8px
    }
    .toolbar .button-group .btn-icon-xxs {
        height: 37px;
        width: 45px;
        padding: 0;
        line-height: 37px
    }
    .toolbar .button-group .btn-icon-xxs>i {
        font-size: 20px;
        position: relative;
        top: 2px
    }
    .sidebar-right-open .tooteet-thumbs {
        width: 100%
    }
    .sidebar-right .form-section .progress-button {
        line-height: 40px;
        height: 40px;
        font-size: 14px;
        width: auto
    }
    .expense-price-list {
        width: 165px!important
    }
    .expense-detail p>span {
        clear: both;
        display: block;
        width: auto
    }
    .settings-left-col {
        padding-bottom: 20px
    }
    .hidden-xxs {
        display: none!important
    }
	#lanes-sidebar .hidden-xxs {
        display: block!important
    }
    .visible-xxs {
        display: inline-block!important
    }
    #changePassword a#profile-trigger-overlay .hidden-xxs {
        display: block!important
    }
    .name-container>a .tooteet-view .tooteet-contents .cog-settings,
    .tooteet-view .tooteet-contents .name-container>a .cog-settings,
    .tooteet-view .tooteet-contents h1 {
        margin-bottom: 20px
    }
    .tooteet-view .tooteet-contents .media {
        max-height: 420px
    }
    .tooteet-view .tooteet-contents .media img {
        max-height: 230px
    }
    #new-lane #btn-newLane {
        /* top: -100px; */
		top: -44px;
        font-size: 16px;
        padding: 17px 10px 10px 60px
    }
    #new-lane #new-lane-form .button-group {
        padding-bottom: 40px
    }
    #new-lane #btn-newLane i {
        margin-top: 5px
    }
    #new-lane {
        top: 100%;
        top: calc(100% - 10px);
        top: -webkit-calc(100% - 10px);
        top: -moz-calc(100% - 10px);
        top: -ms-calc(100% - 10px)
    }
    .tooteet-view .tooteet-contents {
        padding-left: 5px;
        padding-right: 5px
    }
    .tooteet-view .tooteet-inner {
        padding: 15px
    }
    .tooteet-thumbs {
        width: 100%
    }
    .btn.update {
        white-space: normal;
        line-height: 160%;
        padding-top: 17px
    }
    .audio-record {
        margin-top: -170px;
        padding-left: 20px;
        padding-right: 20px
    }
    .audio-record>p {
        margin-bottom: 60px
    }
    #edit-buttons {
        top: -2px
    }
    #tooteet-toolbar>ul>li#edit-tooteet-color {
        margin-left: 4%
    }
    #tooteet-toolbar>ul>li#edit-tooteet-color a {
        margin-left: 0;
        width: 42px
    }
    #tooteet-toolbar>ul>li>a {
        font-size: 0;
        padding-right: 0
    }
    #tooteet-toolbar>ul>li.next i,
    #tooteet-toolbar>ul>li.previous i {
        display: inline-block
    }
    .month-chart>li {
        width: 16.6666%
    }
    .month-chart>li:nth-child(7) {
        clear: left
    }
    .month-chart>li:nth-child(n+7) {
        margin-top: 20px
    }
    .month-chart-container.open .bar-container {
        height: 100px;
        max-height: 100px
    }
    .month-selected.visually-hidden {
        max-width: 0;
        opacity: 0
    }
    .multiselect-options {
        right: 0;
        left: auto;
        margin-right: -15px;
        margin-left: 0
    }
    .feed-options>li.feed-view {
        /* display: none */
    }
    #cancel-button,
    .publish {
        display: inline-block;
        clear: both
    }
    .tootioptions>li>a,
    .tootitype>li>a {
        padding: 7px 4px
    }
    .ie-browser .options-right .tootioptions>li>a {
        padding: 5px 4px
    }
    #btnPublish.progress-button {
        width: auto
    }
    .tootioptions {
        padding-right: 5px
    }
    .new-tooteet .button-group a {
        margin: 5px 0;
        clear: both;
        width: 100%
    }
    .button-photo>input[type=file] {
        /* left: 0;
        margin-left: 0;
        width: 100%;
        height: 100% */
    }
    .new-tooteet .button-group {
        margin-top: 0
    }
    .upload-images::before {
        /* left: 47%!important */
    }
    .new-tooteet .preview {
        /* margin-top: 35px */
    }
    .new-tooteet .preview a {
        /* top: -35px; */
        right: 0
    }
    .new-tooteet .media-content {
        border: 0 transparent;
        border: 1px dashed #c7cbd5;
        padding: 0 2px
    }
    .new-tooteet .media {
        /* padding: 0 10px */
		padding-top: 0;
    }
    .name-container>a>h1 {
        max-width: 75%
    }
    .tooteet-list.toooti-video .tooteet-preview,
   /*  .tooteet-list.tootipicture .tooteet-preview, */
	.tooteet-list.tootimeasure .tooteet-preview,
    /* .tooti-container .tootipicture .tooteet-preview  */{
        width: 100%!important
    }
    .datetimepicker .input-group:first-of-type,
    .datetimepicker .input-group:last-of-type {
        width: 47.7%
    }
    #edit-tooteet-color .dropdown-menu.tooteet-colors,
    #editWeatherDetail .dropdown-menu.new-weather {
        left: -180px!important
    }
    #editWeatherDetail .dropdown-menu.new-weather {
        left: -160px!important
    }
    .dropdown-menu.new-weather {/* .dropdown-menu.tooteet-colors */
        left: 0!important
    }
    #date-time-li.dropdown,
    #new-tooteet-color-outer.dropdown,
    #new-tooteet-rating.dropdown,
    #new-tooteet-weather.dropdown {
        position: static
    }
    .dropdown-menu.datetimepicker {
        right: 0!important;
        top: 95px!important
    }
    #new-tooteet-weather .new-weather,
    .dropdown-menu.rating,
    .dropdown-menu.tooteet-colors {
        /* top: 95px!important */
    }
    .add-measure-tooteet .form-group,
    .create-measure-tooteet .form-group {
        padding-right: 0
    }
    #new-lane #btn-newLane i {
        font-size: 19px;
        vertical-align: sub
    }
    .ie-browser #new-lane #btn-newLane i {
        line-height: 20px;
        vertical-align: middle
    }
    #btn-newLane .icon-add3::before {
        line-height: 14px
    }
    .settings-open .setting-name-container.name-container>a>h1 {
        height: 48px;
        line-height: 47px
    }
    .info-container .info-list>li a.remove-user:before {
        /* content: "\e001";
        font-family: lance!important;
        font-size: 22px;
        line-height: 10px */
    }
    #commenttoggle a.btn {
        font-size: 11px
    }
    #tooteet-action-block {
        clear: both
    }
    #lessBlock>a,
    #moreBlock>a {
        float: left!important
    }
    .move-top.inactive-buttons {
        top: 73px
    }
    .inactive-buttons .btn-medium {
        padding: 7px 6px 6px
    }
    .tootioptions>li>a {
        line-height: 30px
    }
    #new-tooteet-weather>.btn {
        padding: 7px 4px!important
    }
    .dropdown-menu.tooteet-colors-view {
        /* width: 250px!important */
    }
    .dropdown-menu.rating {
        width: 220px!important
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .edit-mode .tooteet-time .input-group:first-child {
        padding-left: 0!important
    }
}

@media (max-width:359px) {
    #tooteet-toolbar>ul>li.previous {
        margin-left: 0;
        clear: both
    }
    button.overlay-confirm-ok-popup {
        margin: 0 10px 0 10px
    }
}


/* style.css */
/* Led Edit */
/* .addon-blob-preview.edit-addon-blob .icon-close{
	display:block;
}
.addon-blob-preview .icon-close{
	display:none;
} */

.addon-blob-preview ul li.new-blob-pic.add-new-blob-pic {
	display:inline-block;
}
.addon-blob-preview ul li.new-blob-pic{
	/* display:none; */
}
#lanes-list {
	position: relative;
}
#lanes-list .lanes-toggle-tab {
	bottom: 54px;
    position: fixed;
    left: 1px;
    width: 308px;
}

#lanes-list .lanes-toggle-tab li{
	/* float:left; */
	width: 24%; 
	display:inline-block;
	text-align:center;
	line-height: 16px;
    vertical-align: bottom;
	background: #eaeaea;
	padding: 10px 0;
	margin-right:1px;

}
form-section new-form-page after-login gn-setting expense
#lanes-list .siderbar-scroll-block li.lane_separator{
	float:left;
	width: 25%;
}

#lanes-list .siderbar-scroll-block li.lane_separator.active,#lanes-list .dump-block li.active{
	color:blue;
}
#lanes-list .lanes-toggle-tab li.active{
	background: #fff;
    position: relative;
    color: #0099cc;
}
#lanes-list .lanes-toggle-tab li.active:before{
	content:"";
	display:block;
	position:absolute;
	border-bottom:3px solid #0099cc;
	bottom:2px;
	width:100%;
	left: 0;
}
#lanes-list .siderbar-scroll-block ul.private_shared{
	display:inline-block;
	width:100%;
	border-bottom:1px solid #f3f3f3;
	margin-bottom:15px;	
}
#lanes-list .siderbar-scroll-block ul.private_shared li,.scrollable-outer ul.private_shared li{
	width: 50%;
    display: inline-block;
    text-align: left;
	padding: 10px 28px;
    font-size: 20px;
	position:relative;
}
.scrollable-outer ul.private_shared li {
	padding: 10px 28px important;
	text-align:center;

}
.scrollable-outer ul.private_shared li a{
	background:transparent !important;    
    border: 0 !important;
    text-align: center;
}
.private_shared {    border-bottom: 1px solid #f3f3f3;margin-bottom:15px}



.ps-content ul li.lane_fav_shared_list,
.ps-content ul li.lane_active_shared_list,
.ps-content ul li.deleted_lane_list,
.ps-content ul li.archive_lane_list,
.ps-content ul li.lane_active_private_list,
.ps-content ul li.lane_fav_private_list{
	padding:0 30px; 
	margin-bottom:30px;
	position:relative;
	
}
.ps-content ul li.lane_fav_shared_list.last-child,
.ps-content ul li.lane_active_shared_list.last-child,
.ps-content ul li.deleted_lane_list.last-child,
.ps-content ul li.archive_lane_list.last-child,
.ps-content ul li.lane_active_private_list.last-child,
.ps-content ul li.lane_fav_private_list.last-child,
.ps-content ul li.lane_fav_shared_list.first-child,
.ps-content ul li.lane_active_shared_list.first-child,
.ps-content ul li.deleted_lane_list.first-child,
.ps-content ul li.archive_lane_list.first-child,
.ps-content ul li.lane_active_private_list.first-child,
.ps-content ul li.lane_fav_private_list.first-child{
	padding-bottom:90px;
}

.ps-content ul li.lane_active_shared_list app-dropdown,
.ps-content ul li.lane_fav_shared_list app-dropdown,
.ps-content ul li.deleted_lane_list app-dropdown,
.ps-content ul li.archive_lane_list app-dropdown,
.ps-content ul li.lane_active_private_list app-dropdown,
.ps-content ul li.lane_fav_private_list app-dropdown{
	position: absolute;
	right: 0;
	top: -15px;
}
.lane_active_shared_list .common-dropdown.open .dropdown-menu,
.lane_fav_shared_list .common-dropdown.open .dropdown-menu,
.deleted_lane_list .common-dropdown.open .dropdown-menu,
.archive_lane_list .common-dropdown.open .dropdown-menu,
.lane_active_private_list .common-dropdown.open .dropdown-menu,
.lane_fav_private_list .common-dropdown.open .dropdown-menu{
    position: absolute;
    right: 22px;
    top: 35px;
    left: auto;
}

.ps-content ul li.lane_active_shared_list.last-child .common-dropdown.open .dropdown-menu,
.ps-content ul li.lane_fav_shared_list.last-child .common-dropdown.open .dropdown-menu,
.ps-content ul li.deleted_lane_list.last-child .common-dropdown.open .dropdown-menu,
.ps-content ul li.archive_lane_list.last-child .common-dropdown.open .dropdown-menu,
.ps-content ul li.lane_active_private_list.last-child .common-dropdown.open .dropdown-menu,
.ps-content ul li.lane_fav_private_list.last-child .common-dropdown.open .dropdown-menu{
	top:-28px;
}


.ps-content ul li.lane_fav_shared_list a,
.ps-content ul li.lane_active_shared_list a,
.ps-content ul li.deleted_lane_list a,
.ps-content ul li.archive_lane_list a,
.ps-content ul li.lane_active_private_list a,
.ps-content ul li.lane_fav_private_list a{position:relative;}
.ps-content ul li.lane_fav_shared_list a span,
.ps-content ul li.lane_active_shared_list a span,
.ps-content ul li.deleted_lane_list a span,
.ps-content ul li.archive_lane_list a span,
.ps-content ul li.lane_active_private_list a span,
.ps-content ul li.lane_fav_private_list a span{width:100%;background:transparent}
.ps-content ul li.lane_fav_shared_list em,
.ps-content ul li.lane_active_shared_list em,
.ps-content ul li.deleted_lane_list em,
.ps-content ul li.archive_lane_list em,
.ps-content ul li.lane_active_private_list em,
.ps-content ul li.lane_fav_private_list em{
	padding-left: 20px;
	font-size: 18px;
	color: #3b4d51;
}
/* .ps-content ul li.lane_fav_shared_list i,
.ps-content ul li.lane_active_shared_list i,
.ps-content ul li.deleted_lane_list i,
.ps-content ul li.archive_lane_list i,
.ps-content ul li.lane_active_private_list i,
.ps-content ul li.lane_fav_private_list i{
	position:absolute;
	left:0;
	top:-2px;
	font-size:12px
}
.ps-content ul li i.icon-show-more{
	right: 15px;
	left: auto;
	top: 5px; 
} */
.ps-content ul li.lane_fav_shared_list i.icon-box,
.ps-content ul li.lane_active_shared_list i.icon-box,
.ps-content ul li.deleted_lane_list i.icon-box,
.ps-content ul li.archive_lane_list i.icon-box,
.ps-content ul li.lane_active_private_list i.icon-box,
.ps-content ul li.lane_fav_private_list i.icon-box
{
	position:absolute;
	left:0;
	top:-2px;
	font-size:12px
}
.ps-content ul li.lane_fav_shared_list i.icon-show-more,
.ps-content ul li.lane_active_shared_list i.icon-show-more,
.ps-content ul li.deleted_lane_list i.icon-show-more,
.ps-content ul li.archive_lane_list i.icon-show-more,
.ps-content ul li.lane_active_private_list i.icon-show-more,
.ps-content ul li.lane_fav_private_list i.icon-show-more
{
	position:absolute;
	font-size:12px;
	right: 15px;
	left: auto;
	top: 5px; 
}

.ps-content ul li.lane_fav_shared_list i.icon-pin,
.ps-content ul li.lane_active_shared_list i.icon-pin,
.ps-content ul li.deleted_lane_list i.icon-pin,
.ps-content ul li.archive_lane_list i.icon-pin,
.ps-content ul li.lane_active_private_list i.icon-pin,
.ps-content ul li.lane_fav_private_list i.icon-pin
{
	padding-left: 2px;
}
.ps-content ul li .icon-chevron-down{/* display:none; */}
.ps-content ul li .badge{
	/* color: #6666ff; */
	color:#009fe5;
    text-align: left;
    padding: 0 25px;
    font-size: 15px;
    font-weight: 500;
}
.lanes-toggle-tab li i{display:block;text-align:center}
.lanes-toggle-tab li span.badge{
	/* display:none; */
	display: inline-block;
    vertical-align: bottom;
    margin-bottom: 3px;
    color: #3b4d51;
	background:transparent;
	text-align:center;
	}
.lanes-toggle-tab li a{
	    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 3px;
    color: #3b4d51;	
	min-height: 15px;
}
#lanes-list .lanes-toggle-tab li.active a{
	color:#0099cc;  
}
.no_tabs{
	margin-top:10px;
}
@media (max-width:767px){
	#lanes-list .lanes-toggle-tab{
		width:93%;
	}
}
@media (max-width:940px) { 
	/* .azure-tag-service {right:0} */
}
.sort-no-header .sortable-header{display:none !important}
.event .sort-no-header .sortable-container[_ngcontent-c14] .sortable-list[_ngcontent-c14] .active[_ngcontent-c14]{
	background:transparent !important}

.sort-no-header .sortable-container .sortable-list input{color:#828282}
.sort-no-header .sortable-container{border:0 !important}
.multiline-textheight,.text-description {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4!important ; 
   -webkit-box-orient: vertical;
   min-height:90px;
   padding-bottom:0 !important;
   margin-top: 0px;
}

.tooti-container .tooteet-list .tooteet-link .tooteet-details.multiline-textheight{padding-top:0 !important}
.text_height ol,.text_height ul{list-style:initial;list-style-position:inside}
.pdfColor{ background-color:rgb(246, 14, 14) !important}
.excelColor{ background-color: rgb(38, 144, 86) !important}
.wordColor{ background-color:rgb(54, 106, 186) !important}
.pptColor{ background-color: rgb(254, 91, 53) !important}
.nullColor{ background-color:rgb(12, 135, 227) !important}



.wordColor{ background-color:rgb(54, 106, 186) !important}