/************START DIALOG GRID SCREEN************/
/*
.gridScreenBox{
  position:absolute;  
  width:100px;
  height:100px;
  background-color:rgba(0,0,0,0.5);
  z-index:9999;
}
.gridScreenBoxLeftTop{
  top:0px;
  left:0px;
}
.gridScreenBoxRightTop{
  top:0px;
  right:0px;
}
.gridScreenBoxLeftBottom{
  bottom:0px;
  left:0px;
}
.gridScreenBoxRightBottom{
    bottom:0px;
    right:0px;
}
.gridScreenBox.active{
  border: 1px solid #000;
  background-color:#fff;
}
*/
/************START DIALOG GRID SCREEN************/
/************START TAB SM***********/

.tab-sm ul.bar_tabs {
    padding-left: 0px;
}

    .tab-sm ul.bar_tabs > li {
        margin-top: -1px;
        margin-left: 2px;
        border-bottom: 1px solid #E6E9ED;
    }

        .tab-sm ul.bar_tabs > li.active {
            margin-top: 1px;
            border-right: 4px solid #0099ff;
            border-bottom: none;
        }

        .tab-sm ul.bar_tabs > li a {
            padding: 7px 5px;
            border-bottom: none;
        }
        
        .tab-sm ul.bar_tabs > li.active a {
            border: 1px solid #E6E9ED;
            border-bottom: none;
        }

.tab-sm .nav-tabs {
    border-bottom: 1px solid #E6E9ED;
}
/************END TAB SM************/
/************START CUSTOM TAB************/
.customTab ul.bar_tabs {
    padding-left: 0px;
}

.customTab ul.bar_tabs {
    margin-top: 0px;
}

    .customTab ul.bar_tabs > li {
        margin-top: -1px;
        margin-left: 2px;
        border-bottom: 1px solid #E6E9ED;
    }

        .customTab ul.bar_tabs > li.active {
            margin-top: 1px;
            border-right: 6px solid #0099ff;
            border-bottom: none;
        }

        .customTab ul.bar_tabs > li a {
            padding: 10px 12px;
        }

        .customTab ul.bar_tabs > li a {
            border-bottom: none;
        }

        .customTab ul.bar_tabs > li.active a {
            border: 1px solid #E6E9ED;
            border-bottom: none;
        }

.customTab .nav-tabs {
    border-bottom: 1px solid #E6E9ED;
}
/************END CUSTOM TAB************/
/************START DROPZONE PHOTO************/
.photoUploadContainer {
    padding: 0px;
}

    .photoUploadContainer .clickable {
        cursor: pointer;
    }

    .photoUploadContainer .iconEdit {
        position: absolute;
        top: 0px;
        line-height: 2.5;
        left: 50%;
        background-color: #fff;
        width: 30px;
        height: 30px;
        text-align: center;
    }

        .photoUploadContainer .iconEdit i {
            color: #73879C;
            font-size: 17px;
            transition: color 0.3s linear;
        }

    .photoUploadContainer:hover .iconEdit i {
        color: #26B99A;
    }

    .photoUploadContainer.dz-drag-hover {
        border: 3px Dashed #ccc;
    }

    .photoUploadContainer .progressBar {
        position: relative;
        bottom: 20px;
        opacity: 0;
        transition: opacity 0.3s linear;
        height: 20px;
        margin-bottom: 0px;
    }
/************END DROPZONE PHOTO************/
/************START TIMELINE ************/
.timeline.timeline-custom h2.title::before {
    left: -13px;
}
/************END TIMELINE ************/

/************START TAGS************/
.bootstrap-tagsinput {
    width: 100%;
    min-height: 34px;
    border-radius: 0;
}

    .bootstrap-tagsinput span.tag {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .bootstrap-tagsinput .tag::after {
        border-bottom: 0px solid transparent;
        border-left: 0px solid #1abb9c;
        border-top: 0px solid transparent;
    }

.listDatetimeContainer .bootstrap-tagsinput {
    margin-bottom: -17px;
}

.bootstrap-tagsinput.disabled {
    background-color: #eee;
}

    .bootstrap-tagsinput.disabled .tag {
        background-color: #ADA2A2;
        color: #fff !important;
    }

        .bootstrap-tagsinput.disabled .tag span {
            display: none;
        }

.componentsContainer .select2 {
    margin-top: -55px;
    width: 100%;
    visibility: hidden;
}
/************END TAGS************/

/************START SELECT2 MULTISELECT************/

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
    margin-right: 0px;
    margin-left: 9px;
    color: #fff;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1ABB9C;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 3px;
}
/************END SELECT2 MULTISELECT************/

/************START PANEL************/
.x_panel.bckColorAccent {
    background-color: #ededed;
    border: 1px solid #999;
}
/************END PANEL************/

/************START COLUMNS SETTINGS************/
.stColumnsSettings ul {
    width: 100%;
    min-height: 100px;
    float: left;
    margin: 0;
    padding: 0 1%;
    list-style: none;
    height: 500px;
    overflow: auto;
}

.stColumnsSettings #columnsSettingsNotSelected li {
    background-color: #d9534f;
    border-color: #d43f3a;
    text-transform:lowercase;
}

.stColumnsSettings #columnsSettingsSelected li {
    background: #26B99A;
    border: 1px solid #169F85;
    text-transform:lowercase;
}

.stColumnsSettings ul li {
    color: #fff;
    padding: 5px;
    margin: 2px 0;
}

    .stColumnsSettings ul li.sortable:hover {
        cursor: pointer;
    }

.stColumnsSettings #columnsSettingsSelected li.sortable:hover {
    background: #68B7A5;
}

.stColumnsSettings #columnsSettingsNotSelected li.sortable:hover {
    background: #D87979;
}

.stColumnsSettings ul li.notSortable:hover {
    cursor: not-allowed;
}

.stColumnsSettings #columnsSettingsSelected .placeholder, .stColumnsSettings #columnsSettingsNotSelected .placeholder {
    background: #fff;
    border: solid 1px #ccc;
    height: 20px;
}
/************END COLUMNS SETTINGS************/

/************START ICONS MANAGEMENT************/
.ico16 {
    width: 16px;
}

.ico20 {
    width: 20px;
}

.ico32 {
    width: 32px;
}


.icoTree {
    vertical-align: middle;
    width: 18px;
}

.iconGridBundle {
    width: 40px;
}
/************END ICONS MANAGEMENT************/

/************START MODAL PLAYER************/
.stBootstrapStyle.ui-dialog {
    position: absolute;
    display: block;
}

#dialogPlayer.ui-dialog-content {
    overflow: hidden;
}

    #dialogPlayer.ui-dialog-content .eterePlayerContainer {
        width: 100%;
    }

.stBootstrapStyle.ui-dialog .ui-resizable-se {
    /*width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
    background-position: -80px -224px;*/
}

