div.pc_title_bar span.pc-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    width: 90%;
}
.screen_cont .loader_cont {
    width: 100%;
}

.page-content {
    background-color: #e1e5ec!important;
}

.micro_chart_area{
    height: 25px;
}

.period_text {
    position: absolute;
    display: block;
    top: 2px;
    bottom: 0;
    left: -6px;
    right: 0;
    line-height: 19px;
    font-size: 24px;
    color: #FFF;
    font-weight: bolder;
    text-align: center;
    vertical-align: middle;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.2;
    pointer-events: none;
}
/*
div.prod_chart_cont {
    max-width: 195px;
    width: 100%;
}*/

#sr_modal_block{
    display: none;
    z-index: 10040;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.sr_modal_block{
    display: none;
    z-index: 10040;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.expandor_btn{
    right: 5px;
}

.cli_scr_img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.clear-both{
    clear: both;
}
.screen_refreshing {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
}
.btn-md{
    padding-bottom: 7px;
    padding-top: 7px;
}

.portlet_opacity{
    animation-name: portlet_opacity_one;
    animation-duration: 2s;
    opacity: 1;
}

.portlet_opacity_z{
    animation-name: portlet_opacity_zero;
    animation-duration: 2s;
    opacity: 0;
}

@keyframes portlet_opacity_one {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes portlet_opacity_zero {
    from {opacity: 1;}
    to {opacity: 0;}
}

.map_div {
    max-width: 100%;
    max-height: 100%;
    width: 100% !important;
    height: 100% !important;
    vertical-align: middle;
}

.sr_c_border_btn{border: 1px solid #c7c7c7!important;}

.btn-group>.dropdown-menu, .dropdown-toggle>.dropdown-menu, .dropdown>.dropdown-menu {
    margin-top: 0px;
    margin-bottom: 20px;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.progress-bar:hover{
    cursor: pointer;
}

.disabled, .disabled span, .disabled .input, .disabled input, .disabled .label, .disabled label, .disabled .button, .disabled button, .disabled a, :disabled {
    cursor: not-allowed !important;
}

.popover{
    z-index: 99999;
}

.info-spot{
    margin-left: -20px;
    margin-top: 10px;
    z-index: 2;
    position: relative;
}

.divider{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #f1f3f6;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

/* ICON */
.glyphs-icon-orange:before {
    color: #ffae00;
}

/* LOADER */
#loaderCurtain {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255,255,255,0.8);
    z-index: 999999;
}
#loaderCurtain>span {
    line-height: 100%;
    vertical-align: middle;
    height: 100%;
}
.loader.huge {
    background-image: url(../img/standard/loaders/loading64.gif);
    width: 64px;
    height: 64px;
}
.loader {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: url(../img/standard/loaders/loading16.gif) no-repeat center center;
    margin-top: -1px;
    margin-bottom: 1px;
}

.mt-element-ribbon .ribbon-border-dash{
    border: 1px dashed;
    border-color: #9ca8bb;
    padding: 1px;
}
.mt-element-ribbon .ribbon.ribbon-border-dash:after{
    content: normal;
}
.glyphs-icon-marker:before,
.glyphs-icon-unlike:before,
.glyphs-icon-lightning:before {
    padding-left: 5px;
}
.icon-speech:before{
    margin-right: 5px;
}

@media (min-width: 992px){
    .page-sidebar-menu.page-sidebar-menu-closed>li:hover {
        box-shadow: 0px 0px rgba(44,53,66,.2);
    }
    .page-sidebar-menu.page-sidebar-menu-closed>li:hover>.sub-menu {
        box-shadow: 0px 0px rgba(44,53,66,.2);
    }
}

.sweet-alert {
    z-index: 99999!important;
}

.sweet-overlay {
    z-index: 99999!important;
}

/* Mobile */
@media (max-width: 768px) {
 .sweet-alert{
     max-height: 90%!important;
     margin-top: 0px!important;
     top: 5%!important;
 }

}

.devinfo_cont{
    left: 10px;
    top: 5px;
}

.sr_destination{
    right: 10px;
    bottom: 5px;
}

.sr_source-t{
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sr_destination-t{
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/*

self.myModal.modal();
self.myModal.addClass('container');
self.myModal.find('.modal-header .modal-title').html(self.clientName + ' - ' + dil["contact_list"]);
self.myModal.find('.modal-body').html(contactListTable);

*/

/* Media Galery */
.files-list {
    padding-left: 0px;
}

.files-icons.on-dark > li, .files-icons.on-dark > li > .file-link, .files-icons.on-dark > li > a {
    color: #000;
}

.bg-green-jungle{
    background: #71bd1f!important;
}

#group_edit_list{
    list-style: none;
    padding: 5px;
}
#group_edit_list li{
    padding: 5px;
}

/*#5886c3*/

.extra_mon{
    max-width: 60px;
    opacity: 0.4;
    transition: opacity 400ms;
    border: 2px solid #F44336;
}


.pc_container_div:hover .extra_mon{
    opacity: 1;
    transition: opacity 400ms;
}

.extra_mon{
    max-width: 25%;
}

.sr_fullscreen:hover .extra_mon{
    opacity: 1;
    transition: opacity 400ms;
}

/* Main TAB Begin */
#sr_group .nav-pills, .tabbable-tabdrop .nav-tabs {
    background-color: white;
}

#sr_group{
    border: 2px solid #fff!important;
}

#sr_group .sr_group_nav-tabs>li.active>a, .sr_group_nav-tabs>li.active>a:focus, .sr_group_nav-tabs>li.active>a:hover {
    background-color: #e1e5ec!important;
    border-top-width: 2px;
    border-top-color: #fff;
}
/* Main TAB End */

