﻿/* -----------navbar--------------- */
.navbar-brand {
    padding-top: 10px;
}

.accordion-toggle {
    white-space: nowrap;
}

.navbar-side #side {
    overflow-x: hidden;
}

.dropdown input[type=radio] {
    margin-top: 0;
}

.first-menu-item {
    font-weight:bold;
}
/*------profile image-----*/

.side-user .img-profile {
    width: 150px;
    height: 150px;
}

/*------!end profile image */

.navbar-top .number-warning {
    
    background-color: #cf4436;
}

/*-------------end navbar----------*/


/*----General page content styles------*/

.label-info {
    white-space: normal;
}

#WaitingOpaqueBox {
    display:none;
    cursor:wait;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:black;
    opacity:0.3;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    position:fixed;
    z-index:1000000000;
}

.bottom-padding {
    height: 30px;
    background-color: transparent;
    position: relative;
    bottom: 0;
}

.page-content .client-top-Margin {
    margin-top:20px
}

/*----Validation  ------*/
.page-content .input-validation-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}
.page-content .field-validation-error {
    color:#a94442 
}
/*----End validation  ------*/

.max-input-size .form-group input[type=text],
.max-input-size .form-group input[type=password] 
{
    max-width: 400px;
}

/*------End general page content styles-------*/

/*--------------Packages----------------------*/

.packagelist-action-buttons {
    width: 300px;
}

/*------------End Packages -------------------*/

/* -----------Editor--------------------*/

.client-editor-container {
    border-top-width: 0;
    margin-top: 0;
}

.client-editor-container .breadcrumb {
    margin-top: 20px;
    margin-bottom: 5px;
}

.client-editor-container .variable-row {
    margin-bottom: 5px;
}

.client-editor-container .cke_button__scripteditorbutton_label{display:inline;}
.client-editor-container .cke_button__imagebrowserbutton_label{display:inline;}
.client-editor-container .cke_button__pdfpreviewbutton_label{display:inline;}
.client-editor-container .cke_button__saveandexitbutton_label{display:inline;}
.client-editor-container .cke_button__emailpreviewbutton_label{display:inline;}
.client-editor-container .modal-dialog {
    width: 50%;
}
          
.client-editor-container .bootbox  .modal-dialog {
    width: 450px;
}
.client-editor-container .image-browser-action-button {
    float:right; margin-right:20px
}
        
.client-editor-container .image-delete-col .image-delete-link img:hover,
.client-editor-container .image-delete-col a.thumbnail:hover, 
.client-editor-container .image-delete-col a.thumbnail:focus, 
.client-editor-container .image-delete-col a.thumbnail.active {
    border-color: red;
}

.client-editor-container .image-delete {
    color: red;
    margin-right: 5px;
    -ms-opacity: 0.8;
    opacity: 0.8;
}
.client-editor-container .image-delete:hover {
    color: red;
    -ms-opacity: 1;
    opacity: 1;
}

.client-editor-container .variable-btn,
#textEditorNotPureText .variable-btn {
    width: 122px;
}

.client-editor-container .input-group-cover-types .token .token-label,
.client-editor-container .input-group-cover-types .token {
    
border-color: #8741a4;
color: #fff;
background-color: #8e44ad;
}

.client-editor-container .input-group-placeholders .token .token-label,
.client-editor-container .input-group-placeholders .token {
    border-color: #236d9d;
    color: #fff;
    background-color: #2573a6;
}

.client-editor-container .input-group-links .token .token-label, 
.client-editor-container .input-group-links .token {
border-color: #314559;
color: #fff;
background-color: #34495e;
}

.client-editor-container .input-group-multi-items .token .token-label, 
.client-editor-container .input-group-multi-items .token {
border-color: #138871;
color: #fff;
background-color: #149077;
}

.client-editor-container .input-group-variables .token .token-label,
.client-editor-container .input-group-variables .token,
#textEditorNotPureText .input-group-variables .token,
#textEditorNotPureText .input-group-variables .token .token-label {
    border-color: #cf850f;
    color: #fff;
    background-color: #da8c10;
}

/*------------End Editor -------------------*/

/* help icon*/

.instanda-help-icon:visited,
.instanda-help-icon {
    -ms-border-radius: 25px;
    border-radius: 25px;
    color: #fff !important;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.instanda-help-icon:visited,
.instanda-help-icon:hover,
.instanda-help-icon:active {
    color: #fff !important;
    background-color: #39b3d7;
    border-color: #269abc;
}

.help-btn-nofloat
{
  padding: 1px 8px;
  margin-bottom: 5px;
}
/* end help icon*/

/*document editors*/
.widthEditorSide {
    width:80%
}
/*end document editors*/

.circle-tile-description {
    min-height: 2.7em;
    margin-left: 1em;
    margin-right: 1em;
}

.importedData {
    max-height:400px;
    overflow:auto;
}

.hidden-content {
    display: none;
}

.breadcrumb .fa {
    margin-right: 5px;
}

.circle-tile-footer .fa {
    margin-left: 5px;
}

#placeholders-tokenfield-tokenfield {
    min-width: 200px;
}
/* Portlets */

.portlet-body {
    overflow-x: auto;
}


 .disabledLook {
        color: whitesmoke;
        background-color: grey;
    }
 .disabledLook:hover {
        color: whitesmoke;
        background-color: grey;
    }

 /*.circle-tile-heading.orange:hover*/

/* Fix for td alignment on choice lookup table (Bugtracker ID: 14070) */
table.choice-lookup td {
    white-space: nowrap;
}

/* Content template list table styling*/

.list-templates-col-name {
    width: 90%;
}

.list-templates-col-action-buttons {
    width: 10%;
}

/* Package Settings Styling */

.packageSetting-subitem {
    padding-left: 10px;
}

.moveIcon:hover {
    cursor: pointer;
}

.pagination-page-ellipsis .page-link:hover {
    cursor: default;
}