.stBootstrapStyle .ui-dialog .ui-dialog-title {
    font-size: 18px;
    font-family: 'Source Sans Pro',sans-serif;
    font-weight: normal;
}

.ui-dialog .ui-dialog-content {
    /*padding: 0.28em 0.28em;*/
    padding: 0px;
}

.stBootstrapStyle .ui-widget-header button.close {
    text-shadow: 0 1px 0 #fff;
    font-weight: 600;
    font-size: 20px;
    color:#FFF;
}

.stBootstrapStyle .ui-corner-all {
    border-radius: 0px;
}

.stBootstrapStyle .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none;
}

.stBootstrapStyle .ui-widget-header {
    background-color: #fff;
    border: none;
}

.stBootstrapStyle.ui-front {
    z-index: 1999;
}

.stBootstrapStyle div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
    background: none;
    background-color: #000000;
    border: none;
}

.pdfInDialogContainer {
    width: 100%;
    height: 100%;
}

    .pdfInDialogContainer iframe {
        width: 100%;
        height: 100%;
    }

#dialogReportPreview {
    padding: 0;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    border-radius: 0px;
}

@media screen\0 {
    .iframeLoading {
        margin-top: -30px;
    }
}
/************END MODAL PLAYER************/

/************START LOADING************/
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

.loader {
    margin: 0 auto;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0.25rem solid rgba(52, 73, 94, 0.2);
    border-top-color: #34495e;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}
/************END LOADING************/

/************START CUSTOM LEFT MENU************/
.customMenu1.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    /*font-weight: bold;*/
    text-align: right;
}

.tabs-left.no-padding {
    padding-top: 0px;
}
/************END CUSTOM LEFT MENU************/

/************START LOGIN INPUT ERROR************/
.login_content form .bad input[type="text"], .login_content form .bad input[type="email"], .login_content form .bad input[type="password"] {
    border: 1px solid #CE5454;
    box-shadow: 0 0 4px -2px #CE5454;
    position: relative;
    left: 0;
    -moz-animation: .7s 1 shake linear;
    -webkit-animation: 0.7s 1 shake linear;
}
/************END LOGIN INPUT ERROR************/
/************START GENERIC ERROR**************/
.form-group.bad span.select2-selection {
    border: 1px solid #CE5454;
    box-shadow: 0 0 4px -2px #CE5454;
    position: relative;
    left: 0;
    -moz-animation: .7s 1 shake linear;
    -webkit-animation: 0.7s 1 shake linear;
}

.form-group.bad button {
    border: 1px solid #CE5454;
    box-shadow: 0 0 4px -2px #CE5454;
    position: relative;
    left: 0;
    -moz-animation: .7s 1 shake linear;
    -webkit-animation: 0.7s 1 shake linear;
}
/************END GENERIC ERROR**************/

/************START ASSET OPERATIONS TABLE************/
#AssetOperations > tbody > tr > td.stNotValidated {
    border: 0px;
    background-color: #d9534f;
    color: #fff;
}

#AssetOperations > tbody > tr > td.stIdTransLessIdLog {
    border: 0px;
    background-color: #f0ad4e;
    color: #fff;
}
/************END ASSET OPERATIONS TABLE************/

/************START ORDER COLUMNS*************/
table.jambo_table thead tr th {
    /*background: rgba(52, 73, 94, 0.94);*/
    /*background: #fff;*/
    color: #ECF0F1;
}

.placeholderColumnHeader {
    -moz-box-shadow: 4px 5px 4px #C6C6C6 inset;
    -webkit-box-shadow: 4px 5px 4px #C6C6C6 inset;
    box-shadow: 4px 5px 4px #C6C6C6 inset;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    visibility: visible !important;
    background: #EFEFEF !important;
    visibility: visible !important;
}
/************START ORDER COLUMNS*************/

/************START TABLE************/


.tableNoBorder.x_panel {
    border: none;
    padding: 0px 0px;
}

.modalFilterTable .icheckbox_flat-green {
    top: -12px;
}

.table-responsive.stTable {
    /*overflow-x: inherit;*/
}

.stTable > tbody > tr > td img.metafileIcon {
    width: 24px;
    height: 24px;
}

.stTable > tbody > tr > td img.metafileIcon32 {
    width: 32px;
    height: 32px;
}

.stTable > tbody > tr > td img.metafileIcon48 {
    width: 48px;
    height: 48px;
}

.stTable > tbody > tr > td img.flierIcon {
    width: 50px;
    border: 1px solid #000;
}

.stTable > tbody > tr > td img.flierIconMax {
    width: 90px;
    border: 1px solid #000;
}

.stTable > thead > tr > th {
    border-right: 1px solid #fff;
}

    .stTable > thead > tr > th.resizable {
        border-right: 1px solid #fff;
    }

.stTable {
    table-layout: fixed;
}

    .stTable > tbody > tr > td.oneLine, .stTable > thead > tr > th.oneLine {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .stTable > thead > tr > th .ui-resizable-e {
        width: 12px;
    }

    .stTable > tbody > tr > td.stLeft {
        text-align: left;
    }

    .stTable > tbody > tr > td.stRight {
        text-align: right;
    }

    .stTable > tbody > tr > td.stCenter {
        text-align: center;
    }

    .stTable > tbody > tr:not(:first-child) > td.rowTitle, .stTable > tbody > tr:not(:first-child) > td.rowTitle:hover {
        font-weight: bold;
        text-transform: uppercase;
        /*border-top: 20px solid;
    border-color: #ecf0f1;*/
        color: #ecf0f1;
        background: #26B99A none repeat scroll 0 0;
    }

    .stTable > tbody > tr > td.rowTitle, .stTable > tbody > tr > td.rowTitle:hover {
        font-weight: bold;
        text-transform: uppercase;
        color: #ecf0f1;
        background: #26B99A none repeat scroll 0 0;
    }

    .stTable > tbody > tr > td.rowTitle, .stTable > tbody > tr > td.noData {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        /*background-color: #FFFBE8;*/
    }

.tableNoMainBorder.x_panel {
    border: 0px;
}

.tableNoMainBorderScroll.x_panel {
    border: 0px;
    max-height:620px!important;
    overflow-y:auto;
}

/************END TABLE************/



/****start cleanerInputText****/
::-ms-clear {
    display: none;
}

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
}

    .form-control-clear.inputGroup {
        right: 40px;
    }

.input-sm.form-control-clear {
    line-height: 7px !important;
}
/****end cleanerInputText****/

/************START TABLE stSmallTable************/

