/* MIN WIDTH, To have a rensponsivish website */
.dndDraggingSource {
    /*opacity: 0.5 !important;*/
    display: none !important;
}
.dndPlaceholder {
    width: 100% !important;
    background-color: rgba(220, 220, 220,0.5) !important;
    list-style-type: none !important;
    height: 63px !important;
    box-shadow: 0px 0px 2px 1px #bbb inset !important;
}
/* OVERRIDING BOOTSTRAP */
.form-group {
    position: relative;
}
.rg-right {
    width: 5px !important;
}
a {
    color: #4285f4;
    text-decoration: none !important;
}
.panel-heading, .btn-primary {
    background-color: #4285f4;
}
.panel-primary>.panel-heading {
    background-color: #4285f4 !important;
    border-color: #4285f4 !important;
    background-image: none !important;
}
.btn-primary {
    box-shadow: none !important;
    border: 1px solid transparent;
}
.btn:hover, .button-login-google:hover {
    box-shadow: 0 1px 1px 0 grey !important;
    border: 1px solid transparent;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-color: #4285f4 !important;
    border: 1px solid transparent !important;
}
.btn, .form-control, tags-input .autocomplete, .dropdown-menu, tags-input .tags, tags-input .tags .tag-item,
.expires > .active, .expires > .inactive, .list-group, .list-group-item, .list-group-item, .card-container-homepage,
.panel-primary, .panel-heading, .modal-content{
    border-radius: 1px !important;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAADFUlEQVR4Xu2bS05jQRAEi2NxrlkPzIclF+NUoLfwZsQgME67ozO8d73KzFC+blm+Gz/VDtxVq1f8CEA5BAIgAOUOlMu3AQSg3IFy+TaAAJQ7UC7fBhCAcgfK5dsAAlDuQLl8G0AAyh0ol28DCEC5A+XybQABKHegXL4NIADlDpTLtwEEoNyBcvk2gACUO1Au3wYQgHIHyuXbAAJQ7kC5fBtAAModKJdvAwhAuQPl8m0AASh3oFy+DSAA5Q6Uy7cBBKDcgXL5NoAAlDtQLt8GEIByB8rl2wACUO5AuXwbQADKHSiXbwMIQLkD5fJtAAEod6Bcvg0gAOUOlMtftQHuZ+bHRtm8zszzzLyspmlVAA6ffs3M42qGnbnPz5l5OvO70a+tDMAuECwb/mHw6gDQIVg6fAoAVAiWD58EAA0CRPg0ACgQYMInArA6BA8z8zd6bL/wcMIh8D3JK14RceFTG+AExEoQIMOnA7DK6wAb/g4A3BoCdPi7AHArCPDh7wTAtSHYIvzdALgWBMcPVH8ufBu72TjqNfAjw5K3g63C37EBklfE7cLfGYBLvw62DH93AC4FwbbhNwDwXQi2Dr8FgHMh2D78JgC+CsFxk/h9s7vZFR+84zXwu1fEmvDbGuAzV8Sq8FsB+N/roC78ZgD+haAy/HYAThAc/9qpOPC9dzhqOwRe8XzNeJQAMHKKbSkAMWsZgwWAkVNsSwGIWcsYLACMnGJbCkDMWsZgAWDkFNtSAGLWMgYLACOn2JYCELOWMVgAGDnFthSAmLWMwQLAyCm2pQDErGUMFgBGTrEtBSBmLWOwADByim0pADFrGYMFgJFTbEsBiFnLGCwAjJxiWwpAzFrGYAFg5BTbUgBi1jIGCwAjp9iWAhCzljFYABg5xbYUgJi1jMECwMgptqUAxKxlDBYARk6xLQUgZi1jsAAwcoptKQAxaxmDBYCRU2xLAYhZyxgsAIycYlsKQMxaxmABYOQU21IAYtYyBgsAI6fYlgIQs5YxWAAYOcW2FICYtYzBAsDIKbalAMSsZQwWAEZOsS3fAACaN4HYyD/LAAAAAElFTkSuQmCC) !important;
    padding-right: 25px !important;
    background-size: 19px;
}
.text-warning {
    color: #e38d13 !important;
}
/* END OVERRIDING BOOTSTRAP */
.checkbox-custom input {
    width: 100px !important;
}
.checkbox-custom i {
    font-size: 18px;
    vertical-align: middle
}
.checkbox-custom .popover {
    width: 500px;
}
.popover {
    color:#000;
}
.warning-box {
    text-align: justify;
    border: 1px solid #f0c36d;
    background-color: #f9edbe;
    padding: 10px 10px 0 10px;
    margin-top: 5px;
}
.warning-box p {
    font-size: 12px;
}
.block-main > div.scroll div.screen {
    border: 2px solid black !important;
}
.icon-settings-playlist-asset {
    font-size: 15px;
    vertical-align: middle;
}
.move-cursor {
    cursor: move !important;
}
.absolute-total-width {
    position: absolute;
    width: 100%;
}
.inline-text {
    display: inline;
}
#warning-container-no-layout-available h5 {
    margin-top: 30px;
}
#warning-container-no-layout-selected {
    background-color: #eee;
    padding: 4px 0;
    margin-top: 25px;
    margin-bottom: 25px
}
#warning-container-no-layout-selected h5, #warning-container-no-layout-available h5 {
    color: #666;
    text-align: center;
}
.icon-text-vertical-bottom {
    display: inline-block;
    vertical-align: bottom;
}
.icon-left-text-xl {
    font-size: 20px;
}
.icon-left-text-m {
    font-size: 14px;
}
.showErrorPlaylist .config {
    top: 52px !important;
}
.playlist-steps-buttons .btn.disabled {
    opacity: 1 !important;
}
.playlist-steps-buttons .btn.disabled:not(:last-child):after, .playlist-steps-buttons .btn.disabled:hover:not(:last-child):after  {
    border-left: 10px solid #e0e0e0 !important;
}
.align-center {
    text-align: center;
}
.padding-top-4px {
    padding-top: 4px !important;
}
.new-user-container:hover {
    background-color: #eee;
}
.list-container {
    padding-top: 58px;
}
.new-content-button {
    width: 116px;
    margin-right: 69px;
}
.url-screenshot-icon {
    display: inline-block;
    text-decoration: none !important;
}
.url-screenshot-icon:hover {
    color: #ff6c0a !important;
}
.url-screenshot-icon i{
    font-size: 24px;
    vertical-align: middle;
}
.cursor-default, .scroll, .block-main, #user-mail-navbar {
    cursor: default !important;
}
.new-content-container {
    padding: 0 12px;
    margin-top: 25px;
}
#asset-page-container {
    height: 100%;
    width: 100%;
}
.title-new {
    margin-left: 10px;
    color: #666;
}
.top-bar-fixed {

    background-color: #eeeeee !important;
    position: absolute !important;
    width: 100% !important;
    z-index: 100 !important;
    cursor: default !important;

   /* position: fixed !important;
    max-height: 55px;
    overflow: hidden;
    min-width: 948px;*/
}
.top-bar-fixed .header-menu-section-buttons .form-group {
    display: inline-block !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
}
.top-bar-fixed .header-menu-section-buttons .form-group .form-control{
    display: inline-block !important;
    width: inherit !important;
}
.block-side-left {
    background-color: #eeeeee;
    height: 100%;
    width: 210px;
    float: left;
    border-right: 1px #cccccc solid;
    top: 55px;
    padding-top: 55px;
    overflow-x: auto;
    min-width: 100px;
    max-width: 450px;
}
.color-red-drive {
    color: #DB4437 !important;
}
.color-yellow-google-slides {
    color: #F4B400 !important;
}
.icon-edit-playlist {
    font-size: 18px;
}

input[type=checkbox].rev-fixed-checkbox-width{
    width: 20px!important;
}

/* IMAGE PREVIEW STYLE AND MEDIA DISPLAY*/
.image-contain {
    background-size: contain;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: black;
}
.image-zoom {
    background-size: cover !important;
}
.image-real {
    background-size: inherit !important;
}
.video-thumbnail {
    text-align: center;
}
.video-thumbnail i{
    border-radius: 30px !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    position: relative !important;
    top: calc(50% - 30px) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-size: 60px !important;
}
/* END IMAGE PREVIEW STYLE AND MEDIA DISPLAY*/

