body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #1F303E;
    line-height: 30px;
    text-align: center;
}

strong { font-weight: 500; }


h1, h2 {
    margin-top: 10px;
    font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

img { max-width: 100%; }

::-moz-selection { background: #bee1fd; color: #fff; text-shadow: none; }
::selection { background: #bee1fd; color: #fff; text-shadow: none; }




/***** Top content *****/

.inner-bg {
    padding: 100px 0 170px 0;
}

.top-content .text {
    color: #fff;
}

.top-content .text h1 { color: #fff; }

.top-content .description {
    margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
    color: #fff;
}
.top-content .description a:hover,
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.form-box {
    margin-top: 35px;
}

.form-top {
    overflow: hidden;
    background: #eee;
    padding: 0 25px 15px 25px;
    -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
    text-align: left;
}

.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; }

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #ddd;
    line-height: 100px;
    text-align: right;
}

.form-bottom {
    padding: 25px 25px 30px 25px;
    background: #eee;
    -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
    text-align: left;
}

.form-bottom form textarea {
    height: 100px;
}

.form-bottom form button.btn {
    width: 100%;
}

.form-bottom form .input-error {
    border-color: #bee1fd;
}

.social-login {
    margin-top: 35px;
}

.social-login h3 {
    color: #fff;
}

.social-login-buttons {
    margin-top: 25px;
}


/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {

    .inner-bg { padding: 60px 0 110px 0; }

}

@media (max-width: 415px) {

    h1, h2 { font-size: 32px; }

}

.navbar-brand {
    padding: 0px;
}
.navbar-brand>img {
    height: 100%;
    padding: 0px;
    width: auto;
}
body {
    padding-top:100px
}

.navbar-default {
    border-color: #bee1fd;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #f7fcff;
    padding-bottom: 9px;
}
.nav-tabs>li>a {
    background-color: #eef7ff;
    background-position: 8px center;
    background-repeat: no-repeat;
    border-color: #9cd1fb;
    border-style: solid solid none;
    border-width: 1px;
    padding: 8px 8px 8px 28px;
    text-decoration: none;
}



.navbar-default .navbar-nav>.active>a:before,
.navbar-nav>li>a:before {
    background-repeat: no-repeat;
    background-position: 0 top;
    content: "";
    display: inline-block;
    height: 46px;
    margin-right: 5px;
    vertical-align: middle;
    width: 46px;
}

.navbar-default .navbar-nav>.active>a.home:before,
.navbar-nav>li>a.home:before { background-image: url('/mpapp/img/icones/Ping_48_dsn_p.png'); }

.navbar-default .navbar-nav>.active>a.monitoring:before,
.navbar-nav>li>a.monitoring:before {  background-image: url('/mpapp/img/icones/Ping_48_n_p.png'); }

.navbar-default .navbar-nav>.active>a.suppliers:before,
.navbar-nav>li>a.suppliers:before {  background-image: url('/mpapp/img/icones/Office_Block_2_48_n_p.png'); }


.navbar-default .navbar-nav>.active>a.clients:before,
.navbar-nav>li>a.clients:before {  background-image: url('/mpapp/img/icones/Briefcase_48_n_p.png'); }

.navbar-default .navbar-nav>.active>a.players:before,
.navbar-nav>li>a.players:before {  background-image: url('/mpapp/img/icones/Hard_Disk_Drive_48_n_p.png'); }

.navbar-default .navbar-nav>.active>a.users:before,
.navbar-nav>li>a.users:before {  background-image: url('/mpapp/img/icones/User_Group_1_48_n_p.png'); }

.navbar-default .navbar-nav>.active>a.harware:before,
.navbar-nav>li>a.hardware:before {  background-image: url('/mpapp/img/icones/Chip_48_n_p.png'); }

.navbar-default .navbar-nav>.active>a.servers:before,
.navbar-nav>li>a.servers:before {  background-image: url('/mpapp/img/icones/Server_48_n_p.png'); }


.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1500px;
}

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
    padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
    padding:6px 18px 6px 24px;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}

.btn-breadcrumb{

    margin-bottom:10px;
}