.x_panel.stSmallTable {
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent !important;
}

    .x_panel.stSmallTable.font11 {
        font-size: 11px;
    }

    .x_panel.stSmallTable .x_title {
        border: 0px;
        padding: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .x_panel.stSmallTable .x_content {
        margin-top: 2px;
    }

        .x_panel.stSmallTable .x_content .row {
            margin-left: 0px;
            margin-right: 0px;
        }

.stSmallTable table {
    margin-bottom: 0px;
}
/************END TABLE stSmallTable************/

/************START TABLE stSmallTable2************/

.x_panel.stSmallTable2 {
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent !important;
    font-size: 10px;
    max-width: 80%;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    display: block;
}


    .x_panel.stSmallTable2.font11 {
        font-size: 8px;
    }

    .x_panel.stSmallTable2 .x_title {
        border: 0px;
        padding: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .x_panel.stSmallTable2 .x_content {
        margin-top: 2px;
    }

        .x_panel.stSmallTable2 .x_content .row {
            margin-left: 0px;
            margin-right: 0px;
        }

.stSmallTable2 table {
    margin-bottom: 0px;
}

   

/************END TABLE stSmallTable************/

/************START TABLE stSmallTableNB************/

.x_panel.stSmallTableNB {
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent !important;
}

    .x_panel.stSmallTableNB.font11 {
        font-size: 11px;
    }

    .x_panel.stSmallTableNB .x_title {
        border: 0px;
        padding: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .x_panel.stSmallTableNB .x_content {
        margin-top: 2px;
    }

        .x_panel.stSmallTableNB .x_content .row {
            margin-left: 0px;
            margin-right: 0px;
        }

.stSmallTableNB table {
    margin-bottom: 0px;
    border-right: 0px;
}

.x_panel.stSmallTableNB.stTable .table .th {
    border-right: 0;
}

.x_panel.stSmallTableNB table th {
    border-right: 0px;
    text-align: right;
}

/************END TABLE stSmallTableNB************/

/************START TABLE stSmallTableNBTL text left************/

.x_panel.stSmallTableNBTL {
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent !important;
}

    .x_panel.stSmallTableNBTL .x_title {
        border: 0px;
        padding: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .x_panel.stSmallTableNBTL .x_content {
        margin-top: 2px;
    }

        .x_panel.stSmallTableNBTL .x_content .row {
            margin-left: 0px;
            margin-right: 0px;
        }

.stSmallTableNBTL table {
    margin-bottom: 0px;
    border-right: 0px;
}

.x_panel.stSmallTableNBTL.stTable .table .th {
    border-right: 0;
}

.x_panel.stSmallTableNBTL table th {
    border-right: 0px;
}

/************END TABLE stSmallTableNB text left************/

/************START PAGINATION TABLE************/
.stPaginationCustom .pagination > .active > a, .stPaginationCustom .pagination > .active > a:focus, .stPaginationCustom .pagination > .active > a:hover, .stPaginationCustom .pagination > .active > span, .stPaginationCustom .pagination > .active > span:focus, .stPaginationCustom .pagination > .active > span:hover {
    background-color: rgba(52,73,94,.94);
    border-color: rgba(52,73,94,.94);
}

html, body {
    height: 100%;
}


.stPaginationCustom .pagination > li.active > a, .stPaginationCustom .pagination > li.active > span {
    color: #fff;
}

.stPaginationCustom .pagination > li > a, .stPaginationCustom .pagination > li > span {
    color: rgba(52,73,94,.94);
}

.stPaginationCustom .pagination > li.disabled > a {
    cursor: default;
    color: #cecece;
}
/************END PAGINATION TABLE************/

/************START SELECT2 GLOBAL************/
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    min-height: 34px;
}

    .select2-container--default .select2-selection--single.select-sm, .select2-container--default .select2-selection--multiple.select-sm {
        min-height: 30px;
    }

        .select2-container--default .select2-selection--single.select-sm .select2-selection__rendered {
            padding-top: 0px;
        }

        .select2-container--default .select2-selection--single.select-sm .select2-selection__arrow {
            height: 30px;
        }
/************END SELECT2 GLOBAL************/

/************START FILTERING TABLE************/
.stTableHeaderIcon {
    font-size: 11px;
    right: 4px;
    position: absolute;
    color: #fff;
    opacity: 0.3;
    top: 16px;
}

    .stTableHeaderIcon:hover, .stTableHeaderIcon:active, .stTableHeaderIcon:focus {
        color: #fff;
        opacity: 0.3;
    }

    .stTableHeaderIcon.stFiltered {
        color: #fff;
        opacity: 1;
    }
/************END FILTERING TABLE************/

/************START SORTING TABLE************/
.stTable > thead > tr > th.stSortable:hover {
    cursor: pointer;
}

.stTable > thead > tr > th.stSortable {
    position: relative;
}

    .stTable > thead > tr > th.stSortable:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        content: "\f160";
        color: #fff;
        opacity: 0.3;
        font-size: 10px;
        padding-right: 0.4em;
        position: absolute;
        top: 2px;
        right: 0;
    }

.stTable > thead > tr > th.stSortedAsc:before {
    /*content: "\f160";*/
    opacity: 1;
}

.stTable > thead > tr > th.stSortedDesc:before {
    content: "\f161";
    opacity: 1;
}
/************END SORTING TABLE************/


/************START ASSET TASK STATE***********/
.stateYellow {
    width: 50px;
    height: 25px;
    background-color: yellow;
    border: solid 1px #ccc;
}

.stateRed {
    width: 50px;
    height: 25px;
    background-color: red;
    border: solid 1px #ccc;
}

.stateGreen {
    width: 50px;
    height: 25px;
    background-color: green;
    border: solid 1px #ccc;
}
/************END ASSETTASK STATE***********/
/***********START CHECKBOX MANAGEMENT************/
.form-group .checkbox-inline:first-child, .form-group .radio-inline:first-child {
    padding-left: 0px;
}
/***********END CHECKBOX MANAGEMENT************/

/***********START TITLE STATS COUNT MANAGEMENT**************/
.tile_count.custom {
    margin-bottom: 0px;
    margin-top: 0px;
}

    .tile_count.custom .tile_stats_count .count {
        line-height: 25px;
    }

@media (min-width: 768px) {
    .tile_count.custom .tile_stats_count .count {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .tile_count.custom .tile_stats_count {
        padding-bottom: 0px;
        margin-bottom: 7px;
    }
}

.tile_count.custom .tile_stats_count {
    text-align: center;
}

    .tile_count.custom .tile_stats_count .customCount {
        font-size: 16px;
        font-weight: 600;
    }

    .tile_count.custom .tile_stats_count:before {
        margin-top: 0px;
    }
/***********END TITLE STATS COUNT MANAGEMENT**************/

/************START UTILITY************/
.m-t-0 {
    margin-top: 0px;
}

.m-t--2 {
    margin-top: -2px;
}

.m-t-2 {
    margin-top: 2px;
}

.m-t-3 {
    margin-top: 3px;
}

.m-t--5 {
    margin-top: -5px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-7 {
    margin-top: 7px;
}

.m-t-10 {
    margin-top: 10px!important;
}

.m-t-19 {
    margin-top: 19px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-24 {
    margin-top: 24px;
}

.m-t-28 {
    margin-top: 28px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-80 {
    margin-top: 80px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.m-b-3 {
    margin-bottom: 3px!important;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-7 {
    margin-bottom: 7px;
}

.m-b-8 {
    margin-bottom: 8px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-80 {
    margin-bottom: 80px;
}

.m-l-0 {
    margin-left: 0px;
}

.m-l-3 {
    margin-left: 3px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-7 {
    margin-left: 7px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-l-80 {
    margin-left: 80px;
}

.m-r-0 {
    margin-right: 0px;
}

.m-r-3 {
    margin-right: 3px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-7 {
    margin-right: 7px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-r-80 {
    margin-right: 80px;
}

.p-t-0 {
    padding-top: 0px;
}

.p-t-3 {
    padding-top: 3px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-7 {
    padding-top: 7px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-80 {
    padding-top: 80px;
}

.p-b-0 {
    padding-bottom: 0px;
}

.p-b-3 {
    padding-bottom: 3px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-7 {
    padding-bottom: 7px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-80 {
    padding-bottom: 80px;
}

.p-l-0 {
    padding-left: 0px;
}

.p-l-3 {
    padding-left: 3px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-80 {
    padding-left: 80px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-r-3 {
    padding-right: 3px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-r-80 {
    padding-right: 80px;
}

.bckGreen {
    background-color: #C5F7C5;
}

.b-r {
    border-right: 1px solid #e5e5e5;
}

@media (min-width: 1200px) {
    .lg-b-r {
        border-right: 1px solid #e5e5e5;
    }

    .lg-p-r-30 {
        padding-right: 30px;
    }

    .lg-p-l-30 {
        padding-left: 30px;
    }
}


.b-b {
    border-bottom: 1px solid #e5e5e5;
}

.oneForFive {
    width: 20%;
    float: left;
}

.oneForSeven {
    width: 15%;
    float: left;
}

.oneForThree {
    width: 33%;
    float: left;
}

/************END UTILITY************/

#contentdiv {
    height: 100%;
}

.assetpicongrid {
    width: 100px;
    float: left;
    margin-right: 0.5em;
}

.eteretitlegrid {
    text-transform: uppercase;
}

.eteredescgrid {
    text-transform: lowercase;
}

.stationlogoicon {
    width: 60px;
    float: left;
    margin-right: 0.5em;
    margin-left: 0.5em;
}


.tilelogo1 {
    display: block;
    width: 100%;
    height: 100%;
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    color: #0099FF;
    vertical-align: top;
    text-decoration: none;
}


.tilelogo1c {
    text-align: center;
}

.tilelogo2 {
    /*color: #ff0099;*/
    display: block;
    margin-left: 10px;
    margin-top: -15px;
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    font-size: 0.8em;
    color: #ff0099;
}

.pgUnderConstructionLabel {
    font-style: italic;
}

.evidence {
    background-color: #FFF8DC;
}

.wf-warn {
    background-color: #FFF8cd;
}

.wfs-abort {
    background-color: #ffe4b5;
}

.wfs-active {
    background-color: #98fb98;
}

.wfs-fault {
    background-color: #dda0dd;
}


/*
    title section

*/
.titlesection {
    margin-left: 0px;
    color: #989393;
}

.widgetheight {
    height: 150px;
}

.episodeversionlabel {
    display: block;
    padding-top: 0.5em;
    text-transform: uppercase;
}

.checkfulltextsetting br {
    line-height: 30px;
}



/*     
    ------------------------------------------------------------------------------------------------------------------------------------------------
    DIAGRAM WORKFLOW 
    ------------------------------------------------------------------------------------------------------------------------------------------------
*/


#divCanvas {
    width: 1200px;
    height: 800px;
    overflow: auto;
    margin: 10px auto;
}

#wf_canvas {
    left: 0px;
}

#canvasPosition {
    position: relative;
}

#mnuprop {
    z-index: 999;
}

    #mnuprop table {
        background-color: #cecece;
        border-spacing: 1px;
        border-collapse: separate;
        border: 1px solid #000;
        width: 400px;
    }

        #mnuprop table td {
            background-color: #f4f4f4;
            padding: 0.4em;
        }

            #mnuprop table td#tdoptions {
                background-color: #808080;
                color: #fff;
            }

            #mnuprop table td:nth-of-type(1) {
                width: 100px;
                text-align: right;
                font-weight: bold;
                vertical-align: top;
            }

            #mnuprop table td:nth-of-type(2) {
                width: 250px;
                color: #0a479c;
                vertical-align: top;
            }

#imgcanvas {
    width: 200px;
    margin-top: 10px;
    border: 1px solid #cecece;
}

    #imgcanvas img {
        width: 200px;
    }




.showworkflow {
    width: 16px;
    float: left;
    cursor: pointer;
}

#ulMenuoptionswfdesigner {
}

    #ulMenuoptionswfdesigner li {
        /*   float: left;
        display: block;
        margin-right: 0.3em;
        width: 100px;
        border: 1px solid #181818;
        text-align: center;
        padding: 0.1em;
        cursor: pointer;
        list-style: none;
        margin-top: 0px;
        background-color: #cecece;
         */
        cursor: pointer;
    }

#divmagnify {
    background-color: #fff;
}


#tblwf {
    border: 1px solid #cecece;
}

.ui-state-default.ui-widget-content.ui-state-default.ui-widget-header.ui-state-default {
    background-color: #282828 !important;
    border: 1px solid #282828 !important;
    height: 24px;
    cursor: pointer;
}

.ui-state-focus, .ui-state-hover, .ui-state-active {
    color: #282828 !important;
}

#tblparamters {
    border-spacing: 1px;
    border-collapse: separate;
}

    #tblparamters td {
        background-color: #fff;
        padding: 0.5em;
        width: 200px;
    }

    #tblparamters thead td {
        background-color: #cecece;
        font-weight: bold;
    }

div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
    background-color: #000000!important;
    border: 1px solid #666;
}