/* CREATED FOR TOP BAR - ASSETS
 * CAN BE USED SOMEWHERE ELSE
 */
.search-bar {
    background-color: transparent;
}
.search-bar .input-group {
    background-color: white;
}
.search-bar:hover {
    border-radius: 1px;
    box-shadow: none;
}
.search-bar .input-group {
    background-color: white;
}
.search-bar .input-group div {
    width: 40px !important;
    position: absolute;
    height: 100%;
    z-index: 9999;
    background-color: transparent;
    top: 0;
    border-color: transparent;
}
.search-bar .input-group div:hover :not(.no-weird-hover){
    background-color: #fafafa;
    border: 1px solid #66afe9;
    box-shadow: 0px 0px 1px 0px;
    color: #337ab7 !important;
}

.no-weird-hover:hover{
    color: #337ab7 !important;
    box-shadow: none!important;
}

.no-weird-hover:active {
    box-shadow:none!important;
}
.search-bar .input-group span {
    top: 1px;
    font-size: 18px;
    left: -2px;
}
.search-bar input {
    padding-left: 44px;
    margin-right: 0;
    background-color: transparent;
    font-weight: normal !important;
    /*border-radius: 5px !important;*/
    width: 208px;
    border: 1px solid #ccc;
}
.vertical-separator-left, .vertical-separator-right {
    height: 65%;
    width: 1px;
    display: inline;
    position: absolute;
    background-color: #aaa;
}
.vertical-separator-left {
    left: 240px;
}
.vertical-separator-left.more-to-left {
    left: 360px;
}
img.inline-loader {
   /* float: right;
    position: relative;
    top: -47px;
    right: 8px;*/
    /*position: relative;
    top: -48px;
    left: 90%;*/
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -8px;
    height: 16px;
}

/* Enrolment */
.dialog > div.pannel.enrollment {
    width: 60%;
    min-width: 400px;
    max-width: 900px;
    overflow: hidden;
}

.enrollment .title-new h4 {
    font-size: 20px
}

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

span.enrollSelector {
    text-decoration: underline;
    font-size: 1.2rem;
}

.animate-show-hide.ng-hide-remove {
    transition: all linear 0.5s;
}

.vertical-separator-right {
    right: 56px;
}

input.enroll-input:focus {
    border:1px solid grey!important;
}

p.enrollment-error-message{
    min-height: 20px;
    color: red;
    font-size: 12px;
    padding-top: 9px;
}


/* New Material design input styles */
input[type=text].minimal {
    border: none;
    padding-right: 44px;
    background-color: white;
    box-shadow: none;
    -webkit-box-shadow:none;
}

ul.minimal {
    padding: 0;
    margin-top: 5px;
    border:none;
    overflow-y: auto;
}

ul.minimal li {
    border: none;
    margin-top: 1px;
    margin-bottom: 1px;
}

ul.minimal.green-check .icon-checkbox-unchecked,ul.minimal.green-check .icon-checkbox-checked {
    padding-right: 5px;
}

ul.minimal.green-check .icon-checkbox-unchecked:before{
    color:#626262;
}

ul.minimal.green-check .icon-checkbox-checked:before{
    color:#85d947;
}


/* End enrolment */



/* Notifications */
.btn-group.player-admin .btn:focus{
    outline: 0;
}

md-toast.md-default-theme.not-successful .md-toast-content, md-toast.not-successful .md-toast-content {
    background-color:#F44336 ;
}

md-toast.md-default-theme.successful .md-toast-content, md-toast.successful .md-toast-content {
    background-color:#4CAF50 ;
}

.demo-md-panel {
    min-height: 500px;
}

.demo-dialog-example {
    background: white;
    border-radius: 4px;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14),
    0 5px 24px 4px rgba(0, 0, 0, 0.12);
    width: 500px;
}

.demo-dialog-content {
    padding: 0 15px;
    width: 100%;
}

.demo-dialog-content img {
    height: 300px;
    margin: auto;
}

.demo-dialog-button {
    width: 100%;
}

.demo-menu-example {
    background: white;
    border-radius: 4px;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14),
    0 5px 24px 4px rgba(0, 0, 0, 0.12);
    width: 256px;
}

.demo-menu-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    padding: 0 16px;
    position: relative;
    transition: background 0.15s linear;
    width: auto;
}

.demo-menu-item:hover,
.demo-menu-item:focus {
    background-color: rgb(238, 238, 238);
}

.demo-menu-item.selected {
    color: rgb(16, 108, 200);
}

/* End notifications */

#new-item-container a {
    line-height: 2.0 !important;
    cursor: pointer;
    color: #666666;
}
#new-item-container ul li:not(.divider) {
    width: 220px;
    padding-top: 5px;
}
#new-item-container .divider {
    height: 2px !important;
    margin: 1px 0px -4px 0px;
}
#new-item-container i {
    margin-left: 0px;
    margin-right: 20px;
    font-size: 28px;
    color: #666666;
    margin-top: 24px;
    vertical-align: middle;
}
#new-item-container .dropdown-menu {
    padding: 0px 0px 4px 0px;
}
label, .grey-color {
    color: #666666;
}
.blue-not-selected {
    color: #0066cc
}
.orange-selected {
    color: #ff6c0a;
}
/* ICONS */
.icon-new-folder {
    background-image: url("http://cdn5.iconfinder.com/data/icons/Symbolicons_Transportation/24/Car.png");
    background-position: center center;
}
#top-bar-right-icons {
    display: inline;
    text-align: right;
    float: right;
}
#vertical-separator-tags-move-delete {
    display: inline-block;
    width: 1px;
    height: 35px;
    background-color: #aaa;
    vertical-align: middle;
    margin-right: 15px;
    margin-left: 15px;
}
#type-tags-container {
    display: inline-block;
}
/* END TOP BAR */

.folder-tree {
    margin-top: 10px;
    margin-left: 10px;
    color: #666666;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.folder-tree .angular-ui-tree-handle {
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 5px;
    font-weight: normal;
    position: absolute;
    right: 0;
    left: 63px;
}
.folder-tree .angular-ui-tree-handle span {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.folder-tree a {
    display: inline;
    text-decoration: none;
}
.folder-tree div {
    display: inline;
    vertical-align: middle;
}
.folder-tree i {
    vertical-align: middle;
    font-size: 24px;
}
.folder-tree li {
    white-space: nowrap;
}
.folder-tree .icon-options-folder {
    padding-left: 9px;
    text-decoration: none;
}
.folder-tree .icon-options-folder i {
    font-size: 26px;
}
.transparent-hover-container {
    display: inline-block !important;
    width: 100%;
    cursor: pointer;
    line-height: 30px;
    padding-left: 4px;
}
.transparent-hover-container-selected, .transparent-hover-container:hover{
    background-color:  hsla(0,0%,75%,.25);
}
#options-folder-icon {
    position: absolute;
    right: 3px;
    top: 3px;
}
#options-folder-icon button {
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
#options-folder-icon .dots-icon {
    text-shadow: none;
    border-color: transparent;
    color: #666;
    background: #e2e2e2;
    box-shadow: none;
}
#options-folder-icon .dots-icon:hover {
    color: #aaa;
}
#options-folder-icon ul {
    right: 0 !important;
    left: inherit !important;
    padding-bottom: 2px;
    min-width: 140px !important;
}
#options-folder-icon li {
    margin-bottom: 0;
}
#options-folder-icon .divider {
    margin: 5px 0;
}
#options-folder-icon ul a {
    color: #666 !important;
    padding: 3px 15px;
}
#options-folder-icon ul i {
    font-size: 24px;
    margin-right: 8px;
}
#options-folder-icon ul span {
    display: inline;
    vertical-align: middle;
    font-size: 13px;
}
.clickable {
    cursor: pointer;
    text-decoration: none !important;
}
.invisible-on-grey {
    cursor: default !important;
    color: #eeeeee;
}
.selected-folder {
    color: #ff6c0a;
}
.folder-tree img {
    display: block;
    height: 1px;
    width: 170px;
}
.not-hover {
    margin-right: 5px;
}
.not-hover:hover {
    color: #4285f4 !important;
}
.rg-right {
    margin-right: 0 !important;
}
.rg-right span {
    display: none !important;
}
#tree-container {
    top: 0 !important;
    box-shadow: inset -7px 0 5px -5px hsla(0,0%,40%,.25);
    min-width: 140px;
    overflow-x: hidden;
    cursor: default;
}
.list-grid-buttons {
    padding-top: 2px;
}
.list-grid-buttons a {
    display: inline;
    text-decoration: none !important;
}
.list-grid-buttons a:hover {
    color: #4285f4 !important;
}
.list-grid-buttons i:hover {
    color: #ff6c0a;
    background-color: white;
    box-shadow: 0px 0px 1px 1px;
}
.list-grid-buttons i.success.selected, .list-grid-buttons i.success:hover {
    color: #00C851 !important;
}
.list-grid-buttons i.success:hover {
    background-color: white;
    box-shadow: 0px 0px 1px 1px;
}
.list-grid-buttons i.danger.selected, .list-grid-buttons i.danger:hover {
    color: #ff4444 !important;
}
.list-grid-buttons i.danger:hover {
    background-color: white;
    box-shadow: 0px 0px 1px 1px;
}
.list-grid-buttons i {
    vertical-align: middle;
    font-size: 28px;
}
#list-button {
    margin-right: -4px;
}
#list-button i{
    font-size: 34px;
}
.grid-button i{
    font-size: 30px;
}