th {
    background-color: #bee1fd;
}

td, th {
    border-bottom: 1px solid #9cd1fb;
    padding: 4px 10px;
    white-space: nowrap;
}
a {
    color: #1f303e;
    font-weight: bold;
}

tr.odd:hover {
    background-color: #eef7ff;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px;
}


li.tab_clients a {
    background-image: url(/mpapp/img/icones/Briefcase_16_n_p.png);
}

li.tab_sites a {
    background-image: url(/mpapp/img/icones/Home_2_16_n_p.png);
}

li.tab_options a {
    background-image: url(/mpapp/img/icones/Properties_16_n_p.png);
}

li.tab_channels a, li.tab_channel_links a {
    /*  background-image: url(/mpapp/img/icones/Movie_Film_16_n_p.png);*/
    background-image: url(/mpapp/img/icones/Monitor_16_n_p.png);
}

li.tab_catalogs a {
    background-image: url(/mpapp/img/icones/View_Icons_16_n_p.png);
}

li.tab_playlists a {
    background-image: url(/mpapp/img/icones/Movie_Film_16_n_p.png);
}

li.tab_configurations a {
    background-image: url(/mpapp/img/icones/Options_3_16_n_p.png);
}

li.tab_active_playlist a {
    background-image: url(/mpapp/img/icones/Movie_Film_16_n_p.png);
}

li.tab_hotlinks a {
    background-image: url(/mpapp/img/icones/Plugin_16_n_p.png);
}

li.tab_slots a {
    /*  background-image: url(/mpapp/img/icones/Task_List_16_n_p.png);*/
    background-image: url(/mpapp/img/icones/Workflow_Horiz_Arrows_Multi_16_n_p.png);
}

li.tab_downloaders a {
    background-image: url(/mpapp/img/icones/Download_from_Web_16_n_p.png);
}

li.tab_counters a {
    /*  background-image: url(/mpapp/img/icones/Clock_16_n_p.png);*/
    background-image: url(/mpapp/img/icones/Stopwatch_16_n_p.png);
}

li.tab_medialist a {
    background-image: url(/mpapp/img/icones/List_16_n_p.png);
}

li.tab_schedules a {
    background-image: url(/mpapp/img/icones/Date_and_Time_16_n_p.png);
}

li.tab_medias a {
    background-image: url(/mpapp/img/icones/MP3_Player_1_16_n_p.png);
}

li.tab_links a {
    background-image: url(/mpapp/img/icones/Web_Link_16_n_p.png);
}

li.tab_tickets a {
    background-image: url(/mpapp/img/icones/Note_16_n_p.png);
}

li.tab_players a {
    background-image: url(/mpapp/img/icones/Monitor_16_n_p.png);
}

li.tab_components a {
    background-image: url(/mpapp/img/icones/Chip_16_n_p.png);
}

li.tab_netconfigs a {
    background-image: url(/mpapp/img/icones/World_Wide_Web_16_n_p.png);
    /*  background-image: url(/mpapp/img/icones/Network_Send_Data_16_n_p.png);*/
    /*  background-image: url(/mpapp/img/icones/Network_Drive_16_n_p.png);*/
}

li.tab_proxies a {
    background-image: url(/mpapp/img/icones/Network_Drive_16_n_p.png);
}

li.tab_zones a {
    /*  background-image: url(/mpapp/img/icones/Selection_16_n_p.png);*/
    background-image: url(/mpapp/img/icones/Pan_1_16_n_p.png);
    /*  background-image: url(/mpapp/img/icones/Pan_Diagonally_1_16_n_p.png);*/
}

li.tab_attachments a {
    background-image: url(/mpapp/img/icones/File_and_Folder_16_n_p.png);
}

li.tab_suppliers a {
    background-image: url(/mpapp/img/icones/Office_Block_2_16_n_p.png);
}

li.tab_skills a {
    background-image: url(/mpapp/img/icones/Certificate_16_n_p.png);
}

li.tab_users a {
    background-image: url(/mpapp/img/icones/User_3_16_n_p.png);
}

li.tab_groups a {
    background-image: url(/mpapp/img/icones/User_Group_1_16_n_p.png);
}