#metafileDetailsBoxContainer .x_title h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#metafileDetailsBoxContainer .x_panel {
    background-color: #ededed;
    border: 1px solid #999;
}

#metafilebutton {
    margin-bottom: 6px;
}

#metafileFilesBoxContainer {
    border: 1px solid #999;
}

    #metafileFilesBoxContainer .x_panel {
        border: none;
    }

.timeline.widget {
    margin-left: 22px;
}


.margincontent {
    margin-top: 1em;
}

    .margincontent .x_panel, .x_panel hr {
        background-color: #ededed;
        border-top: 1px solid #d4d4d4;
    }

#logWf .x_panel {
    background-color: #fff;
    border: 1px solid #999;
}

.lineoption {
    margin-bottom: 0.5em;
    padding-top: 8px;
    padding-bottom: 0px;
/*    margin-left: 1px;
    margin-right: 1px;*/
}

.paddingLing10px {
    padding-bottom: 10px;
}


.btn-group-vertical .btn, .btn-group .btn {
    /* margin-right: 0.3em; */
}

.posterserie {
    border-right: 1px solid #e4e4e4;
    min-height: 400px;
}

    .posterserie .img-preview {
        background-color: #f7f7f7;
        width: 100%;
        text-align: center;
    }

.borderless {
    border: none;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

/**/
#divlistedl {
    float: right;
}

    #divlistedl table {
        border-collapse: separate;
        border-spacing: 10px 0px;
    }


        #divlistedl table td {
            width: 30px;
            height: 30px;
            /*background: #4169E1;*/ /* For browsers that do not support gradients */
            /*background: -webkit-linear-gradient(#0E4B68, #7289D0);*/ /* For Safari 5.1 to 6.0 */
            /*background: -o-linear-gradient(#0E4B68, #7289D0);*/ /* For Opera 11.1 to 12.0 */
            /*background: -moz-linear-gradient(#0E4B68, #7289D0);*/ /* For Firefox 3.6 to 15 */
            /*background: linear-gradient(#0E4B68, #7289D0);*/ /* Standard syntax */
            padding: 0 !important;
            /*   background-color: #282828;*/
            border: 1px solid #181818;
            text-align: center;
            border-radius: 5px;
        }

            /*
edl empty
*/
            #divlistedl table td.emptyedl {
                /*background: #4169E1;*/ /* For browsers that do not support gradients */
                /*background: -webkit-linear-gradient(#000000, #797979);*/ /* For Safari 5.1 to 6.0 */
                /*background: -o-linear-gradient(#000000, #797979);*/ /* For Opera 11.1 to 12.0 */
                /*background: -moz-linear-gradient(#000000, #797979);*/ /* For Firefox 3.6 to 15 */
                /*background: linear-gradient(#000000, #797979);*/ /* Standard syntax */
                padding: 0 !important;
                border: 1px solid #cecece;
            }
            /*
select edl
*/
            #divlistedl table td.selectedl {
                /*background: #797979;*/ /* For browsers that do not support gradients */
                /*background: -webkit-linear-gradient(#BBAE17, #797979);*/ /* For Safari 5.1 to 6.0 */
                /*background: -o-linear-gradient(#BBAE17, #797979);*/ /* For Opera 11.1 to 12.0 */
                /*background: -moz-linear-gradient(#BBAE17, #797979);*/ /* For Firefox 3.6 to 15 */
                /*background: linear-gradient(#BBAE17, #797979);*/ /* Standard syntax */
                padding: 0 !important;
                border: 2px solid #BBAE17;
            }



            #divlistedl table td input[type=radio] {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }



            #divlistedl table td label {
                display: block;
                color: #cecece;
                margin: 0 0 0 0;
                cursor: pointer;
                font-size: 14px;
                font-weight: bold;
            }

