/*Import Fonts*/
@font-face {
  font-family: RobotoRegular;
  src: url('/WebResources/fonts/Roboto-Regular.eot');
  src: url('/WebResources/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('/WebResources/fonts/Roboto-Regular.ttf') format('truetype');
}
@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
  }
}

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
  }
}

a:hover{text-decoration:none}
ul{padding:0;list-style:none}
input[type="radio"]{position:relative;bottom: -2px}

@media (min-width: 1200px){
  .container {
    width: 1020px;
  }
}

@media (max-width: 767px){
  .pad-sm-10{margin-bottom:10px}
  .pad-sm-15{margin-bottom:15px}
}

h1,h2,h3,h4,h5,p{margin:0}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: RobotoRegular, "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif!important;
}

body{line-height:1.32em;}

#body{margin-top: 200px}
#body-preview{margin-top: 100px}

#document{margin-top:200px}
#document-preview{margin-top: 100px}

.pos-rel{position:relative}
.inline-block{display:inline-block}
.pad-15{margin-bottom:15px}
.mar-bot-10{margin-bottom:10px}
.vertical-top{vertical-align:top}
.width-100{width:100%;}
.bold{font-weight:bold;}
.center{text-align:center;margin: auto;}
.bot-5{padding-bottom:5px}
.bot-10{padding-bottom:10px}