/* Main TAB Begin */
.rule1>#sr_groupmodal>.nav-tabs {
    background-color: #f1f2f3;
}

.rule1>#sr_groupmodal{
    border: 2px solid #f1f2f3!important;
}

.rule1>#sr_groupmodal>.sr_group_nav-tabs>li.active>a, .sr_group_nav-tabs>li.active>a:focus, .sr_group_nav-tabs>li.active>a:hover {
    background-color: #fff!important;
    border-top-width: 2px;
    border-top-color: #f1f2f3;
}
#sr_groupmodal>.tab-content{
    padding: 10px;
}
/* Main TAB End */


/* Left Search Button Begin */
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder {
    color: #b4bcc8!important;
    opacity: 1
}

.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder {
    color: #b4bcc8!important;
}

.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder {
    color: #b4bcc8!important;
}

.page-sidebar .sidebar-search .input-group .input-group-btn .btn>i, .page-sidebar-closed .page-sidebar .sidebar-search.open .remove>i, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn>i {
    color: #b4bcc8!important;
}
.sidebar-search .form-control{
    color: #b4bcc8!important;
}

.page-sidebar .sidebar-search .input-group, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group {
    border-bottom: 1px solid #b4bcc8;
}
/* Left Search Button End */

/* Expired Begin */
.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(15px);
}

.uninstall_btn_hidden {
    z-index: 2 !important;
    position: absolute !important;
    /* left: 77px !important; */
}
/* Left Search Button End */

.detail-sys:hover{
    cursor:pointer;
}

.sr_focus-border{
    background-color: #5886c3!important;
}

.page-header.navbar .logo-default-right{
    display: none;
}
@media (min-width: 992px){
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar  .logo-default-right {
        display: block!important;
    }
}
.tooltip {
    z-index: 9999999999999!important;
    opacity: 1!important;
}

.popover {
    max-width: 376px;
}

.ui-draggable .ribbon:hover {
    cursor: move;
}

.ribbon-bg{
    background-color: #bac3d0!important;
}

.ui-autocomplete{
    z-index: 99999;
}

.site_table{
    font-size: 14px;
}

.dropdown-menu {
    /*
    min-width: 300px!important;
    width: 300px!important;
    */
}

.modal-body .dropdown-menu{
    min-height: 250px;
}

#main-content .isMobile .portlet-body{
    display: none;
}

#main-content .isMobile .portlet-title{
    min-height: 0px;
}

#main-content .isMobile .portlet-footer{
    margin-top: 0px;
}

#main-content .isMobile .ribbon-shadow{
    float: left;
}

#main-content .isMobile .children-tooltip-per{
    margin-top: 0px;
    width: 34px!important;
}

.isMobile .portlet.light {
    background: none!important;
}
.prod_chart_cont {
    width: calc(100% - 43px) !important;
    margin-right: 5px;
}

#main-content .isMobile .prod_chart_cont {
    margin-top: 0px;
}
.bg-grey-salsa2 {
    background: #d0d3d8!important;
}

.isMobile{
    border: 1px ridge #415265;
}
.detail-sys{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-wrap: break-word;
    width: 161px;
    display: inline-block;
    text-align: left;
    overflow-y: hidden;
    padding-left: 5px;
}
.pcname{
    display: inline-flex;
}
.pcname .icon-user{
    line-height: 17px;
}

.pcname .glyphs-icon-user{
    line-height: 17px;
}
.extra_mon_standby {
    max-width: 64px;
    opacity: 0.8;
    transition: opacity 400ms;
    border: 2px solid #f9a2a7;
    bottom: 0px;
    background-color: #e1e5ec;
    margin-left: 96px;
    padding: 2px;
}

.scr-time-cont-slider{
    width: calc(100% - 150px) !important;
}

.scr-time-cont-slider .irs{
    height: 20px!important;
}

.scr-time-cont-slider .irs-line{
    top: 3px!important;
}

.scr-time-cont-slider .irs-bar{
    top: 3px!important;
}
.scr-time-cont-slider .irs-bar-edge{
    top: 3px!important;
}
.scr-time-cont-slider .irs-shadow{
    top: 0px!important;
}
.scr-time-cont-slider .irs-slider{
    top: 0px!important;
}

.bootstrap-timepicker-widget{
    z-index: 999999;
    min-width: 5px!important;
    width: auto!important;
}

.download-page-panel{
    display: inline-block;
    margin: 15px;
    cursor: pointer;
}

.download-page-panel .model-btn{
    width: 120px;
    height: 120px;
    background: url(../assets/pages/img/bg-white-lock.png);
    border-radius: 60px!important;
    padding-left: 0px;
    font-size: 40px;
    padding-top: 50px;
    margin-bottom: 5px;
}

.download-page-panel .title{
    text-align: center;
    color: #fff;
    font-weight: 600;
}