/*edllist*/

#edllist table.genVersion {
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-top: none;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}


    #edllist table.genVersion .descinterrupt_ {
        font-weight: bold;
        color: #2A3F54;
    }

        #edllist table.genVersion .descinterrupt_ span {
            margin-left: 0.5em;
        }

    #edllist table.genVersion td {
        padding-top: 2px;
        padding-bottom: 4px;
        padding-left: 5px;
        padding-right: 15px;
        text-align: left;
        vertical-align: top;
        width: auto !important;
    }

        #edllist table.genVersion td.tdbtn {
            width: 50px !important;
        }

        #edllist table.genVersion td:nth-child(3) {
            /*width: 100px;*/
            text-align: right;
        }

    #edllist table.genVersion .imgPicon {
        width: 78px;
        border: 1px solid #0E4B68;
        cursor: pointer;
    }

    #edllist table.genVersion button {
        width: 80px;
        margin-bottom: 2px;
    }

    #edllist table.genVersion table.datalist td {
        vertical-align: top;
        width: 180px;
        padding: 0px !important;
    }

.lbgoto, .lbAnnotations {
    display: inline-block;
    font-weight: bold;
    color: #26b99a;
    cursor: pointer;
    margin-right: 5px;    
    text-transform: lowercase;
}

.lbAnnotations {
    text-decoration: none;
    cursor: default;
}

.selectAnnotations {
    width: 70%;
    padding: 0px;
    height: 22px;
    display: inline-block;
    float: right;
}

.descinterrupt {
    display: block;
    height: 22px;
}

#spedldesc {
    margin-left: 0.5em;
    padding-top: 1em;
    display: inline-block;
    font-weight: bold;
}

.waitloaderannotations {
    vertical-align: bottom;
    float: left;
    padding-left: 1em;
}

.cmdEterePlayer, .cmdEterePlayerMemory {
    margin-top: 1em;
    padding: 0.3em;
}

    .cmdEterePlayer i {
        padding: 1em 1em 1em 1em;
        border: 1px solid #cecece;
        height: 40px;
        cursor: pointer;
        border-radius: 5px;
    }


    .cmdEterePlayerMemory i {
        padding: 0.5em 0.5em 0.5em 0.5em;
        border: 1px solid #cecece;
        height: 30px;
        cursor: pointer;
        border-radius: 5px;
    }

#uploadMessage {
    margin-top: 10px;
    margin-left: 10px;
}

    #uploadMessage i {
        float: left;
        margin-right: 1em;
    }

    #uploadMessage p {
        float: left;
    }


/***********START MANAGEMENT BUTTON CLEAN IN MODAL*********/
.clean {
    margin-right: 6px;
    margin-top: 1px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

    .clean:hover {
        opacity: 0.5;
    }

/***********END MANAGEMENT BUTTON CLEAN IN MODAL*********/

/*****START MANAGEMENT ONE LINE TEXT*****/
.oneRow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*****END MANAGEMENT ONE LINE TEXT*****/

/**********START SCROLL IN MODAL*************/

.modal.modalAutomaticHeightContent .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    padding: 10px;
}

/**********START SCROLL IN MODAL*************/
/**************************inizio modal**************************/
.modal.modalLarge .modal-dialog {
    width: 85%;
    min-width: 600px;
}

.modal.modalMedium .modal-dialog {
    width: 65%;
    min-width: 400px;
}

.modal.modalSmall .modal-dialog {
    width: 45%;
    min-width: 300px;
}

.modal.modalMediumMinH {
    /*width: 65%;*/
    min-width: 400px;
    min-height: 800px;
}

