/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   /* 
   
   #20aede;
   #5095b6;
   
   */

body, html {
  font-size:11px;
  font-family:"Open Sans";
}
  
* {
  outline: 0;
} 

form { margin:0px; padding:0px; } 

.tab-pane { padding:0px; margin:0px }

.pr_head {color:#20aede;margin-top:0px !important;font-weight:500;}

.btn-s {
  border-radius: 0px;
  outline: 0;
}
   
.modal-header{
     background-color:rgba(29,193,245,1);
}
.modal-content {
    overflow:hidden;
}   
  
#maincanvas {
  background-color:white;
  position:relative; 
  z-index:1;
}

.mcstatic {
  overflow:hidden;
}

.mcfluid {
 overflow-y:auto;
}

.mcphone {
  -webkit-box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.48);
  -moz-box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.48);
  box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.48);
  width:320px;
  height:480px;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
}

.mcipad {
  -webkit-box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.48);
  -moz-box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.48);
  box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.48);
  width:768px;
  height:1024px;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
}

.mcdesktop {
  -webkit-box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.48);
  -moz-box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.48);
  box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.48);
  width:1024px;
  height:662px;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
}

.mcfullwidth {
  width:100%;
  height:100%;
  margin-top:0px;
}

#propsmenu {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 5px;
    list-style: none;
}

#layerlist {
  height:230px;
  overflow-y:scroll;
}
#layerlist_sortable {
  list-style-type: none;
  margin:0px;
  padding:0px;
}

#slidelist {
  height:400px;
  overflow-y:scroll;
}
#slidelist_sortable {
  list-style-type: none;
  margin:0px;
  padding:0px;
}

.recinfo {
  border-radius:8px;
  background-color:#eeeeee;
  padding:10px;
}

.sb_biglabel {
  background-color:#232323;
  color:white;
  font-size:14px;
  font-weight:bold;
  padding:7px;
  width:100%;
}

.sb_toolbar {
  background-color:rgb(157, 157, 157);
  color:white;
  font-size:14px;
  font-weight:bold;
  padding:0px;
  width:100%;
  height:20px;
}

.sb_biglabel > .btn-default, .sb_biglabel > .btn-toolbar > .btn-group > .btn-default {
  color:white;
  background-color: rgb(157, 157, 157);
  border:none;
  border-radius:2px;
  outline: 0;
}

.sb_biglabel > .btn-default:hover, .sb_biglabel > .btn-toolbar > .btn-group > .btn-default:hover {
  color:rgb(238, 238, 238);
  background-color: rgb(51, 51, 51);
}

.sb_toolbar > .btn-toolbar > .btn-group-justified > .btn-group > .btn-default  {
  color:white;
  background-color: rgb(157, 157, 157);
  border:none;
  border-radius:0px;
  outline: 0;
}

.sb_toolbar > .btn-toolbar > .btn-group-justified > .btn-group > .btn-default:hover {
  color:rgb(238, 238, 238);
  background-color: rgb(51, 51, 51);
}

.sb_searchdiv {
  padding:6px;
  background-color:#5095b6;
  color:white;
}

.btn-ico {
  border-radius:0;
}

.btn-ico:hover {
  background-color:rgba(29,193,245,1);
  color:white;
}

#tree { float:left; min-width:319px; border-right:1px solid silver; overflow:auto; padding:0px 0; }
#data { margin-left:320px; }
#data textarea { margin:0; padding:0; height:100%; width:100%; border:0; background:white; display:block; line-height:18px; }
#data, #code { font: normal normal normal 12px/18px 'Consolas', monospace !important; }

/* NAVBAR */

.navbar-inverse {
  
  background-color: #20aede;
  border-color:#20aede;
  border:none;
}

.navbar-nav > li > a {
  min-width:80px;
  height:41px;
  text-align:center;
  padding-top:6px;
  border-top-left-radius:8px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-top-right-radius:8px; 
  margin-top:9px;  
  margin-right:2px;
}

.navbar-nav > li > a > .fa {
  font-size:18px;
  display:block;
  line-height:18px;
  color: white;
}

.navbar-nav > li > a > span {
  display:block;
  text-transform:uppercase;
  font-size:10px;
  line-height:14px;
  color: white;
}

.navbar-nav >  li.active > a > .fa {
  color: white;
}

.navbar-nav > li.active > a > span {
  color:white;
}