/* Move and Delete Group */
.move-delete-group {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -html-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    margin-right: 10px;
}
.move-delete-group i {
    font-size: 24px;
    vertical-align: middle;
}
.move-delete-group a {
    text-decoration: none !important;
}
.move-delete-group.selectable a {
    cursor: pointer;
}
.move-delete-group.selectable i:hover {
    color: #ff6c0a;
    background-color: white;
    box-shadow: 0px 0px 1px 1px;
}
.move-delete-group.unselectable i, .move-delete-group.unselectable i:hover {
    color: #666666;
}

/* End Move and Delete Group */

/* ASSETS LIST */
.assets-list {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.assets-list thead, .assets-list tbody, .assets-list tr, .assets-list td, .assets-list th {
    display: block;
}
.assets-list thead {
    width: 100%;
}
.assets-list thead tr {
    background-color: #fafafa;
    height: 50px;
    vertical-align: middle;
}
.assets-list thead a, .assets-list th>span, .assets-list td>span, .assets-list tbody i, .assets-list tbody div {
    display: table-cell;
    vertical-align: middle;
}
.assets-list thead #thumbnail-header {
    text-align: center;
}
.assets-list thead th, .assets-list tbody td {
    display: table !important;
    height: 50px;
}
.assets-list th {
    vertical-align: middle !important;
    height: 50px;
    border-bottom: 1px solid #ddd !important;
}
.assets-list a {
    text-decoration: none !important;
}
.assets-list .sortable {
    cursor: pointer !important;
}
.assets-list tbody td, .assets-list thead > tr> th {
    float: left;
    border-bottom-width: 0;
}
.assets-list tbody {
    overflow-y: auto;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 50px;
}
.assets-list tbody tr {
    height: 50px;
}
.assetSelected {
    background-color: #4285f4;
}
.assetSelected span {
    color: white !important;
}
.assetSelected i {
    background-color: white;
}
.assets-list tbody td {
    vertical-align: middle !important;
    cursor: default !important;
}
.assets-list .folders-list {
    height: 50px;
}
.assets-list .list-folder-icons {
    font-size: 25px;
    color: #4285f4;
}
.assets-list .container-list-assets-icons {
    display: inline-table;
    margin: 9px;
}
.assets-list .list-assets-icons {
    font-size: 22px;
    border-radius: 15px;
    width: 30px;
    height: 30px;
}
.assets-list .list-assets-icons img {
    width: 22px;
    height: 22px;
    margin-left: 1px;
}

.grid-asset-icons.ggle-icn {
    width: 20px;
    height: 20px;
    position: relative;
    float: left;
    margin-right: 3px;
}

