/*--------- Site Styles--------*/
body {
    background-color: #808080;
    position: relative;
}

h1, h2, h3,
h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #563459;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-bottom: 0;
    font-family: 'Ropa Sans', Ariel, 'Helvetica',sans-serif;
}

.labelmaker {
    background-image: url('../Images/viewables-bg-5.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}

.myprojectsbg {
    background-image: url('../Images/h-bg-repeater.jpg');
    background-repeat: repeat-y;
    background-position: top center;
}

.myhelpbg {
    /*background-image: url('../Images/help-bg-repeater.jpg');*/
    background-repeat: repeat-y;
    background-position: top center;
}
.normal {
    background-image: url('../Images/Viewables-full-blank.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}

.bodycontainer {
    margin: 0;
    padding: 0;
}

body, .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a, .ui-panel-wrapper {
    background-color: #e3e3e3;
}

/*--------- Header Styles--------*/

.header {
    width: 1000px;
    height: 210px;
}


/*--------- Page Styles--------*/

.homelabeltype {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    color: #666;
    padding-top: 10px;
}

.homelabelspacer {
    height: 155px;
}

.container .homelabelspacer:first-of-type {
    margin-bottom: 20px;
}

.nopad {
    padding-left: 0;
    padding-right: 0;
}

.nolead {
    margin: 0;
    padding: 0;
}

.container {
    /*background-color: #fff;*/
}

.centeralign {
    margin: auto;
    position: relative;
}

/*--------- Modal Styles--------*/


.modal-small {
    width: 410px;
}

.iconwrap {
    display:inline;
    
    margin: 10px 40px 20px 0;

}

.k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active {
    border-color: #c5c5c5;
}

.k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading {
    background-color: #fff;
    background-image: none;
    border-color: #c5c5c5;
}

.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, /*.k-button, .k-draghandle,*/ .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #ffffff;
    padding:15px 0 15px 15px;
    border-bottom: 1px solid #e5e5e5;
    width: 335px;
    min-height: 16.43px;
    border:0;
}
html.k-ff.k-ff36.js body.labelmaker.modal-open div.container div.col-xs-12 div#iconManagement div#iconsModal.modal.fade.in div.modal-dialog div.modal-content div.modal-body div div.k-tabstrip-wrapper div#tsIcons.k-widget.k-tabstrip.k-header {
        width: 555px !important;
}

.modal-kendo-footer{
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}
.modal-kendo-content{

    padding: 10px;

}

.k-tabstrip .k-content {
    width:500px;
}

/*[data-style=primary] + .popover {background:  #E74C3C; border-radius: 0;}
[data-style=primary] + .popover .popover-title {background-color: #FC6; border-radius: 0; color: #E74C3C;}*/


/*--------Popover styles--------------


.test-popover {
    background-clip: padding-box;
    background-color: #7a557e;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    white-space: normal;
    z-index: 1060;
}

.test-popover > .popover-title {
    background-color: #7a557e;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    margin: 0;
    padding: 8px 14px;
}

.test-popover.right {
    margin-left: 10px;
}

.test-popover.right > .arrow::after {
    border-left-width: 0;
    border-right-color: #7a557e;
    bottom: -10px;
    content: " ";
    left: 1px;
}
*/
/*--------Fixing button rollover state issues--------------*/
.tour_btn {
    #gradient > .vertical(#F98C51, #a35b35);
    &:hover { background-color: #a35b35 }
}

.btn-nopad {
    padding:0 !important;
}

div.growlUI { background-color: #bfc9ca
}
div.growlUI h3, div.growlUI h3 {
    color: white; padding: 3px 3px 3px 30px; text-align: left
}


/*Joel added this to make the cursor change when hovering over editing areas on the label*/
.editingLine {
    cursor: pointer;
}

.editingLineNoText {
    cursor: pointer;
    color: #909090;
    border: 1px dashed #909090;
}

.textOverflowWarning {
    cursor: pointer;
    color: #FF0000;
   
}

.editingLineNoTextSelected {
    cursor: pointer;
    color: #505050;
    border: 1px dashed;
    border-color: #404040;
}

.editingLine:hover, .editingLineNoText:hover, .editingLineNoTextSelected:hover {
        border: 1px dashed rgba(100%,0%,0%,.9) !important;
}



.editingIcon {
    cursor: pointer;
}

.editingIcon:hover {
    background-color: #E8E8E8;
}

.projectLabel {
    cursor: pointer;
}

.colorBandBack {
    cursor: pointer;
}

/* Success Save template */
.k-notification-upload-success.k-group {
    background: rgba(0%,60%,0%,1);
    color: #fff !important;
}

.upload-success {
    width: 270px;
    height: 80px;
}

    .upload-success h3 {
        font-size: 1.7em;
        padding: 25px 10px 5px;
        color: #fff !important;

    }

    .upload-success img {
        float: left;
        margin: 20px 15px 30px 30px;
    }

/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.9);
    color: #ffffff;
}

.wrong-pass {
    width: 270px;
    height: 80px;
}

    .wrong-pass h3 {
        font-size: 1.7em;
        padding: 20px 10px 5px;
    }

    .wrong-pass img {
        float: left;
        margin: 20px 15px 30px 30px;
    }
/* Info template */
.k-notification-info.k-group {
    background: rgba(0%,0%,0%,.9);
    color: #fff;
}

.new-mail {
    width: 270px;
    height: 80px;
}

    .new-mail h3 {
        font-size: 1.7em;
        padding: 32px 10px 5px;
    }

    .new-mail img {
        float: left;
        margin: 20px 15px 30px 30px;
    }

/*Joel ***********************************************************************************/

.badgenamewrapper {
    width: 100%;
    height: 25px;
}

.badgecheckbox .ui-checkbox input {
    float: left;
    display: inline-block;
    position: relative;
    width: 30px;
    left: 0 !important;
    margin: 0;
}

.badgename {
    float: left;
    display: inline-block;
    position: relative;
    width:145px;
}

.badgenameselect {
    font-weight: bold;
}

.badgenameedit {
    float: right;
    display: inline-block;
    position: relative;
}

.linkviewables {
    position: relative;
    top: 40px;
    width: 830px;
    height: 100px;
}

.linksmead {
    position: relative;
    top: -10px;
    right: 30px;
}

.linkviewablesbox {
    position: absolute;
    /*top: 80px;*/
    left: 120px;
    width: 700px;
    height: 100px;
    background-color: transparent;
    /*border: 1px solid red;*/
}

.linksmeadbox {
    position: absolute;
    right: 0;
    width: 100px;
    height: 30px;
    background-color: transparent;
    /*border: 1px solid red;*/
}

.linkprojects {
    position: relative;
    width: 120px;
    /*height:20px;*/
    bottom: -35px;
}

.linkprojectsbox {
    position: absolute;
    width: 120px;
    height: 20px;
    right: 0;
    bottom: 0;
    background-color: transparent;
    /*border: 1px solid red;*/
}

.linktemplates {
    position: relative;
    width: 120px;
    /*height:20px;*/
    bottom: -55px;
}

.linktemplatesbox {
    position: absolute;
    width: 100px;
    height: 20px;
    right: -80px;
    bottom: 0px;
    background-color: transparent;
    /*border: 1px solid red;*/
}

.topnav {
    float: right;
}

.txtUpsideDown {
    -moz-transform: rotate(-180deg); /* Firefox */
    -webkit-transform: rotate(-180deg); /* Webkit */
    -ms-transform: rotate(-180deg)!important; /* IE */
    -o-transform: rotate(-180deg); /* Opera */
    transform: rotate(-180deg); /* future */
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.printlabel {
    cursor: pointer;
    height:40px;
    width:180px;
    border:solid; 
    border-color: #E0E0E0;
    border-radius:0; 
    border: 1px solid #E0E0E0;
    margin:3px;
    padding-top:10px;
    text-align:center;
}

#LabelImportModalDialog .k-upload-button span {
    display: none;
}

#LabelImportModalDialog .k-upload-button:after {
    content: 'Select and Import CSV File';
}