@media(max-width:767px) {
    .modal.modalLarge .modal-dialog {
        min-width: 100%;
        margin: 10px;
        width: auto;
    }
}

@media(max-width:467px) {
    .modal.modalMedium .modal-dialog {
        min-width: 100%;
        margin: 10px;
        width: auto;
    }
}
/**************************fine modal**************************/

/*******inizio input custom*******/
.normalView {
    background-color: #fff !important;
}
/*******inizio input custom*******/

/****************************************************inizio gestione dropdown submenu*******************************************************/
.dropdown-menu > li > a.disabled, .dropdown-menu > li > a.disabled:focus, .dropdown-menu > li > a.disabled:hover, a.disabled, a.disabled:focus, a.disabled:hover {
    /*color: #777;*/
    opacity: 0.6;
    background-color: transparent;
    background-image: none;
    text-decoration: none;
    pointer-events: none;
    cursor: not-allowed;
}

.dropdown-menu {
    z-index: 1500;
}

.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 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: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

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

    .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;
        }

/****************************************************fine gestione dropdown submenu*******************************************************/

#divwidget {
    margin-top: 1em;
}

.divSettingDivider, .divMemoryDivider {
    margin-top: 1em;
}

    .divSettingDivider .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: none;
        background: none;
    }

#divwidget .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: none;
}

.divMemoryDivider .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: none;
}


/********************start jsTree path picker****************/
#devicePathTreeContainer .jstree-container-ul li a i {
    display: none !important;
}
/********************end jsTree path picker****************/

/************************************start dropzone management***********************************************/
.clean {
    margin-right: 6px;
    margin-top: 3px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .clean i {
        /*
    margin-top: 0px;
    font-size: 13px;
    margin-right: 5px;
    top: 6px;
    */
    }

.dropzone {
    height: 100px;
    border-width: 2px;
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 100px;
    text-align: center;
}

    .dropzone .inner {
        color: #222;
        border-color: #222;
    }

.dz-default.dz-message {
    display: none;
}

div.table {
    display: table;
}

    div.table .file-row {
        display: table-row;
    }

        div.table .file-row > div {
            display: table-cell;
            vertical-align: top;
            border-top: 1px solid #ddd;
            padding: 8px;
        }

        div.table .file-row:nth-child(odd) {
            background: #f9f9f9;
        }

/* The total progress gets shown by event listeners */
#total-progress {
    opacity: 0;
    transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress {
    opacity: 0;
    transition: opacity 0.3s linear;
}

/* Hide the delete button initially */
#previews .file-row .delete {
    display: none;
}

/* Hide the start and cancel buttons and show the delete button */

#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
    display: none;
}

#previews .file-row.dz-success .delete {
    display: block;
}

#previews {
    margin-bottom: 0px;
}

.uploadDomaIncident textarea.form-control {
    min-height: 0;
}

.uploadDomaCustomer textarea.form-control {
    min-height: 0;
}

/************************************end dropzone management***********************************************/

/********start mini form management************/
.form-sm label {
    font-size: 12px;
    margin-bottom: 0px;
}
/********start mini form management************/

/*******start fieldset management*******/
fieldset.customBorder {
    border: 1px solid #e5e5e5 !important;
    padding: 1em 1em 1em 1em !important;
    margin: 0 0 1.5em 0 !important;
    width: auto;
    padding: 0 10px; /* To give a bit of padding on the left and right */
    border-bottom: none;
}

    fieldset.customBorder.onlyline {
        border: 1px solid #e5e5e5 !important;
        padding: 1em 1em 1em 1em !important;
        margin: 0 0 1.5em 0 !important;
        width: auto;
        padding: 0 10px; /* To give a bit of padding on the left and right */
        border-bottom: none !important;
        border-right: none !important;
        border-left: none !important;
    }


#tabetxprocesslist fieldset.customBorder {
    margin-bottom: 0px !important;
}




fieldset.customBorder legend {
    font-size: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid #e5e5e5;
    width: initial;
    padding-left: 10px;
    padding-right: 10px;
}

legend.customBorder {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}

fieldset.customBorder.noLegend {
    margin-top: 12px !important;
    padding-top: 3px !important;
}
/*******end fieldset management*******/

/****************************************************inizio gestione spinner******************************************************/
.circularGContainer {
    float: right;
    position: relative;
    width: 25px;
    height: 25px;
    margin: auto;
    margin-top: 12px;
    visibility: hidden;
}

.circularGContainerInModal {
    float: left;
    position: relative;
    width: 25px;
    height: 25px;
    margin-top: 0px;
    margin-right: 3px;
    margin: auto;
    visibility: visible;
}

.circularG {
    position: absolute;
    background-color: #5A738E;
    width: 6px;
    height: 6px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    animation-name: bounce_circularG;
    -o-animation-name: bounce_circularG;
    -ms-animation-name: bounce_circularG;
    -webkit-animation-name: bounce_circularG;
    -moz-animation-name: bounce_circularG;
    animation-duration: 1.1s;
    -o-animation-duration: 1.1s;
    -ms-animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#circularG_1 {
    left: 0;
    top: 10px;
    animation-delay: 0.41s;
    -o-animation-delay: 0.41s;
    -ms-animation-delay: 0.41s;
    -webkit-animation-delay: 0.41s;
    -moz-animation-delay: 0.41s;
}

#circularG_2 {
    left: 3px;
    top: 3px;
    animation-delay: 0.55s;
    -o-animation-delay: 0.55s;
    -ms-animation-delay: 0.55s;
    -webkit-animation-delay: 0.55s;
    -moz-animation-delay: 0.55s;
}

#circularG_3 {
    top: 0;
    left: 10px;
    animation-delay: 0.69s;
    -o-animation-delay: 0.69s;
    -ms-animation-delay: 0.69s;
    -webkit-animation-delay: 0.69s;
    -moz-animation-delay: 0.69s;
}

#circularG_4 {
    right: 3px;
    top: 3px;
    animation-delay: 0.83s;
    -o-animation-delay: 0.83s;
    -ms-animation-delay: 0.83s;
    -webkit-animation-delay: 0.83s;
    -moz-animation-delay: 0.83s;
}

#circularG_5 {
    right: 0;
    top: 10px;
    animation-delay: 0.97s;
    -o-animation-delay: 0.97s;
    -ms-animation-delay: 0.97s;
    -webkit-animation-delay: 0.97s;
    -moz-animation-delay: 0.97s;
}

#circularG_6 {
    right: 3px;
    bottom: 3px;
    animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
}

#circularG_7 {
    left: 10px;
    bottom: 0;
    animation-delay: 1.24s;
    -o-animation-delay: 1.24s;
    -ms-animation-delay: 1.24s;
    -webkit-animation-delay: 1.24s;
    -moz-animation-delay: 1.24s;
}

