/* global */
.icon {color:#007fff;}
.icon.red {color:#f00;}
.icon.active {color:#f00;}
.icon:hover {color:#00aa00;}
.section-top-25 {padding-top: 25px;}
input, textarea {padding-left: 4px;padding-right: 4px;}
.rejected {color:#f00;}
.wrap-me {word-wrap: break-word;text-wrap:normal; white-space: normal;}
/* ---------------------- alert section ----------------------*/
.quote .alert-block {padding:5px;display: block; text-align: left;}
img.avatar-round {height: 40px;width: 40px; border-radius:50%;float: left; margin-right:7px;}
span.banner {
    width:100%;
    border-bottom: thin solid grey; 
    clear:both; 
    margin-bottom:5px;
    height:12px;
    display:block; 
    text-align: center;
    
}
span.banner span.priority {
    background-color:#fff;
    font-size: 11px;
    padding-bottom: 10px;
    
    }
.item-descrip.span-limit {font-weight: light;font-size: 12px;}    
.banner.medium {background-color:#efc34a; }
.banner.high {background-color:#f00; }
.banner.low {background-color:#DBFF70; } 
a.read {float: right; color:#007fff;}
span.item-descrip {clear:right;}



/* inbox list message style */
.box-bordered.text-md-left { width:100%;padding: 7px;}
#list-wrapper {display: block;}
#show-list {display: none;}
@media screen and (max-width: 767px) {
    #list-wrapper {display: none;}
    #show-list {display: block;}  
}
.box-bordered.text-md-center { width:100%;padding: 7px;}
.contacts-list > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 0;
}
.contacts-list > li:after {
  clear: both;
}
.contacts-list > li:last-of-type {
  border-bottom: none;
}
.contacts-list-img {
  border-radius: 50%;
  width: 40px;
  float: left;
}
.contacts-list-info {
  margin-left: 45px;
}
.contacts-list-info span {
  margin: 0;
  padding: 0;
}
.contacts-list-name,
.contacts-list-status {
  display: block;
}
.contacts-list-name {
  font-weight: 400;
  font-size: 1em;
}
.contacts-list-subject {
  font-weight: 500;
  font-size: 1em;
}
.contacts-list-status {
  font-size: 8px;
}
.contacts-list-date {
  color: #aaa;
  font-weight: light;
  font-size: .6em;
}
.pull-right {float: right;}
.contacts-list-msg {
  color: #616161;
  font-size: .8em;
  }
.contactline.current {background-color: #bfe1f1}
.contactline:hover {
  background: #fbf8e9;  
}
button.archive-btn {
    width: 20px;
    height: 20px;
    float: right;
    border: none;
    background-image: url(/bundles/calcentrixview/images/archive.png);
    }
button.unarchive-btn {
    width: 20px;
    height: 20px;
    float: right;
    border: none;
    background-image: url(/bundles/calcentrixview/images/inbox.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    }
/* end  inbox list message style */ 
/* main style additions */
input, textarea {color:#000;border-color: #92b0b3;}
.section-pad-sides {padding-left:20px;padding-right:20px;}
textarea.full-width, select.full-width {width:100%;}
.full-width, input.full-width {width:100%;}
textarea.med-height {min-height:250px;}
.sm-height, textarea.sm-height {min-height:120px;}
.tiny-height {min-height:80px;}
table tr td {text-align: left;vertical-align: top;}

/* ticket  view */
    .ticket{
        padding: 0.5em 1em 0.5em 1em;
        margin:1em;
        border: solid thin gray;
        display: block;
    }
    #description {border: 2px solid #007fff ;padding: 20px;}
    table tr td.from {border-right: solid thin black; padding-right: 10px;}
    table tr td.content {float:left; vertical-align: top; padding-left: 10px;}
    .commentAdd textarea {border-color: #007fff}
    #changeHistory thead tr {padding-bottom: 5px;border-bottom: solid 1px black;}
    #changeHistory thead tr td {font-size: 1em; font-weight: bold;}   
    .offset-right {margin-left: 15px;}
    .lefty {text-align: left;}
    .normal-align {text-align: left; vertical-align: top;}
    
/* subscriptions */
.subscribed {width:100%;background-color: #007fff; color:#fff;margin-top:3px;}
.low-pad {margin-bottom:95px;}
.box-bordered {position:relative;}
.notific {
    width:100%;
    text-align: center; 
    position: absolute;
    bottom: 0;
    left: 0;
}    
  
/* main> members */

            .slidepanel, .editpanel {
                display: none;
            }

            .form_roles label {
                display: inline;
            }

            .types div {
                margin-right: 4px;
            }

            .flag-img {
                text-align: center;
            }
            a.linker {color:#f00;}

#contact2 img {
	width:60px;
	height:60px;
}
#contact2 .inline {
	display:block;
	margin-left:75px;
}
#contact2 li {
	padding: 10px 3% 0px 3%;;
	list-style:none;
	border-top:1px solid #ddd;
	overflow:hidden;
}
/*---------------------- forums--------------------------------------- */
a.forum-link {
    color: #007fff;
}
a.forum-link:hover {
    cursor: pointer;
    color: #00a;
}
div.comments {
  width:100%;
  padding: 20px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: visible;
  text-wrap: normal;
}
 
ul.comment_list {
  list-style-type: none;
  width: 100%;
}
 
span.comment_by {
  font: bold 16px/1 Helvetica, Verdana, sans-serif;
}
span.comment_date {
    float: right;
    font: 200 12px/1.5 Georgia, Times New Roman, serif;
} 
ul.comment_list > li.secondary {
  margin-left: 30px;
}
ul.comment_list > li.tertiary {
  margin-left: 60px;
}
ul.comment_list > li img.forum-img {
  float: left;
  margin: 0 15px 0 0;
  height: 70px;
  width:70px;
}
 
ul.comment_list > li p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
  text-align: left;
}
 
ul.comment_list > li {
  padding: 10px;
  overflow: auto;
}
.reply-btn {float: right; color: #30f; }
span.your-name, span.reply-to {
    font: 200 14px/1.5 Georgia, Times New Roman, serif;
    }
/* --------------------------- messaging ----------------------------- */    
    
span.contacts-list-subject, span.contacts-list-name {line-height: 70%; clear:right;}
span.contacts-list-msg {line-height: 40%; padding: 0; margin: 0;}
span.type {float: right; border: thin solid; border-radius: 20%; background-color:#DBFF70;padding: 2px;clear:right;}
  span.type.medium {background-color:#efc34a; }
span.type.high {background-color:#f00; } 

/* --------------------------- tickets ----------------------------- */  
ul.sortable.clean li {
    border: none;
    border-top: solid thin gray;
    width: 100%;
    padding: 1em;
    background: none;
}
ul.sortable.clean li:last-of-type {
    width: 100%;
    padding: .1em;
}        
ul.sortable.clean li:hover {
    background-color:#fbf8e9; 
} 
ul.sortable.clean li a:hover {
    cursor: pointer;
    font-weight: bold;
    color:#007fff;
}    
ul.sortable.clean li {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
ul.sortable.clean li:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
ul.sortable.clean  .ui-state-highlight {
      height: 2em;
      line-height: 2em;
      background: #007fff;
  }
  .section-container .sortable {
      min-height: 2em;
  }

  /* ----------------------  calendar table support ------------------- */
  .section-pad-sides.table-pad {
        padding-left: 0px;
        padding-right: 0px;
  }
  @media (min-width: 620px) {
    .section-pad-sides.table-pad {
        padding-left: 20px;
        padding-right: 20px;
    }
}



/* ---------------------------------- progress bars --------------------------------------- */
 /* Component: Progress Bar
 * -----------------------
 */
.progress,
.progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress,
.progress > .progress-bar,
.progress .progress-bar,
.progress > .progress-bar .progress-bar {
  border-radius: 1px;
}