/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.originalCanvas {
    width: 100%;
    background-color: #fff;
    z-index: -1;
    border-right: 1px solid #e2e3e4;
}

.zoomCanvas {
    background-color: #fff;
    border-right: 1px solid #e2e3e4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/* This is for tooltip decoration*/
.ui-tooltip, .arrow:after {
    border: 2px solid #e19853 !important;
    padding: 10px;
    background: #fefbe5 !important;
    white-space: pre-line;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    font: bold 14px;
    box-shadow: 0 0 7px black;
    border: 2px solid #e19853;
    word-break:break-all;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

#next {
    background-color: forestgreen;
}

.btn-publish {
    background-color: forestgreen;
    color: white !important;
    /*margin-right: 66px;*/
    padding: 6px 25px;
    border-color: white !important;
    font-size: larger;
    text-align: left;
    margin-top: 35px;
}

.publish-modal .form-horizontal .control-label {
    text-align: left;
}
/*This is for loader*/
.loader-sm {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: green #ccc green green;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 30px;
    width: 30px;
}

.full-screen-page #divmaster {
    margin-top: 20px;
}
/*Setting Select Box */


.rb-form-select-box {
    position: relative;
    background:rgba(255, 255, 255, 0) url('../images/arrow-down.png') no-repeat center right;
    border-bottom: 1px solid #CCC !important;
}

    .rb-form-select-box select {
        background:none;
        border: none;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right:16px;
    }

        .rb-form-select-box select::-ms-expand {
            display: none;
        }

        .rb-form-select-box select:focus {
            outline: none;
        }

.active-thumbnail {
    background-color: #18aed0 !important;
    color: white !important;
}
#thumbnailContainer > div:hover{
    background-color:#80d6ea;
    color:#fff;
}
.active-page {
    border-bottom: 3px solid dodgerblue !important;
    color: dodgerblue !important;
    font-weight: bold;
}

.cursor-auto {
    cursor: auto;
}
#logoImage
{
    cursor:pointer;
}
input[type="text"]::-ms-clear {
    display: none !important;
}
.text-overflow-ellipsis{
    overflow:hidden;
    text-overflow:ellipsis !important;
}