.assets-list .type-in-list {
    padding-left: 10px;
}
.assets-list .list-assets-preview {
    padding-left: 15px;
}
.assets-list .preview-container video {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    background-color: black;
}
.assets-list .preview-container i {
    position: absolute;
    top: 7px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 11px;
    color: white;
}
.assets-list .preview-container {
    width: 38px;
    height: 29px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #dddddd;
    position: relative;
    display: inline-flex;
    border-radius: 1px;
    margin-top: 11px;
    overflow: hidden;
}
.assets-list .preview-container img {
    width: 200%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    overflow-x: hidden;
    height: 200%;
}
.assets-list .list-assets-preview i {
    position: absolute;
    z-index: 99;
    top: 3px;
    font-size: 20px;
    left: 8px;
    color: #ddd;
}
.assets-list #list-separator {
    height: 1px;
    background-color: #ddd;
}
.assets-list #list-separator td {
    padding: 0 !important;
    height: inherit;
}
.assets-list .list-name {
    display: inline-block !important;
    padding-left: 0 !important;
}
.assets-list .list-name span {
    display: inline-block;
    width: 95%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 6px;
}
.assets-list .tags-list {
    display: inline-block !important;
    padding-left: 0;
}
.assets-list .tags-list div {
    width: 96%;
    margin-top: 6px;
    display: inline-block;
}
.assets-list .tags-list > div .tags {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video-play-icon {
    font-size: 18px !important;
    top: 5px !important;
    left: 9px !important;
}
/* END Assets list */


/* MOVE ASSETS */
#move-popup-dialog > .pannel {
    width: 450px;
}
.tree-structure-button {
    width: 100%;
}
.tree-structure-button button {
    width: 100%;
    text-align: left;
    background-color: white !important;
}
.tree-structure-button i {
    vertical-align: middle;
    display: table-cell;
    position: absolute;
    top: 10px;
    left: 9px;
}
.tree-structure-button span.destination-folder-span {
    overflow: hidden !important;
    width: 385px !important;
    text-overflow: ellipsis !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.tree-structure-button span.caret-container {
    position: absolute;
    right: 3px;
    color: black;
    background-color: white;
    width: 11px;
}
.tree-structure-list {
    width: 100%;
    max-height: 230px;
    overflow-y: auto;
    color: #666666;
    overflow-x: auto;
    min-width: 0 !important;
    padding: 5px 10px 10px 5px;
}
.tree-structure-list a {
    text-decoration: none !important;
    color: #666666 !important;
    display: inline;
    vertical-align: middle;
}
.tree-structure-list .angular-ui-tree-handle {
    cursor: pointer;
    font-weight: normal !important;
    height: 24px;
    vertical-align: middle;
    padding-top: 2px;
}
.tree-structure-list .angular-ui-tree-handle:hover {
    font-weight: 700 !important;
}
.tree-structure-list span{
    margin-top: 4px;
    margin-left: 28px;
    right: 8px;
    width: 90% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block;
    white-space: nowrap;
}
.pannel .parag{
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.pannel .parag span{
    font-weight: 700;
}
/* END MOVE ASSETS */

/* NAVIGATION BAR */
.home-navbar .container-fluid {
    background-color: #4285f4 !important;
}
.home-navbar {
    z-index: 2 !important;
    border: none !important;
    border-radius: 0 !important;
}
.home-navbar a{
    cursor: pointer !important;
}
.home-navbar .navbar-brand.link-navbar, .home-navbar .navbar-brand.link-navbar:hover {
    background-color: transparent !important;
    color: white !important;
}
.home-navbar .link-navbar {
    text-shadow: none !important;
    color: white !important;
}
.home-navbar .link-navbar {
    text-shadow: none !important;
    color: white !important;
}
.home-navbar li.active .link-navbar,.home-navbar li.active .link-navbar:hover {
    color: #ff6c0a !important;
    background-color: #eeeeee !important;
    background-image: none;
}
.home-navbar li.open .link-navbar, .home-navbar li.open .link-navbar:hover {
    color: #ff6c0a !important;
    background-color: #eeeeee !important;
    background-image: none;
}
.home-navbar .link-navbar:hover {
    cursor: pointer !important;
    color: #ff6c0a !important;
    background-color: #eeeeee !important;
}
#user-mail-navbar a:hover {
    background-color: transparent !important;
}
/* END NAVIGATION BAR */

/* GRID VIEW */
.grid-container {
    margin-left: -10px !important;
    margin-top: 10px !important;
    margin-right: -10px !important;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.grid-container .unique-grid {
    display: inline-block !important;
    max-width: 210px !important;
}
.grid-container .unique-grid .folder-grid-thumbnail {
    display: inline-block !important;
    width: 100% !important;
    cursor: default !important;
    border-radius: 0;
}
.grid-container .unique-grid .folder-grid-thumbnail:hover, .grey-background-on-hover:hover {
    background-color: #eeeeee;
}
.grid-container .unique-grid .folder-grid-img, .grid-container .unique-grid .folder-grid-caption {
    display: inline !important;
}
.grid-container .unique-grid .folder-grid-img {
    width: 30px !important;
}
.grid-container .unique-grid .folder-grid-caption {
    text-align: center !important;
    cursor: default !important;
    font-size: 13px;
    right: 10px;
    left: 43px;
    position: absolute;
    top: 3px;
}
.grid-container .caption .folder-grid-p {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    margin-bottom: -6px !important;
    display: inline-block !important;
}
.grid-container .caption .folder-grid-p:hover, .unique-grid .item-grid-thumbnail .caption p:hover{
    color: #666666;
}
.unique-grid .item-grid-thumbnail {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none !important;
    margin-bottom: 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 0 !important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.unique-grid .item-grid-thumbnail.selected {
    background-color: #4285f4;
    border: 1px solid #ddd;
    box-shadow: 0 0 1px 1px #eee !important;
}
.unique-grid .item-grid-thumbnail.selected .caption {
    color: white;
}
.unique-grid .item-grid-thumbnail.selected span {
    color: white !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.unique-grid .item-grid-thumbnail.selected i:not(.centered-icon) {
    background: white;
    border: solid 1px white;
    border-radius: 10px;
}
.unique-grid .item-grid-thumbnail .asset-grid-container {
    background-color: white;
    height: 160px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.075)
}
.unique-grid .item-grid-thumbnail .caption {
    width: 100%;
    text-align: left;
    cursor: default !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
    height: 35px;
    font-size: 13px;
    padding-top: 8px !important;
    padding-left: 8px !important;
}
.unique-grid .item-grid-thumbnail .caption span, .unique-grid .item-grid-thumbnail .caption i, .unique-grid .item-grid-thumbnail .caption img {
    vertical-align: middle;
}
.unique-grid .item-grid-thumbnail .caption img {
    width: 16px;
    margin-top: -2px;
}
.unique-grid .item-grid-thumbnail .caption .icon-grid-caption {
    vertical-align: middle;
    font-size: 19px;
    color: black;
}
.unique-grid .thumbnail > .name {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #1056bc;
    color: white;
    text-align: center;
    overflow: hidden;
    height: 20px;
}
.unique-grid .item-grid-thumbnail .view {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.unique-grid .thumbnail > .view.fullscreen {
    z-index: 10000;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
}
#filters-grid {
    float: right;
    position: absolute;
    top: 7px;
    right: 25px;
    cursor: default;
}
#filters-grid .dropdown {
    display: inline;
}
#filters-grid i {
    display: inline;
    vertical-align: middle;
    color: #666;
    cursor: pointer;
    font-size: 20px;
}
#filters-grid i:hover {
    margin-right: -1px;
    margin-left: -1px;
    border-radius: 3px;
}
#filters-grid button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #666666;
    outline: none !important;
}
#filters-grid button:hover, #filters-grid > .open > button, #filters-grid i:hover {
    background-color: #eeeeee;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 1px 1px #ddd;
    color: #666666;
}
#filters-grid .dropdown-menu {
    left: inherit;
    min-width: 140px !important;
    width: 127px !important;
    top: 25px;
    right: 2px;
}
#filters-grid #filter-dropdown:hover, #filters-grid > .open > #filter-dropdown {
    margin-right: -1px !important;
    margin-top: -1px !important;
}
.folders-file-title {
    font-size: 12px;
    padding-left: 12px;
    color: #666666;
}
#folders-title {
    height: 35px;
    padding-top: 18px;
}
#files-title {
    height: 16px;
    margin-top: 6px;
}
.clear-gray-background {
    background-color: #FaFaFa;
    cursor: default !important;
}
.preview-container-grid, .preview-container-grid div {
    width: 100%;
    height: 100%;
}
.preview-container-grid div:not(.image-contain) {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.preview-container-grid video{
    width: 100%;
    height: 100%;
}
.preview-container-grid .video-icon {
    height: 60px;
    width: 60px;
    font-size: 60px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    color: white;
}
/* END GRID VIEW */

.right-align-container {
    text-align: right;
    margin-top: 13px;
    margin-right: 2px;
    margin-bottom: 8px;
}
.content .home-card button {
    margin: 0px 10px 10px 10px;
    width: 99px;
}
.black-background {
    background-color: black;
    cursor: default;
}
.centered-icon {
    position: relative;
    top: calc(50% - 35px);
    color: black;
    font-size: 70px;
}

/* DETAILS POPUP */
#details-popup {
    width: 920px;
    margin-top: 80px;
}
#details-popup .preview-container-section {
    display: inline-block;
    width: 53%;
    border-right: 1px solid #ddd;
    padding: 10px;
}
#details-popup .preview-container {
    width: 100%;
    height: 280px;
    border: 1px solid #ddd;
}
#details-popup .preview-details {
    width: 100%;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 8px;
}
#details-popup .edit-container-section {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    padding-top: 20px;
    padding-right: 15px;
}
#details-popup .static-text-form {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
#details-popup a {
    text-decoration: none;
    color: #4285f4;
}
#details-popup .close-button {
    float: right;
    margin-top: -31px;
    vertical-align: top;
    margin-right: 10px;
}
#details-popup .close-button i {
    font-size: 22px;
}
#details-popup .open-edit-icon {
    position: absolute;
    margin-top: -31px;
    margin-left: 428px;
    background-color: rgba(0,0,0,0.5);
    color: white !important;
    height: 30px;
    width: 30px;
    border-radius: 5px;
    cursor: pointer;
}
#details-popup .open-edit-icon i {
    font-size: 30px;
}
#details-popup .table {
    margin-bottom: 0 !important;
    font-size: 12px !important;
}
#details-popup .table td {
    border: none !important;
}
#details-popup .table .right-float {
    float: right;
}
#details-popup table b {
    color: #666;
}
.clickable-folder, .clickable-folder-list i, .clickable-folder-list span {
    display: inline-block !important;
}
.clickable-folder span, .clickable-folder i, .clickable-folder-list span {
    vertical-align: middle;
}
.clickable-folder i, .clickable-folder-list i {
    font-size: 18px;
    margin-right: 4px;
    border-radius: 12px;
    padding: 3px;
}
.clickable-folder span, .clickable-folder-list span {
    text-decoration: underline !important;
}
.clickable-folder-list {
    display: table-cell;
    vertical-align: middle;
}
.clickable-folder-list span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    max-width: 100px;
    margin-top: 0px;
}

/* END DETAILS POPUP */

/* GLOBAL SEARCH BAR */
.search-top-bar {
    width: 100%;
    height: 50px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 1px 3px 1px #ccc;
    display: table;
}
.search-top-bar .vertical-aligned-container {
    padding-left: 20px;
    padding-right: 25px;
}
.search-top-bar .vertical-aligned-container a {
    float: right;
    text-decoration: none;
    color: #666;
}
.search-top-bar .vertical-aligned-container i {
    font-size: 23px;
}
.search-top-bar .vertical-aligned-container span {
    font-size: 15px;
    color: #666;
}
/* END GLOBAL SEARCH BAR */

.vertical-aligned-container {
    display: table-cell;
    vertical-align: middle;
}

#ngProgress-container {
    position: absolute !important;
}

