
/*

Quick reference:

Extra small grid (<768px)	.col-xs-*
Small grid (≥768px)	        .col-sm-*
Medium grid (≥992px)	    .col-md-*
Large grid (≥1200px)	    .col-lg-*
Responsive utility classes
(≥1200px)	                .visible-lg
                            .hidden-lg

Offsets	                    .col-sm-offset-*
                            .col-md-offset-*
                            .col-lg-offset-*

Push	                    .col-sm-push-*
                            .col-md-push-*
                            .col-lg-push-*

Pull	                    .col-sm-pull-*
                            .col-md-pull-*
                            .col-lg-pull-*

Extra well sizes	        .well-sm, .well-lg

/*------------------------------------------------------------------
*/


/* begin onboarding crm dash step thumbnails */


.onboardingStepThumb {
    margin-bottom:10px;
    background:#fff;
    padding:10px;
    display:block;
}

    .onboardingStepThumb:hover {
        background: #d9edf7;
        text-decoration:none;
    }


.onboardingStepThumb .well {
    margin-bottom:5px;
    height: 100px;
}

.onboardingStepThumb .stepNum {
    font-size:36px;
    line-height:36px;
    padding-top:10px;
    padding-bottom:15px;
    text-align:center;
}

.onboardingStepThumb .completedIcon .icon {
    color:green;
    font-size:50px;
    margin-right:0;
}

.onboardingStepThumb .completedIcon {
    display:none;
    text-align:center;
    padding-top:5px;
}

.onboardingStepThumb .stepName {
    text-transform: uppercase;
    font-size:15px;
}

.onboardingStepThumb .stepStatus {
    text-transform: uppercase;
    font-size:.7em;
    color:#333;
}

    /* begin completed steps' thumbs: */

    .onboardingStepThumb.completed .completedIcon {
        display:block;
    }

    .onboardingStepThumb.completed .stepNum {
        display:none;
    }

    /* end completed steps' thumbs: */

/* end onboarding crm dash step thumbnails */

/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/


/* begin onboarding step lists */

.onboardingModuleSetupList {
    list-style-type: none;
    list-style-position:inside;
    padding-left:0;
}

.onboardingModuleSetupList ul {
    list-style-type: none;
    list-style-position:inside;
    padding-left:15px;
    margin-top:5px;
}

.onboardingModuleSetupList li {
    margin-bottom:5px;
}

.onboardingModuleSetupList li .inner {
    /*background:#a94442;*/
}


.onboardingModuleSetupList li a {
    display:block;
    background-color:#fff;
    /*margin-left:100px;*/
    padding:10px;
    font-size:28px;
    color:#333;
    border-left:70px solid #a94442;

}

.onboardingModuleSetupList li a:hover {
    background: #efefef;
}

.onboardingModuleSetupList li.completed a {
    color:#333;
    border-left:70px solid #5cb85c;
}

.onboardingModuleSetupList li.inProgress a {
    color:#333;
    border-left:70px solid #ffbb1c;
}

.onboardingModuleSetupList li a .itemName, .onboardingModuleSetupList li a:hover .itemName {
    display:inline-block;
    text-transform:uppercase;
}
.onboardingModuleSetupList li a:hover .itemName {
    text-decoration:underline;
}


.onboardingModuleSetupList li a .itemCheckmark {
    display:none;
}

.onboardingModuleSetupList li.completed a .itemCheckmark {
    display:inline-block;
    float:right;
    color:#5cb85c;
    text-decoration:none;
}

/* end onboarding step lists */

/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/


/* begin onboarding module thumb lists */

.onboardingModuleThumbs {
    padding:0;
    margin-bottom:20px;
}

.onboardingModuleThumbs li {
    list-style-type:none;
    margin-bottom:30px;
}

.onboardingModuleThumbs li .onboardingModuleThumb{
    display:block;
    background:#fff;
    padding:30px 5px 0;
    height:125px;
    text-align:center;
    color:#333;
}

.onboardingModuleThumbs li .onboardingModuleThumb:hover {
    background: #d9edf7;
    text-decoration:none;
}


/* end onboarding module thumb lists */

/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/

/* begin onboarding option/config content */

.onboardingOptionBucketsWrapper {
    padding:0;
    width:auto;
    float:left;
    border-left:1px solid #eee;
    border-top:1px solid #eee;
}

.onboardingOptionBucketsWrapper .onboardingOptionBucket {
    display:block;
    float:left;
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
    width:50%;
    max-width:50%;
    margin:0;
    padding:10px;
}

.onboardingOptionBucketsWrapper:after, .onboardingOptionBucket:after{
    clear:both;
    display: table;
    content: "";
}

.onboardingOptionIcon, .onboardingOptionContent {
    float:left;
    width:auto;
}
.onboardingOptionIcon {

}

.onboardingOptionContent {

}

.onboardingOptionContent .onboardingOptionContent-inner {
    margin-bottom:8px;
}

.widget-content .onboardingOptionContent .onboardingOptionContent-inner  h2 {
    font-size:16px;
    margin-bottom:5px;
}

.widget-content .onboardingOptionContent .onboardingOptionContent-inner  p {
    font-size:12px;
}

.disableLinks, .enableLinks {
    height:30px;
}

.icon-circle.red1 {
    color:#e83d24;
}
.icon-circle.yellow1 {
    color:#e9be00;
}
.icon-circle.green1 {
    color:#1dc167;
}
.icon-circle.blue1 {
    color:#1d8fdc;
}
.icon-circle.blue2 {
    color:#1280af;
}
.icon-circle.purple1 {
    color:#984eb5;
}
.icon-circle.teal1 {
    color:#53c4a3;
}
 .icon-circle.orange1 {
     color:#e17600;
 }

 @media (min-width: 992px){
     #fullPageModuleConfig .onboardingOptionBucketsWrapper .onboardingOptionBucket {
         width:33.33%;
         max-width:33.33%;
     }
 }

/* end onboarding option/config content */

/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/

/* begin onboarding sidebar content */

.knowledgeBaseLink {
    text-align:center;
}

.knowledgeBaseLink:hover {
    text-decoration:none;
}

.knowledgeBaseLink h1, .knowledgeBaseLink h2, .knowledgeBaseLink h3, .knowledgeBaseLink h4, .knowledgeBaseLink h5, .knowledgeBaseLink h6 {
    text-transform:uppercase;
    text-align:center;
    font-size: 20px;
    color:#333;
}

.knowledgeBaseLink p {
    text-align:center;
    font-size: 16px;
    color:#333;
}

/* end onboarding sidebar content */

/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////*/