/*tutorials*/

#tutorial-links.nav {
    display:block;
}

#tutorial-links.nav li{
    padding: 10px 15px;
}

/*navpills*/
.nav-pills .nav-link{border-radius:.25rem}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#2C93B1}

li.t-link, li.t-dropdown {
    border-radius: 4px;
    border:none !important;
}

.nav-pills>li>a {
    padding: 10px 15px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    border-color: #2C93B1;
    background-color: #2C93B1;
    padding: 10px 15px;
    border-radius: 4px;
    color:#fff;
}

/*.nav-tabs,*/
.nav-pills {
    margin-bottom: 10px;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills .open > a,
.nav-pills .open > a:hover,
.nav-pills .open > a:focus,
.nav-pills ul.dropdown-menu > li > a:hover,
.nav-pills ul.dropdown-menu > li > a:focus {
    background-color: #ecf0f1;
    border-radius: 4px;
}

/************************/
.tutorial .toptt {
    width: 100%;
    height: 80px;
    overflow: hidden;
    display: block;
    background-size: 100%;
}

.tutorial .toptt .container{
    z-index: 2;
    position: absolute;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.clickable {cursor:pointer;}
.responsive {max-width: 100%;height: auto;}
.img-responsive img {max-width: 100%;height: auto;}
#tutorial-content img.border {border: 2px solid#B6C620;}
#tutorial-content .label {position:relative;bottom:4px;}
.cllp-menu {  
    list-style: none;
    margin-top: 15px;
}
.cllp-menu li {
    margin-top: 3px;
    padding: 5px 15px;
    border-radius: 4px;
}
.cllp-menu li a {
    text-decoration: none;
}
.cllp-menu li:hover {
    background-color: #ecf0f1;
}
.cllp-menu li.active {
    color:#fff !important;
    background-color: #2C93B1 !important;
}
.cllp-menu li.active a {
    color:#fff !important;
}

.btn-page {
    background-color: #2C93B1;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 800;
    color: #fff;
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
}
  
.btn-page:hover {
    color:#cff;
}

.btn-page:focus {
    color: #cff;
}

.btn-eye {
    padding: 2px 6px !important;
    font-size: 0.7em;
    border-radius: 50%;
    color:#2C93B1 !important;
    background-color: #fff !important;
    border-color: #2C93B1;
}
.btn-eye:hover, .btn-eye:active {
    background-color: #eef !important;
}

.icon-xs {
    max-height:20px
}
.icon-sm {
    max-height:30px
}
.icon-md {
    max-height:40px
}
.icon-lg {
    max-height:50px
}

.text-icon {
    color:#2C93B1;
    font-weight: bold;
    font-size: 1.4em;
}