/* START EDIT PLAYLIST */
#assets-edit-playlist-container {
    top: 0 !important;
    padding-top: 0 !important;
    width: 260px;
    box-shadow: inset -7px 0 5px -5px hsla(0,0%,40%,.25);
    overflow-x: hidden !important;
}
#assets-edit-playlist-container .assets {
    padding: 0 20px;
}
#assets-edit-playlist-container .search-bar .input-group {
    width: 100%;
}
#assets-edit-playlist-container form {
    position: absolute;
    right: 0px;
    left: 0px;
    background: #eee;
    margin: 0 20px;
}
#assets-edit-playlist-container .asset-list {
    position: absolute;
    top: 245px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    box-shadow: inset -7px 0 5px -5px hsla(0,0%,40%,.25);
    background-color: white;
    border-top: 3px solid #999;
}
#assets-edit-playlist-container .list-item {
    cursor: move !important;
    padding: 0 20px;
    margin-right: 0 !important;
    height: 30px;
    display: table;
    width: 99%;
}
#assets-edit-playlist-container .list-item:hover {
    cursor: move !important;
    background-color: #e2e2e2;
}
#assets-edit-playlist-container .list-item.isSelected {
    background-color: #e2e2e2;
}
#assets-edit-playlist-container .list-item img {
    width: 15px !important;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: -3px;
}
#assets-edit-playlist-container .list-item .item-name {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    vertical-align: middle;
}
#assets-edit-playlist-container .list-item i {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}
#assets-edit-playlist-container .list-item div {
    vertical-align: middle;
    display: table-cell;
}
#assets-edit-playlist-container .asset-preview {
    z-index: 999;
}
#assets-edit-playlist-container .tree-structure-button span.destination-folder-span {
    width: 93% !important;
}
#assets-edit-playlist-container .tree-structure-list {
    z-index: 999999 !important;
}
#assets-edit-playlist-container .search-top-bar {
    box-shadow: inset -7px 0 5px -5px hsla(0,0%,40%,.25);
    margin-top: 152px;
    position: absolute;
    z-index: 1;
    left: 0;
    height: 40px;
    display: inline;
    padding-top: 6px;
}
#assets-edit-playlist-container .search-top-bar .vertical-aligned-container {
    display: inline;
}
#assets-edit-playlist-container .search-top-bar span {
    display: inline-block !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    margin-top: 3px !important;
    width: 80% !important;
    font-size: 14px !important;
}
#assets-edit-playlist-container .search-top-bar a {
    vertical-align: middle;
    display: table-cell;
    position: absolute;
    top: 5px;
    right: 7px;
    background: #eee;
    padding-top: 2px !important;
}
#assets-edit-playlist-container .close-button, #assets-edit-playlist-container .open-file-icon {
    text-decoration: none;
    float: right;
    width: 24px;
    height: 24px;
    display: table;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    border-radius: 4px;
}
#assets-edit-playlist-container .close-button {
    top: 5px;
    right: 5px;
    z-index: 99;
}
#assets-edit-playlist-container .open-file-icon {
    bottom: 5px;
    right: 5px;
}
#assets-edit-playlist-container .close-button i, #assets-edit-playlist-container .open-file-icon i {
    display: table-cell;
    vertical-align: middle;
    color: white;
}
#assets-edit-playlist-container .close-button i {
    font-size: 23px;
}
#assets-edit-playlist-container .open-file-icon i {
    font-size: 23px;
}
/* END PLAYLIST */

/* DELETE POPUP */
#delete-popup {
    width: 450px;
}
#details-popup h6 {
    padding: 0 10px;
}
/* END DELETE POPUP */

/* START LOGIN */
#login-logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
}

@media only screen and (min-height: 800px) {
    #login-logo {
        width: 330px;
    }
}

@media only screen and (max-height: 800px) {
    #login-logo {
        width: 200px;
        margin-top: 70px;
    }
}

#block-login {
    width: 350px;
    background-color: inherit;
    padding: 10px;
    box-shadow: none;
    border: none;
    position: fixed !important;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    top: 30%;
}
#title-login {
    float: left;
    font-size: 18px;
    font-weight: normal;
    border-bottom: none;
    color: #3d464d;
}

.nav-bar-logo {
   /* width: 110px;
    margin-top: -6px;*/
    width: 139px;
    margin-left: -1px;
    margin-top: -1px;
}
.input-login {
    font-size: 14px;
    color: #3d464d;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 5px !important;
    border: 1px solid rgba(0,0,0,0.2) !important;
    height: 40px;
}
.input-login:focus {
    border: 1px solid grey !important;
}
.hr-label {
    position: relative;
    text-align: center;
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px
}
.hr-label::before, .hr-label::after {
    content: '';
    position: relative;
    width: 50%;
    background-color: rgba(0,0,0,0.2);
    display: inline-block;
    height: 1px;
    vertical-align: middle;
}
.hr-label::before {
    right: 0.5em;
    margin-left: -50%;
}
.hr-label::after {
    left: 0.5em;
    margin-right: -50%;
}
.button-login-google, .button-login-google:hover, .btn-primary.logincustom {
    background-color: #0B66D3 !important;
    text-align: center !important;
    border: solid 1px transparent !important;
    /*height: 34px !important;*/
    padding-left: 0 !important;
    padding-right: 0 !important;
    /*padding-top: 6px !important;*/
    line-height: 26px;
    font-size: 16px;
}
#block-login md-progress-circular {
    margin-top: -12px !important;
    position: relative !important;
}
#block-login md-progress-circular svg {
    width: 24px !important;
    height: 24px !important;
    transform-origin: 12px 12px 12px !important;
    margin-left: -12px !important;
}
#block-login md-progress-circular svg path {
    stroke: white !important;
}
#block-login .dropdown-toggle, #block-login .dropdown-menu {
    width: 150px;
    min-width: 150px;
}
#block-login .dropdown-toggle span {
    float: right;
    margin-top: 8px;
}
#block-login .dropdown-menu {
    margin-left: auto !important;
    margin-right: auto !important;
    right: 0;
    left: 0;
    top: inherit; !important;
}
#block-login .error {
    background-color: transparent !important;
    margin-bottom: 15px;
}
#block-login .form-group i {
    line-height: 32px;
    font-size: 24px;
    font-weight: normal;
}
/* END LOGIN */

/* MATERIAL LOADING BAR */
md-progress-linear {
    position: absolute !important;
    z-index: 3;
}
.md-container {
    background: none !important;
}
md-progress-linear, .md-mode-indeterminate, .md-bar {
    /*height: 4px !important; ==> What will this break ? */
}
.md-bar1, .md-bar2 {
    background-color: #4285f4 !important;
}
md-progress-circular:not(.origin) {
    z-index: 999 !important;
    text-align: center !important;
    position: absolute !important;
    top: 50% !important;
    width: 100% !important;
    height: 50px !important;
    left: 0 !important;
    right: 0 !important;
    margin-top: -15px;
}
md-progress-circular:not(.origin) svg {
    width: 30px !important;
    height: 30px !important;
    transform-origin: 15px 15px 15px !important;
    left: 50% !important;
    margin-left: -15px !important;
}
md-progress-circular:not(.origin) svg path {
    stroke: #4285f4 !important;
}

/* FRO, responsive mask */
.mask-height-indicator-top,.mask-height-indicator-bottom,.mask-width-indicator-left,.mask-width-indicator-right{
    background-size: 50% /*contain*/;
}

.mask-height-indicator{
    color: #FFF;
    right: 13px;
    height: 50%;
    position: absolute;
    top: 20%;

}
.mask-height-indicator-top{
    height: 22px;
    background-image: url(../images/arrow.png);
    /*background-size: 20px;*/
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: center right;
}
.mask-height-indicator-middle{
    /*background-color: #000;*/
}