li.tab_privileges a {
    background-image: url(/mpapp/img/icones/Favorites_Yellow_16_n_p.png);
}

li.tab_hardwares a, li.tab_variables a, li.tab_texts a {
    background-image: url(/mpapp/img/icones/Label_16_n_p.png);
}

li.tab_manufacturers a {
    background-image: url(/mpapp/img/icones/Factory_16_n_p.png);
}

li.tab_products a {
    background-image: url(/mpapp/img/icones/Chip_16_n_p.png);
}

li.tab_alarms a, li.tab_active_alarms a, li.tab_alarm_logs a {
    background-image: url(/mpapp/img/icones/Alert_or_Warning_1_16_n_p.png);
}

li.tab_playlogs a {
    background-image: url(/mpapp/img/icones/Select_Document_16_n_p.png);
}

li.tab_missing_medias a {
    background-image: url(/mpapp/img/icones/Compile_Stop_16_n_p.png);
}

li.tab_servers a {
    background-image: url(/mpapp/img/icones/Server_16_n_p.png);
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}


caption {
    background-position: 8px center;
    background-repeat: no-repeat;
    border: 2px dotted #9cd1fb;
    margin-bottom: 5px;
    margin-left: inherit;
    margin-right: inherit;
    margin-top: inherit;
    padding: 4px 10px;
    white-space: nowrap;
}

.collapse .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.collapse .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
strong{
    color: #1f303e;
    text-align: center;

}

table {
    border-collapse: collapse;
    text-align: left;
}

ul#playlist li {
    border-style: dotted;
    border-width: 2px;
    list-style-position: inside;
    list-style-type: none;
    margin: 0.5em;
    padding: 0.5em;
}
li.slot_media {
    background-color: #f5fdf5;
    border-color: #73e673;
}
li.slot_group {
    background-color: #cae4ff;
    border-color: #738fe6;
    padding: 2em;
}
li.slot_downloader {
    background-color: #faf0fe;
    border-color: #d98ef0;
}
li.slot_playlist {
    background-color: #ffefef;
    border-color: #ff8080;
}
li.slot_hot {
    background-color: #ffc833;
    border-color: #ffe680;
}
ol.simple_with_animation li {
    border-style: dotted;
    border-width: 2px;
    list-style-position: inside;
    list-style-type: none;
    margin: 0.5em;
    padding: 0.5em;
}

.items li {
    border-style: dotted;
    border-width: 2px;
    list-style-position: inside;
    list-style-type: none;
    margin: 0.5em;
    padding: 0.5em;
}
ol.slot_media {
    background-color: #f5fdf5;
    border-color: #73e673;
}
ol.slot_group {
    background-color: #cae4ff;
    border-color: #738fe6;
    padding: 2em;
}
ol.slot_downloader {
    background-color: #faf0fe;
    border-color: #d98ef0;
}
ol.slot_playlist {
    background-color: #ffefef;
    border-color: #ff8080;
}
ol.slot_hot {
    background-color: #ffc833;
    border-color: #ffe680;
}

#DEBUG




ol li {
    border-style: dotted;
    border-width: 2px;
    list-style-position: inside;
    list-style-type: none;
    margin: 0.5em;
    padding: 0.5em;
}
ul.container {
    background-color: #fff;
    padding: 0.5em;
}
li.slot_group {
    background-color: #cae4ff;
    border-color: #738fe6;
 }
 .warning {
    background-image: url("/mpapp/img/icones/Alert_or_Warning_1_16_n_p.png");
}
.ico16_left {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
}

#playlist{

 text-align: left;

}


.ul{

 text-align: left;

}
body.dragging, body.dragging * {
  cursor: move !important;
}



body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol li.placeholder {
  position: relative;
  /** More li styles **/
}
ol li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}
li {
    cursor: pointer;
}


nav.navbar.shrink {
  min-height: 35px;
}

nav.navbar{
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

p .help-block{
    font-size: 8px;
    display:inline;
}
li.slot_disabled {
    background-color: #f0f0f0;
    border-color: #666666;
}
#gotop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#gotop:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}