#circularG_8 {
    left: 3px;
    bottom: 3px;
    animation-delay: 1.38s;
    -o-animation-delay: 1.38s;
    -ms-animation-delay: 1.38s;
    -webkit-animation-delay: 1.38s;
    -moz-animation-delay: 1.38s;
}



@keyframes bounce_circularG {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(.3);
    }
}

@-o-keyframes bounce_circularG {
    0% {
        -o-transform: scale(1);
    }

    100% {
        -o-transform: scale(.3);
    }
}

@-ms-keyframes bounce_circularG {
    0% {
        -ms-transform: scale(1);
    }

    100% {
        -ms-transform: scale(.3);
    }
}

@-webkit-keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes bounce_circularG {
    0% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(.3);
    }
}
/****************************************************fine gestione spinner******************************************************/

/******start revoNote*****/
.revoNoteContainer:hover .iconFullScreen {
    opacity: 1;
}

.iconFullScreen {
    opacity: 0;
    transition: opacity 0.5s linear;
    position: absolute;
    top: 3px;
    right: 20px;
}

    .iconFullScreen i {
        color: #000;
        opacity: 0.5;
        font-size: 12px;
    }

.revoNote-open {
    overflow: hidden;
}

.revoNoteContainer.opened {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.revoNoteContainer.closed {
    position: relative;
}

.revoNoteContainer.opened .iconFullScreen {
    top: 3px;
    right: 20px;
}

.revoNoteContainer.opened revonoteTextarea {
    height: 100%;
}

.revonoteTextarea {
    width: 100%;
    border: 1px solid #ccc;
    resize: none;
}

    .revonoteTextarea:focus {
        outline: none;
    }

        .revonoteTextarea:focus + .iconFullScreen {
            opacity: 1;
        }
/******end revoNote*****/

.someomint {
    width: 90px;
    padding: 5px;
    height: 22px;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
}

.pathSpan {
    display: block;
    padding-top: 9px;
}

#listMemoryFiles a {
    display: block;
}

.memoryfileActive {
    text-align: right;
}

    .memoryfileActive a {
        color: #0099ff;
    }

.labelinfoinform {
    padding-top: 8px;
    font-weight: 100;
}

.progressmemorycutting {
    background-color: #0094ff;
    height: 18px;
    margin-top: 8px;
    border: 1px solid #dbcdd3;
}

.cmdEterePlayer input {
    font-weight: bold;
    color: #0099ff;
    cursor: col-resize;
}


.bookmarkrow {
    margin-bottom: 0.5em;
    border-bottom: 1px solid #e1e1e1;
}

.bookmarkThumbnail {
    width: 150px;
    padding: 4px;
    border: 1px solid #cecece;
}


.memorydirnotexist {
    border: 1px solid #CE5454 !important;
    cursor: not-allowed;
}

.loaderMemoryBookMarks {
    display: block;
    background-color: #ffffff;
    z-index: 22999 !important;
    position: relative;
    top: 89px;
    padding: 2em;
    width: 99%;
    margin: 0 auto;
}


.memorydirnotexist {
    border: 1px solid #CE5454 !important;
    cursor: not-allowed;
}

.loaderMemoryBookMarks {
    display: block;
    background-color: #ffffff;
    z-index: 22999 !important;
    position: relative;
    top: 89px;
    padding: 2em;
    width: 99%;
    margin: 0 auto;
}

/*schedule*/
.icosecondaryevents {
    width: 26px;
}

#downloadfile {
    height: 200px;
    padding: 1em;
}

.infoinrow {
    padding-top: 8px;
    display: block;
}

.reportcode {
    float: left;
    margin-right: 1em;
    font-weight: normal;
}

#uploaddiv {
    height: 400px;
}

.logosidebar {
    height: 40px;
    display: block;
    text-align: right;
    padding-top: 0.5em;
}
    /* Logo master page top sx*/
    .logosidebar img {
        height: 30px;
    }

.paragraph2em {
    line-height: 2em;
}

.margin10px {
    margin-top: 10px;
}

.marginleft10px {
    margin-left: 10px;
}

.marginleft25px {
    margin-left: 25px;
}

.marginleft5px {
    margin-left: 5px;
}

.LoginBackgroundPage {
    background-color: #f9f9f9;
}

.noBorder {
    border: 0px !important;
}


/* ----------------------------------------------------------------------------------------- */
/* file picker */
/* ----------------------------------------------------------------------------------------- */

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

input[readonly] {
    background-color: var(--background-button-color)!important;
    cursor: text !important;
}

/* ----------------------------------------------------------------------------------------- */
/* */
/* ----------------------------------------------------------------------------------------- */


.padding0_5 {
    padding: 0.5em !important;
}
.padding1 {
    padding: 1em!important;
}
.padding1_5 {
    padding: 1.5em !important;
}

.padding2 {
    padding: 2em !important;
}

.paddingbottom0_5 {
    padding-bottom: 0.5em;
}

#formadvsearch div.icheckbox_flat-green {
    margin-top: 8px;
}

    #formadvsearch div.icheckbox_flat-green:after {
        margin-top: 8px;
    }

#divServiceDownload {
    display: block;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #cecece;
    padding-top: 1em;
}

    #divServiceDownload a {
        color: #fff
    }

/*
------------------------------------------------------------------------------    
Ch. 218150  
------------------------------------------------------------------------------    
*/

.table-responsive table tbody tr.even td {
    border-right: 0px solid #fff !important;
    border-left: 0px solid #fff !important;
}

.table-responsive table tbody tr.odd td {
    border-right: 0px solid #f9f9f9 !important;
    border-left: 0px solid #f9f9f9 !important;
}


.table-responsive table tbody tr.even td:hover {
    border-right: 0px solid #fff !important;
    border-left: 0px solid #fff !important;
}

.table-responsive table tbody tr.odd td:hover {
    border-right: 0px solid #E9F4F2 !important;
    border-left: 0px solid #E9F4F2 !important;
}

.panelRelationship {
    background-color: #fff !important;
    border-top: 1px solid #e6e9ed !important;
}

.colorYellow {
    color: #ffff00;
}
.colorRed {
    color: #ff0000;
}

.formlessborder {
    border: 1px solid #fff !important;
    -webkit-box-shadow: none;
}

#overlay {
    position: absolute;
    z-index: 2147483647;
    width: max-content;
    text-align: center;
}


.mediadatainfo {
    border: 1px solid #999;
}


/*https://cssgradient.io/*/

.progresshsmdatapump {
    height: 30px;
    border: 1px solid #cecece;
    width: 100%;
    background-color: #53d94d;
    background: linear-gradient(360deg, rgba(221,221,221,1) 0%, rgba(247,244,244,1) 60%);
}