.navbar-nav > li > a > img {
  font-size:24px;
  display:block;
  line-height:24px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a {
  background-color: #232323;
}

.navbar-inverse .navbar-nav>a, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>a {
  background-color: #232323 !important;
}

/* PILLS */

.nav-pills>li>a {
  border-top-left-radius:8px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-top-right-radius:8px;
  margin-top:6px;
  padding-top:5px;
  padding-bottom:5px;
  color:white;
  font-weight:700;
  line-height:14px;
  margin-right:2px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover  {
  background-color:white;
  color:#232323;
}

.nav-pills>li>a:focus, .nav-pills>li>a:hover  {
  background-color:#232323;
  color:white;
}

.nav-pills.nav-pills-inner>li>a {
  border-radius:4px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#232323;
  color:white;
  font-weight:400;
  margin-top:0px;
}

.nav-pills.nav-pills-inner>li.active>a, .nav-pills.nav-pills-inner>li.active>a:focus, .nav-pills.nav-pills-inner>li.active>a:hover  {
  background-color:#20aede;
  color:white;
}

.nav-pills.nav-pills-inner>li>a:focus, .nav-pills.nav-pills-inner>li>a:hover  {
  background-color:#20aede;
  color:white;
}


.nav-pills.nav-pills-inner>li { margin:2px; }
.nav-pills.nav-pills-top>li { margin:0px; }
/* TABLES */

.table { margin:0; }

.tr_l > td { font-size:11px; color: white; font-weight:700; }

.tr_l {
  cursor:pointer;
}

.table > tbody > tr > td {
  border:none;
}

.tpr { padding:0px !important;width:0px !important; }

.tr_l:hover {
  background-color:transparent !important;
}

.tr_l.selected > td.tpn {
  background-color: #ffffff !important;
  color:#232323;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}

.tr_l:hover > td.tpn {
  background-color: #232323 !important;
  color:white;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}


.tr_l.selected > td > .tpi, .tr_l:hover > td >.tpi {
  width:10px !important;
}

.std { padding:0 4px 0 0; }

.recinfo > .table > tbody > tr > td {
  padding:3px;
  font-size:10px;
  font-weight:600;
  color:#aaaaaa;
}

.clr { cursor:pointer; }

/* BUTTONS */

.btn-xs { 
  font-size:10px;
}


/* SELCT */

.select-noborder {
  margin:0;
  border:0;
  background-color:transparent;
  border-radius:0;
  font-size:11px;
  box-shadow:none;
  border-image:none;
  padding:5px;
  height:26px;
  line-height:16px;
}

.select-noborder:focus {
  border:0;
  box-shadow:none;
  border-image:none;  
}

.std>.select-noborder {
  background-color:white;
  padding:2px;
  height:20px; 
  border-radius:4px;    
}

/* INPUT */

.input-noborder {
  margin:0;
  border:0;
  background-color:transparent;
  border-radius:0;
  font-size:11px;
  box-shadow:none;
  border-image:none;
  padding:5px;
  height:26px;
  line-height:16px;
}

.input-noborder:focus {
  border:0;
  box-shadow:none;
  border-image:none;  
}

.std>.input-noborder {
  background-color:white;
  padding:2px 6px;
  height:20px; 
  border-radius:4px;  
  font-weight:600;
}

/* SYSTEM MAIN */

#js_editor, #css_editor {
 margin:0px;
}

/* PROJECTS */

.maintitle {
  font-size:28px;
  font-weight: 400;
  color: rgba(29,193,245,1);
  margin-bottom:15px;
  line-height:28px;
}

.tabtitle {
  font-size:16px;
  color:white;
  font-weight: 400;
  background-color: rgb(221, 221, 221);
  line-height:28px;
  padding-left:15px;
  margin-bottom:10px;
  margin-top:10px;
}


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

#bordertable td {
  padding:0px;
  font-size:11px;
  background-color:white;
}

#bordertable td > input,#bordertable td > select,#bordertable td > .input-group-addon {
  border-radius:0px !important;
}

.dropdown-menu {
    min-width: 0px !important;
}

.dropdown-thin > li {
  font-size:12px;
}

/*programme*/

  .pr_session { overflow:hidden;width:100%; padding:15px; border-bottom:1px solid #e0e0e0; }
  .room_location { background-color:#5297d4;font-weight:800;padding:5px 10px !important; color:#ffffff !important;}
  .pr_session_speaker {padding-left:15px;width:75%;float:right;font-size:11px;}
  .pr_session_time { font-size:18px; line-height:26px;color:#999;}
  .pr_session_type { background-color:#20aede;font-size:18px;font-weight:600;padding:5px 10px !important; color:#ffffff !important;border-top-right-radius:8px;border-top-left-radius:8px;}
  .pr_session_title {font-size:18px;color:#20aede;line-height:26px;font-weight:600;}
  .pr_subsession_title {font-size:14px;line-height:26px;}
  .pr_subsession_time {font-size:14px;line-height:26px;color:#999;}
  .trow { cursor:pointer; }
  .trow:hover { background-color:#eee; }
  .pr_head {color:#20aede;margin-top:0px !important;font-weight:600;}