.mask-height-indicator-bottom{
    height: 22px;
    background-image: url(../images/arrow.png);
    /*background-size: 20px;*/
    background-repeat: no-repeat;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    background-position: 100% 50%;
}
.mask-width-indicator{
    width: 70%;
    text-align: center;
    left: 15%;

}
.mask-width-indicator::before {
    content: '';
    display: block;
    width: 98%;
    position: absolute;
    top: 9px;
    border-top: 1px dotted rgba(255, 255, 255, 0.5);
    left: 1%;
}
.mask-width-indicator-left{
    float: left;
    width: 20px;
    background-image: url(../images/arrow.png);
    /*background-size: 20px;*/
    height: 20px;
    background-repeat: no-repeat;
    background-position: center left;
}
.mask-width-indicator-middle{
    width: 96%;
    left:2%;
    position: absolute;
    padding: 0 2% 0 2%;
    height:20px;
}
.mask-width-indicator-middle span{
    /*background-color: #000;*/
    padding: 0 5px 0 5px;
}

.mask-width-indicator-right{
    float: right;
    background-image: url(../images/arrow.png);
    width: 20px;
    /*background-size: 20px;*/
    height: 20px;
    background-position: center left;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
}
.mask-height-indicator-td .liner{
    position: absolute;
    width: 2px;
    top: 22px;
    height: 100%;
    left: 50%;
    border-left: 1px dotted rgba(255, 255, 255, 0.5);
    z-index: -1;
}

/* Background color management */
.black-text .mask-width-indicator-middle span{
   /* background-color: #FFF; */
}

.black-text .mask-height-indicator-middle{
    color:#000;
    /*background-color: #FFF;*/
}

.black-text  .mask-height-indicator-td .liner{
    border-left: 1px dotted rgba(0, 0, 0, 0.5);
}
.black-text.mask-width-indicator::before{
    border-top: 1px dotted rgba(0, 0, 0, 0.5);
}
.black-text .mask-height-indicator-top, .black-text .mask-height-indicator-bottom,.black-text .mask-width-indicator-right,.black-text .mask-width-indicator-left{
    background-image: url(../images/arrow_black.png);
}

/* GRID */
.ui-grid-viewport {
    overflow-anchor: none; /* Prevent insanely fast scroll... */
}

#max_duration.ng-invalid {
    border:1px solid red;
}

span.last-login {
    /*float: right;
    margin-right: 10px;
    font-size: 12px;
    line-height: 20px;
    color:#989898;*/
    margin-right: 10px;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    color: #989898;
    text-align: left;
    left: calc(100% - 320px);
}

.home.wrapper-content{
    margin:20px;
}

.home-card {
    padding: 10px;
}

.ibox {
    background-color: #f2f2f3;
    border: 1px solid #eaeaea;
    padding: 10px;
}

.additionnal-s-info {
    font-size: 0.5em;
    display: block;
}