#DetailsHsmPump input[type=text]:read-only {
    height: 30px;
    background-color: #eee !important;
    border-color: #999;
    cursor: not-allowed !important;
}

#mytabHsmPump {
    padding-left: 0px !important;
}

#tblHsmPcLibrary th:nth-child(3) {
    width: 40px;
}

#tblHsmPcLibrary tbody td:nth-child(3) {
    text-align: center;
}

/************START TABLE stSmallTable************/

.x_panel.stSmallTableSE {
    background-color: transparent !important;
    border: none !important;
}

    .x_panel.stSmallTableSE .x_title {
        border: none !important;
    }

    .x_panel.stSmallTableSE table {
        border-bottom: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        padding: 0px;
        margin-bottom: 0px;
        font-size: xx-small !important;
    }




        .x_panel.stSmallTableSE table.table-striped > tbody > tr:nth-of-type(odd) {
            background-color: transparent !important;
        }

        .x_panel.stSmallTableSE table.jambo_table thead {
            background-color: transparent !important;
        }

        .x_panel.stSmallTableSE table.stTable > thead > tr > th {
            text-transform: uppercase;
            border-right: 0px;
            border-top: 1px solid #565555 !important;
            border-bottom: 1px solid #565555 !important;
        }

    .x_panel.stSmallTableSE .table-responsive {
        height: 210px !important;
        overflow: auto !important;
    }

/************END TABLE stSmallTable************/

/************START TABLE stSmallTableAsset************/

.x_panel.stSmallTableSEAsset {
    background-color: transparent !important;
    border: none !important;
}

    .x_panel.stSmallTableSEAsset .x_title {
        border: none !important;
    }

    .x_panel.stSmallTableSEAsset table {
        border-bottom: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        padding: 0px;
        margin-bottom: 0px;
        font-size: xx-small !important;
    }




        .x_panel.stSmallTableSEAsset table.table-striped > tbody > tr:nth-of-type(odd) {
            background-color: transparent !important;
        }

        .x_panel.stSmallTableSEAsset table.jambo_table thead {
            background-color: transparent !important;
        }

        .x_panel.stSmallTableSEAsset table.stTable > thead > tr > th {
            text-transform: uppercase;
            border-right: 0px;
            border-top: 1px solid #565555 !important;
            border-bottom: 1px solid #565555 !important;
        }

    .x_panel.stSmallTableSEAsset .table-responsive {
        height: 430px !important;
        overflow: auto !important;
    }

/************START TABLE stSmallTableWLBL************/

.x_panel.stSmallTableSEWLBL {
    background-color: transparent !important;
    border: none !important;
}

    .x_panel.stSmallTableSEWLBL .x_title {
        border: none !important;
    }

    .x_panel.stSmallTableSEWLBL table {
        border-bottom: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
        padding: 0px;
        margin-bottom: 0px;
        font-size: xx-small !important;
    }




        .x_panel.stSmallTableSEWLBL table.table-striped > tbody > tr:nth-of-type(odd) {
            background-color: transparent !important;
        }

        .x_panel.stSmallTableSEWLBL table.jambo_table thead {
            background-color: transparent !important;
        }

        .x_panel.stSmallTableSEWLBL table.stTable > thead > tr > th {
            text-transform: uppercase;
            border-right: 0px;
            border-top: 1px solid #565555 !important;
            border-bottom: 1px solid #565555 !important;
        }

    .x_panel.stSmallTableSEWLBL .table-responsive {
        height: 560px !important;
        overflow: auto !important;
    }

/************END TABLE stSmallTableSEWLBL************/


.smallBtn {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    width: auto;
    height: 22px;
    cursor: pointer;
}


button.ui-dialog-titlebar-close {
    font-size: 12px;
    opacity: 0.8;
}

    button.ui-dialog-titlebar-close::after {
        content: 'x';
    }

.w100{
    width:100%!important;
}
.w100px {
    width: 100px!important;
}
/*#containerinvoiceTablePL input {
    background-color: #666666 !important;
}*/



.ui-widget-content {
    border-top: none!important;
}


#divAdvStory {
    padding:3rem;    
}
    #divAdvStory > div {
        height: 550px;
        overflow-y: auto;
        overflow-x: hidden;
    }


    #divAdvStory span {
        font-weight: bold;
        display:block;
        margin-top: 10px;
        margin-bottom: 5px;
    }

video::cue {
    background-color: transparent;
}

.linktextClArtist {
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    color: #08c !important;
    vertical-align: top;
    text-decoration: none;
}

.p-20{
    padding:20px!important;
}

#tblMediaArtistSegment td {
    padding:3px;
}

#tblLogs > thead > tr > th:nth-child(1){
     text-align:left;
}
#tblLogs > tbody > tr > td:nth-child(1), #tblLogs > tbody > tr > td:nth-child(4) {
    width: 60px;
}
#tblLogs > tbody > tr > td:nth-child(2) {
    width: 180px;
}
#tblLogs > tbody > tr > td:nth-child(5) {
    width: 100px;
}

#containerTableLog{
    height:80px;
    border:1px solid #cecece;
    overflow-y:auto;
}

.textAreaLogs100 {
    height: 100px !important;
}

.textAreaLogs250 {
    min-height: 250px !important;
}


.loaderVideoList {
    display: block;
    position: absolute;
    top: 55%;
    z-index: 9999999999;
    left: 50%;
    background-color: #e6e6e6;
}

#videofileContainer table tr:nth-child(odd) {
    background-color: #f4f4f4; /* Colore per le righe dispari */
}

#videofileContainer table  tr:nth-child(even) {
    background-color: #ffffff; /* Colore per le righe pari */
}

#listVideoFile > tr:nth-child(1) > td:nth-child(2) {
    text-align:left;
}

.editgalleryName {
    width: 100px;
    padding-left: 0.5em;
    border: 0px;
    border-bottom: 1px solid #cecece;
}

.timerRefreshOn {
    color: #26b99a!important;
}
#rndList, #rndSegments {
    padding: 1em;
    font-size: 1.0em;
        max-height: 1010px;
    overflow-y: auto;
}

#rndList ul li:not(:last-child), #rndSegments ul li:not(:last-child) {
    border-bottom: 1px solid #494949;
}

#rndList ul li, #rndSegments ul li{
    list-style:none;
    text-align:left;
    display:block;
    padding-bottom:0.1em;
    margin-left: -55px;
}


    #rndList > ul > li > div, #rndSegments > ul > li > div {
        color: #0096d6 !important;
        cursor: pointer;
        /* text-align: right; */
    }

#rndList > ul > li > div:hover, #rndSegments > ul > li > div:hover{
    color:#fff!important;
}

#colRndSearch, #colSegSearch {
    border-right: 1px solid #494949;
}

#tblLogsSaved a {
    color:#a8a8a8;
}