.btn{padding:3px 25px}
.btn-primary{background-color:#1950a0;border-color:#1950a0;outline:none}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#f29200 !important;border-color:#f29200 !important;outline:none !important}

/* GENERAL */
.general-heading{color:#13458a;font-weight:bold}

/* SPECIFIC */
#header{background-color:#ffffff}
.navbar-toggle{border-color:#222222}
.navbar-toggle .icon-bar{background-color:#222222}
.navbar-brand{height:auto;padding-top:12px;padding-bottom:12px;padding-right:5px}
.nav>li>a:focus, .nav>li>a:hover{background:none}

#header .nav>li>a:hover{font-weight: bold}
#header .nav>li>a>img{padding-bottom: 6px;}

#navbar{border-bottom:1px solid #777777}
#navbar .navbar-nav{margin-top: 15px;}
#desktop-logo-scroll{display:none}

#body{margin-top: 200px}
#body-preview{margin-top: 100px}

#logged-in-user-data{float:left;padding-top:12px;padding-bottom:12px;padding-left:15px;color:#18509D}
.logged-in-user-rating{margin-top:3px}
.logged-in-user-rating>i{color:#f29200;font-size:18px}

#main-nav{text-transform:uppercase;margin-top:20px;font-weight:bold}
#main-nav>a{margin-right:20px;color: #1950a0;opacity: 0.6}
#main-nav>a:last-child{margin-right:0}
#main-nav>a:hover{color:#1950a0;opacity: 1}
#main-nav>a>i{margin-right:5px}

#top-bar{margin-top: 10px;border-bottom: 1px solid #888888;padding-bottom: 15px;}

#workshop-article-menu table {margin-bottom: 5px}
#workshop-article-menu.navbar-nav td{vertical-align: top;}
#workshop-article-menu.navbar-nav a{padding-bottom:0;padding-right: 5px;color:#000000;display: block;}
#workshop-article-menu.navbar-nav a:focus{text-decoration:none}
#workshop-article-menu .sidenav-progress{width: 17px;}
#workshop-article-menu .sidenav-item .caret{ margin-top: 6px;}
#workshop-article-menu .complete-state{padding-right:5px;padding-bottom: 2px;}
#workshop-article-menu .nav-list{ margin-bottom: 0;margin-top: 10px}

#workshop-review-mode{background-color: red; color: white; text-align: center;margin-bottom: 10px}
#workshop-review-mode-message{color: red;text-align: center;}
        
#middle-bar{padding-top: 12px;border-bottom: 1px solid #888888;}
.workshop-home-not-found{ font-weight: bold;color:#f29200;}        

#workshop-quicklinks>div{margin-bottom:10px}
#workshop-quicklinks > div > img{display: inline-block;}
.workshop-points-avaliable{font-weight:bold;color:#f29200;padding: 0;}       
.workshop-quicklink-title{display: block;font-size: 12px;text-transform: uppercase;color: #000000;}
.workshop-quicklink-item{display: inline-block;width: 40px;height: 40px;max-width: 100%;background-position: center;background-repeat: no-repeat;background-size: contain;cursor: pointer;opacity: 0.6;}
.workshop-quicklink-item:hover{color:#1950a0;opacity:1;}
#workshop-quicklinks > div > a:hover{font-weight:bold;}

.active-link{color:#1950a0!important;opacity: 1 !important;font-weight: bold;}
.active-link .workshop-quicklink-item{color:#1950a0!important;opacity:1;}

.quicklink-1{background-image: url('../../WebResources/images/workshop/Accommodation.png');}
.quicklink-2{background-image: url('../../WebResources/images/workshop/Airline.png');}
.quicklink-3{background-image: url('../../WebResources/images/workshop/CarHire.png');}
.quicklink-4{background-image: url('../../WebResources/images/workshop/Cruises.png');}
.quicklink-5{background-image: url('../../WebResources/images/workshop/Destinations.png');}
.quicklink-6{background-image: url('../../WebResources/images/workshop/Touroperators.png');}
.quicklink-7{background-image: url('../../WebResources/images/workshop/Miscellaneous.png');}

.workshop-hr{border-top: 1px solid #a9864a;margin-top: 25px;margin-bottom: 10px;}
#bottom-bar{border-bottom: 1px solid #888888;padding-bottom: 10px;margin-bottom: 15px;}
#bottom-bar td{padding-bottom: 6px;}
#bottom-bar .fa{margin-right: 10px;font-size: 19px;position: relative;bottom: -3px;color: #f29200;}

.workshop-client{position: absolute;top: -8px;left: -8px;border-radius: 42px;}
.workshop-content{position: relative;min-height: 197px;}
.workshop-content-table{width:100%;min-height:180px}
.workshop-options{margin: 0;color: #f29200;font-weight: Bold;font-size: 12px;}
.workshop-options > li{float: left;margin-right: 15px;}
.workshop-options > li:last-child{margin-right: 0;}
.workshop-options-icon{margin-bottom: 3px;}
.workshop-options .fa{color: #ecd6a0;}
.workshop-start{margin-top:10px}
.workshop-start > button{font-size: 15px;font-weight: bold;letter-spacing: .75px;}
/*.workshop-top{padding-bottom: 40px;}*/
.workshop-title{font-weight: Bold;font-size: 15px;width:100%}
.workshop-article-title>h2{font-size: 1.6em;margin-bottom: 5px;}
/*.workshop-bottom {position: absolute;left: 0;bottom: 0;width: 100%;}*/

/* Worskhop lessons style */
.workshop-article-title{border-bottom: 1px solid #888888;}
#workshop-article-menu, #workshop-article-menu > li{width: 100%;margin-bottom: 5px;margin-left: 0;}
#workshop-article-menu .caret{margin-top: 6px;}
#workshop-article-menu > li > a{padding-top: 10px;padding-bottom: 10px;padding-left: 0;}
#workshop-article-body{margin-left: -15px;padding-left: 15px;min-height: 500px;border-left: 1px solid #000000;}

.workshop-article-heading {font-size: 14pt;font-weight: bold}

.article-content ul{padding-left:40px;list-style:disc}
.article-content img{max-width:100%;height: 100%!important;}
.article-content{margin-bottom: 30px;display: inline-block;}
.article-nav{position: absolute;left: 0;width: 100%;bottom: 17px;height: 0;}
.article-nav-spacer{width: 100%; height: 40px; float:left; display:inline-block}
.article-prev{margin-left: 15px;margin-bottom: 2px;}
.article-next{margin-right: 15px;}

.navbar-scrolled #logged-in-user-data>div{display:inline-block;margin-right:10px}
.navbar-scrolled #navbar .navbar-nav{margin-top:1px}
.navbar-scrolled .navbar-brand{padding-top:8px;padding-bottom:8px}
.navbar-scrolled #logged-in-user-data{padding:15px 0 15px 8px}
.navbar-scrolled #desktop-logo{display:none}
.navbar-scrolled #desktop-logo-scroll{display:block}
#body-header{border-bottom:1px solid #888888;padding-bottom:10px}
         
#dashboard-table tr{border-bottom:1px solid #bdbdbd}
#dashboard-table tr>th{padding-right:10px;padding-left:10px}
#dashboard-table tr>th:first-child{padding-left:0}
#dashboard-table tr>th:last-child{padding-right:0}
#dashboard-table tr>td{padding-bottom:10px;padding-top:10px}
#dashboard-table tr>td:last-child{padding-right:0}
#dashboard-table>tbody>tr:last-child{border-bottom:none}
        
#dashboard-table .workshop-title tr{border: 0}
#dashboard-table .workshop-title tr>td{padding: 0 20px 0 0}
/*#dashboard-table .workshop-title{display:table;table-layout: fixed;}*/
/*#dashboard-table .col-xs-2{padding: 0 15px 0 0;display:table-cell;vertical-align:middle;float:none;}
#dashboard-table .col-xs-10{padding:0;display:table-cell;vertical-align:middle;float:none;}*/
#dashboard-table .completed-date{font-weight: normal;padding-top: 5px;}

.icon-circle{display:inline-block;border:2px solid #000000;width:42px;height:42px;line-height:39px;font-size: 16px;border-radius:21px}
.icon-circle.icon-points{border-color:black;color:black}
.icon-circle.icon-progress{border-color:green;color:green}
.icon-circle.icon-pending-progress{border-color:red;color:red}

#footer{background-color:#1950a0;color:#ffffff;margin-top: -11px;}
#footer-nav{padding-top:10px;padding-bottom:5px;margin:0}
#footer-nav>li{float:left}
#footer-nav a, #footer-nav p{color:#ffffff}


@media(max-width:768px){

    /*#body{margin-top:250px}*/

    #workshop-quicklinks>div{margin-bottom:15px}
    .workshop-quicklink-title{font-size:10px;line-height:12px}

    .workshop-home-item-content{margin-top:15px}
}

@media(max-width:1199px){
    /*#body{margin-top:210px}*/
}

@media(max-width:991px){
    /*#body{margin-top:265px}*/
}

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

    #document {margin-top: 295px}
    #navbar .navbar-nav{margin-top:-15px}
}

@media(max-width:767px) {

    #desktop-logo-scroll{display:block}
}

@media(max-width:768px){

    #document {margin-top: 65px}

    #body{margin-top: 15px}

    body>.container{padding-right:5px}

    #footer-nav>li{float:none}
    .footer-divider{display:none}

    #navbar .navbar-nav{margin-top:0}
    .navbar-scrolled #logged-in-user-data{padding:8px 0 0px 8px}
    .navbar-scrolled #logged-in-user-data>div:first-child{display:inherit}
    .logged-in-user-points{display:inline-block}
    .logged-in-user-rating{display:inline-block;margin-left:5px}
    
    .workshop-article-row,.workshop-article-row>td{float:left;width:20%}
    .workshop-article-row{display:block;width:100%}
    .workshop-article-row>td:first-child{display:block;width:100%}
}

/* ie8 bug fix */
@media (min-width: 768px) {
    .col-sm-3 {
        float:left;
        width: 25%;
    }
    .col-sm-9 {
        float:left;
        width: 75%;
    }
}