/* Sub Menu */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 10px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* iCons */
.ggle-icn {
    border-radius: 0!important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
.icn-docs {
    background-image: url(../images/icons/icon_1_document_x128.png);
}
.icn-slides {
    background-image: url(../images/icons/icon_1_presentation_x128.png);
}
.icn-sheets {
    background-image: url(../images/icons/icon_1_spreadsheet_x128.png);
}
.icn-awt {
    background-image: url(../images/icons/awesome-table-logo_152x152.png);
}
.smaller-icn {
    display: table-cell;
    width:18px;
    height: 18px;
    background-size: 18px!important;
}

.menu-icon-google {
    width: 28px;
    height: 28px;
    display: inline-block;
    padding: 0;
    margin-top: 0!important;
    float: left;
    background-image: url(../icons/drive-icons-sprite.png);
}

.menu-icon-google.gdocs {
    background-position: 0 0;
}
.dropdown-menu.bw .menu-icon-google.gdocs {
    background-position: 100% 0;
}
.menu-icon-google.gslides {
    background-position: 0 -100%;
}
.dropdown-menu.bw .menu-icon-google.gslides {
    background-position: 100% -100%;
}
.menu-icon-google.gsheets {
    background-position: 0 67%;
}
.dropdown-menu.bw .menu-icon-google.gsheets {
    background-position: 100% 67%;
}

.menu-icon-google.awt {
    background-position: 0 100%;
}
.dropdown-menu.bw .menu-icon-google.awt {
    background-position: 100% 100%;
}

.menu-icon-google.xs-16 {
    width: 16px;
    height: 16px;
    background-size: 32px 64px;
    margin-top:6px!important;
    margin-right:12px!important;
}

.rev-nav .md-select-value{color:#FFF!important;}
.rev-nav .md-select-value > div{color:#FFF!important;}
.rev-nav .md-select.md-default-theme .md-select-value,.rev-nav .md-select .md-select-value{border-bottom-color: transparent;}
.rev-nav md-select:not([disabled]):focus .md-select-value{border-bottom-width:1px!important;border-bottom-color:rgba(0,0,0,0.12);padding-bottom: 1px;}
/*.rev-nav label.md-container-ignore */
.rev-nav-s md-optgroup label {padding: 4px 4px 0px 16px; color: #ff6c0a; font-weight: bold;}
.rev-nav-s md-select-menu md-content md-option{height: 30px;}
.rev-nav-s md-select-menu md-content md-option[selected]{color:#000;}

.lheader{background-color:#c3c3c3!important;}
.block-main > .list > .list-item.lheader:hover{background-color:#c3c3c3!important;}
.list-container.no-padding-top{padding-top:0px;}
.clist-header .md-subheader-inner{padding:10px;}


.newer-design .action-buttons > .md-menu .md-button.md-icon-button{display: none;}
.newer-design .list-item:hover .action-buttons > .md-menu .md-button.md-icon-button{display: inline-block;}

.domain-styler md-tabs{height: 90%;}
.empty-centered{text-align: center;color:#919191;padding:20px;}

.button-container-bottom-right .add-button, .button-container-bottom-right-fab .add-button  { background-color: #fdd835!important;/* #4285f4!important;*/ }

.add-button > i.material-icons { margin-top: 16px; transition: all 0.3s cubic-bezier(0.07, 0.38, 0.41, 1.04); color:#666766; }

.add-button:hover > i.material-icons { transform: scale(1) rotate(270deg); }

.button-container-bottom-right { /*position: absolute; right: 26px; bottom: 26px;clear: both;*/
    position: relative;
    float: right;
    right: 2px;
    bottom: 72px;
    clear: both;}
.button-container-bottom-right-fab {
    position: absolute;
    right: 0;
    bottom: 5px;
    clear: both;
}
md-input-container label:not(.md-container-ignore) {font-weight:normal;}
#input-user-add{border-width: 0px 0px 1px;padding: 2px 1px 2px 2px;}
.md-cstheme-theme .md-input, .md-datepicker-input{border-width:0px 0px 1px 0px!important;padding: 2px 1px 2px 2px!important;}
span.s-inact,span.s-act,span.s-tot { height: 26px;
    text-align:center;
    float: left;
    margin-top: -3px;
    border-radius: 2px;
    padding: 3px;
}
/*
span.s-act{margin-left:10px;color: forestgreen;border: 1px solid forestgreen;min-width: 80px;}
span.s-inact{margin-left:10px;color: #616161; border: 1px solid #616161;min-width: 80px;}
span.s-tot{background-color: #6fa5ff;color: white;font-weight: bold;min-width: 38px;}
*/
span.s-tot{color: black;font-weight: bold; min-width: 38px;}
span.s-act{color: forestgreen;font-size: 11px;line-height: 22px;}
span.s-inact{color: #fd4d4d;font-size: 11px;line-height: 22px;}
span.s-grayer{color: gray; font-size: 11px; margin-top: 3px; position: absolute;margin-left: 5px;}

.category-lister .md-chips {
    box-shadow: none;
}
.selectedCategory {
    background-color: rgba(158,158,158,0.2);
}


/** Widget styles **/

body {
    font-family: 'Roboto', sans-serif;
}

.white-card-container {
    background-color: white;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(171,171,171,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(171,171,171,1);
    box-shadow: 0px 2px 5px 0px rgba(171,171,171,1);
    padding: 20px;
}


.error-container {
    color: #f95858;
}
.error-title {
    color: #ca0000;
    border-top: 1px dotted #e6e6e6;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e6e6e6;
}

li.coder{
    color: #737373;
    font-family: monospace;
    list-style-type: none;
}
.error-code-span{
    font-family: monospace;
    color: #5a5a5a;
    font-weight: 500;
}

/** Modal **/

.widget-configure-dialog {
}

.widget-configure-dialog h2.md-title{
    text-align: center;
}
.widget-configure-preview-frame{
    border: 1px solid #CCC;
    width:100%;
    min-height: 30vh;
    /*margin-top:40px;*/
}

.widget-configure-md-no-margin {
    margin:0;
}

.widget-tmp-checkbox {
    float: right;
    padding: 0px;
    margin: 20px 0px 0px;
}

p.particular-align {
    /*position: relative;
    padding: 2px;
    margin: 20px 0;
    vertical-align: middle;
    */
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 6px;
}
.bottom-sheet-container {
    background-color: white;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99;
    padding: 10px;
}
.widget-color-picker {
    cursor:crosshair;
    padding-left: 30px!important;
    border-color:rgba(0,0,0,0.12)!important;
    border-width: 0 0 1px!important;
    padding-bottom: 1px!important;
}

.wider {
    width: 60%;
    max-width: 60vw!important;
}

.widget-list-author {
    top: 10px;
    margin-top: 0!important;
    position: absolute;
    right: 15px;
    color: #afafaf!important;
}
.widget-list-author.first {
    top: 20px;
}

.form-tooltip {
    font-size: 14px!important;
    right: -15px;
    margin-top: 26px;
    position: absolute;
    cursor: help;
}
.has-tooltip {
    /* cursor: help;*/
}

input.autocompleter {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding: 2px 2px 1px;
    line-height: 26px;
    height: 33px;
    margin-top:9px;
}
input.autocompleter:focus {
    outline: none;
}

.noshow {
    opacity:.3;
    transition:visibility 0.3s linear,opacity 0.3s linear;
}
.noshow > .disable-interaction {
    position: absolute;
    width: 100%;
    height: 100px;
    z-index: 3;
}

.modal-bottom-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
    border-top: 1px solid #EBEBEB;
    z-index: 2;
}

.accordeon-main {
}

.accordeon-main .title {
    display: none;
}
.collapsible-item .title:focus {
    outline: 0;
}

.configured {
    background-color: #4CAF50!important;
    padding-right: 10px;
}
.configured > .material-icons {
    color: white;
    padding-top: 5px;
    position: relative;
    float: left;
    padding-right: 5px;
}

.preview-container.widget-specific {
    background-size: 101% /*contain*/;
    background-repeat: no-repeat;
    border: none;
    background-color: #FFF;
    border-radius: 50%;
    /*height: 38px;
    margin-top: 5px;*/
    height: 32px;
    margin-top: 8px;
    width: 32px;
}

.preview-iframe {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    border: 0;
}

.collapsible-item .title {
    margin-left: -7px;
    margin-right: -7px;
}
.fullWidth, .halfWidth {
    padding: 10px;

}

.fullWidth {
    width:100%;
}
.halfWidth {
    width:50%;
    float: left;
}

.notVisible {
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0;
}
.previewVisible {
    opacity: 1;
    display: block;
}

.custom-tag-chip {

}

.custom-tag-chip .md-chips {
    /*padding-bottom: 0;
    height: 45px;*/
    font-size: 100%;
}


.custom-tag-chip .md-chips .md-chip-input-container  {

}

.custom-tag-chip .md-chips.md-focused .md-chip-input-container {

}

.custom-tag-chip .md-chips .md-chip-input-container input.md-input {
    border:none;
    padding-left: 0;
}

.custom-tag-chip .md-chips.md-focused .md-chip-input-container input.md-input  {
    border:none;
}

.fixed-modal-size {

    max-width: 60vw;
    max-height: 55vh;
    width: 60vw;
    height: 55vh;
}

md-dialog.fixed-modal-size md-dialog-content {
  height: 100%;
}

.height-with-scroll {
    background-color: #ffffff;
    box-shadow: -1px 0px 4px grey;
    position: fixed;
    width: 33%;
    height:80%;
    height: calc(100% - 62px); /*116*/
    overflow: scroll;
}

/** remove border radius of modals to be just like Google */
md-dialog.md-default-theme, md-dialog {
    border-radius: 0;
}

.revevol-blue, md-toolbar.revevol-blue {
    background-color: #4285f4;
}

.preview-prevent-user-interaction {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    top: 0;
}

.preview-widget-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain!important;
    border-radius: 50%;
    background-repeat:no-repeat;
    background-position: center center;
}

/* Theming */
md-switch.override-blue.md-default-theme.md-checked.md-primary .md-thumb, md-switch.override-blue.md-checked.md-primary .md-thumb {
    background-color: #4285f4;
}

md-switch.override-blue.md-default-theme.md-checked.md-primary .md-bar, md-switch.override-blue.md-checked.md-primary .md-bar {
    background-color: rgba(66, 133, 244, 0.5);
}

.md-button.override-blue.md-default-theme.md-primary:not([disabled]), .md-button.override-blue.md-primary:not([disabled]) {
    color: #4285f4;
}

md-switch.override-blue.md-default-theme.md-checked.md-primary[disabled] .md-thumb, md-switch.override-blue.md-checked.md-primary[disabled] .md-thumb {
    background-color: #b5d1ff;
}

md-switch.override-blue.md-default-theme.md-checked.md-primary[disabled] .md-bar, md-switch.override-blue.md-checked.md-primary[disabled] .md-bar {
    background-color: rgba(66, 133, 244, 0.3);
}

.md-button.override-blue.md-default-theme.md-primary[disabled], .md-button.override-blue.md-primary[disabled] {
    color: #4285f4;
}


.md-button.md-icon-button.tagchip {
    /*margin: 0;
    padding: 0;
    height: 24px;
    width: 24px;
    margin-right: 3px;
    margin-top: 2px;*/
    margin-right: -4px;
}


.md-select-menu-container.enum-lister md-progress-circular {
    top: 0!important;
    margin-top: 10px!important;
}

.search-input-container {
    height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
}

#search-input {
    border: 0px;
    background-color: rgba(255, 255, 255, 0.49);
    border-radius: 3px;
    font-size: 14px;
    color: #585858;
}

md-list-item.smaller-padding {
    min-height: 35px;
    height: 35px;
}

.md-chips md-chip.smaller-chip {
    font-size: 12px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    padding: 0;
}

md-list.no-top-padding {
    padding: 0;
}

input[type=search] {
    border: none!important;
}

input.passwd {
    text-security:disc;
    -webkit-text-security:disc;
    -mox-text-security:disc;
}

.extra-save-btn {
    padding: 0;
    margin: 0;
    height: 34px;
    margin-right: 4px;
    font-size: 10px;
    margin-left: -1px;
    width: 14px;
    overflow: hidden;
    /*line-height: 42px;*/
}
.extra-save-btn > i {
    margin-left: -4px;
    font-size: 20px;
}

.md-subheader.with-switch .md-subheader-inner {
    padding: 8px 0px 8px 16px;
}

span.widg-warn {
    background-color: #e38d13;
    color: #FFF;
    padding: 3px;
    font-size: 10px;
    border-radius: 2px;
}
.md-button.transparent-text[disabled], .transparent-text {
    color: transparent;
}

.overflowable .md-button {
    overflow: visible;
}

/** Used in console>user */
.md-toolbar-tools.searchinheader {
    height: 48px;
    background-color: #5d90ee;
    margin-left: -16px;
    width: calc(100% + 16px);
}
.withsearch.md-subheader .md-subheader-inner {
    padding: 0 0 0 16px;
    height: 48px;
    line-height: 48px;
}
.right-floater
{
    float: right;
}

.md-toolbar-tools.white-color .md-button.md-icon-button md-icon {
    color:#FFFFFF;
}
.md-toolbar-tools.white-color #search-input {
    color:#FFFFFF;
}
.widget-admconf-title {
    font-size: 22px;
    color: #485cbd;
}
.widget-admconf-content {

}
.widget-admconf-content iframe {
    margin-left: 50%;
    left: -280px;
    position: relative;
    background-color: #4285f4;
}
ul.with-bullets {
    list-style-type: disc;
    padding: 20px 0 0 20px;
}
.admin-style md-input-container.md-block {
    float: left;
    margin: 10px 0 0 0;
}
.modified-viewport {
    /*width: 50vw;
    height: 50vh;
    transform:scale(0.56);*/
    width: 100vw;
    height: 100vh;
    transform:scale(0.28);
    transform-origin:0 0;
    -webkit-transform: scale(0.28);
    -webkit-transform-origin: 0 0;
}

span.player-active, span.player-inactive {
    cursor: pointer;
}
span.player-active {
    color: green;
}
span.player-inactive {
    color: red;
}
span.last-activity {
    display: block;
    font-size: 10px;
    color: #272727;
    font-weight: normal;
}
.player-url-to-load-right {
    top: 31px!important;

    height: 32px;
    margin-right: 1px;
    line-height: 30px;
    color: #3a3a3a; /*#4b90f5;
    background-color: #EBEBEB;
    border-left: 1px solid #d2d2d2;*/
}
.player-inactivity-right {
    top: 31px!important;

    height: 32px;
    margin-right: 1px;
    line-height: 28px;
    color: #3a3a3a; /*#4b90f5
    border-left: 1px solid #d2d2d2;
    background-color: #EBEBEB;*/
}
.player-input-group {
    max-height: 300px;
    overflow: hidden;
    -webkit-transition: max-height 0.4s linear;
    -moz-transition: max-height 0.4s linear;
    transition: max-height 0.4s linear;
}
.with-errors,.form-control.with-errors:focus {
    border-color: red;
}
span.pl-d{
    color: #666666;
}

md-input-container .md-input.custom-player-name {
    border-color: transparent;
    font-size: 18px;
    margin-top: 3px;
}

md-input-container.md-input-invalid .md-input.custom-player-name {
    border-color: rgb(221,44,0);
}



.card-headline {
    font-size: 18px!important;
}

.md-subheader.md-default-theme, .md-subheader .blue-section-hdr , .blue-section-hdr{
    color: #4b90f5 ;
}



/** Maps in player view **/
.gm-style-mtc {
    display: none;
}
.maps-search-input {
    width: 100%/*40%;*/;
    top: 0px;
    z-index: 0;
    position: relative!important;
    /*margin: auto;*/
    margin-left: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
    border: 0;
    border-radius: 2px 2px 0 0;
    margin-top: 10px;
}
.maps-search-input:focus {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
}

.coordinates-styling {
    position: absolute;
    margin-top: -24px;
    margin-left: 10px;
    font-size: 12px;
    color: #555;
    text-shadow: 1px 1px #ffffff;
}

.change-cal-view-container {
    position: relative;
    margin-top: -41px;
    text-align: right;
    width: 100%;
    margin-left: 5px;
}

.custom-menu-sub-itm {
    text-transform: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    text-align: left;
}
md-menu-item.sub-itemer:hover{
    background-color: rgba(158,158,158,0.2);
}

md-button.p-save:not([disabled]) md-icon{
    color:#4285f4;
}
.md-button.md-icon-button.p-save:not([disabled]) md-icon {
    color:#4285f4;
}

.md-button.md-primary.md-raised.smaller-peg:not([disabled]):hover{
    background-color: rgb(33, 115, 236);
}

.md-button.md-primary.smaller-peg {
    color:#4b90f5;
    min-height: 22px;
    height: 22px;
    line-height: 22px;
}
.md-button.md-primary.md-raised.smaller-peg {
    min-height: 22px;
    height: 22px;
    line-height: 22px;
    background-color: #4b90f5;
}

.lowerHeightList md-list-item {
    height: 30px;
}

.md-button:not([disabled]).md-icon-button.ctm:hover, md-menu-bar button.custom-menu-bar:hover, .md-button.custom-bck:not([disabled]).md-icon-button:hover {
    background-color: rgba(158,158,158,0.2);
    /*transform: scale(0.9);*/
}

md-menu-bar button.custom-menu-bar {
    border-radius:50%;
    padding: 0;
    height: 40px;
    width:40px;
}

.p-save.save-issue md-icon {
    color:#af000063;
}

.height-30 {
    height: 30px;
}

label.light-disabled, md-input-container .md-input.light-disabled[disabled], p.light-disabled {
    color:rgba(111, 111, 111, 0.38)!important;
}

.search-places-wrapper {
    position: relative;
    z-index: 3;
    max-width: 80%;
    height: 80px;
    width: 50%;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button.with-sub:after {
    right:5px
}

div.btn-primary.btn-export:not(:hover) {
    color: #4285f4;
    background-color: transparent!important;
}
div.btn-primary.btn-export:hover {
    color:#ff6c0a;
    background-color: transparent!important;
    background-color: white!important;
    box-shadow: 0px 0px 1px 1px !important;
}

.md-subheader.blue-section-hdr .md-subheader-inner {
    padding: 12px 16px 12px 16px
}

.md-button:not([disabled]).md-icon-button.custom-cal, .md-button:not([disabled]).custom-cal {
    box-shadow: none;
}
.md-button.custom-cal {
    height: 40px;

}
.md-button:not([disabled]).md-icon-button.custom-cal:hover, .md-button:not([disabled]).custom-cal:hover {
    background-color: rgba(0,0,0,.07);
}
.calendar-player-config .fc-toolbar h2 {
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
}

.noopacity{
    opacity: 0;
}

/** Office **/
.icon-v34-office365 {
    width: 28px;
    height: 28px;
    display: inline-block;
    padding: 0;
    margin-top: 0!important;
    float: left;
    background-image: url(../icons/Office-365-Logo-Square-Gray.png);
    background-position: -100%;
}

.specific-error {
    color: rgb(221,44,0);
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 0;
    margin: 0;
    max-width: 350px;
}
.icn-powerpoint, .icn-excel {
    background-image: url(../icons/office365-sprite.png);
}

.icn-powerpoint{
    /*background-image: url(../images/icons/icon_1_powerpoint_x128.png);*/

    background-size: initial;
    background-position: 2px -54px;
    height: 28px!important;
}
.icn-powerpoint.smaller-icn {

    background-size: 38px auto!important;
    background-position: 0 -37px;
    height: 18px!important;
}
.icn-excel {

    background-size: initial;
    background-position: 1px -26px;
}
.icn-excel.smaller-icn {

    background-size: 38px auto!important;
    background-position: 0 -20px;
    height: 18px!important;
}

.grid-asset-icons.ggle-icn.icn-excel{
    background-position: 1px -20px;
    background-size: 40px auto;
}


.grid-asset-icons.ggle-icn.powerpoint{
    background-position: 1px -39px;
    background-size: 40px auto;
    height: 19px!important;
}

.menu-icon-office365 {
    width: 28px;
    height: 28px;
    display: inline-block;
    padding: 0;
    margin-top: 0!important;
    float: left;
    background-image: url(../icons/office365-sprite.png);
}
.menu-icon-office365.xs-16 {
    width: 16px;
    height: 16px;
    background-size: 32px 64px;
    margin-top: 6px!important;
    margin-right: 12px!important;
}

.menu-icon-office365.xs-20 {
    width: 20px;
    height: 20px;
    background-size: 40px auto;
    margin-top: 4px!important;
    margin-right: 9px!important;
}

.menu-icon-office365.powerpoint {
    background-position:0 64%;
}
.menu-icon-office365.excel {
    background-position:0 33%;
}
.menu-icon-office365.word {
    background-position:0 0;
}

.left-prefix, .right-postfix {
    padding: 2px 2px 1px;
    line-height: 26px;
    height: 30px;
    color:#848484;
}
.left-floater {
    float: left;
}

md-input-container.md-input-invalid:not(.md-input-focused) label.wprefix {
    /*padding-left: 55px;*/
    display: none;
}

md-input-container:not(.md-input-has-value):not(.md-input-focused) label.wprefix:not(.md-no-float) {
    padding-left: 55px;
    margin-bottom: 0;
}

.with-popover .popover {
    min-width: 250px;
}

.asset-picker-no-asset-container {
    border-radius: 50%; position: relative;display: table-cell;vertical-align: middle;
}

.abcRioButtonBlue.disabled {
   user-select: none;
   pointer-events: none;
}