﻿/* -------------- Custom Level Application CSS GreeneStep ------------------------------- */
.nav-tabs > li .close {
    margin: 6px 0 0 20px !important;
    float: none !important; /*Chrome Fix*/    
}

.tabbable-custom.tabbable-full-width > .tab-content {
    padding: 10px 0 !important;
}

.sep1 {
    border-bottom: 1px solid #EEEEEE;
    margin: 5px 0 11px !important;
    padding-bottom: 5px;
}
.page-content
{
   padding: 0px 20px 20px !important;
}

.page-content .breadcrumb
{
      margin-bottom: 10px !important;
}


.dropdown-menu-task {
  min-width: 210px !important;
}
.dropdown-menu-task > li > a > .badge 
{
    border-radius:0px !important;
    background: none repeat scroll 0 0 #EBDDE2 !important;
    border: 1px solid #D2B9D3 !important;
    color: #222222 !important;
    display: inline-block !important;
    float: right !important;
    font-weight: normal !important;
    line-height: 20px !important;
    margin-left: 16% !important;
    margin-top: -4px !important;
    text-align: center !important;
    width: 40px !important;
    height: 25px !important;
}

.highlight { background-color: yellow }

.row1 {
color: rgb(128, 128, 128);
font-size: 11px;
font-weight: normal;
}

.row1 span {
color: #0022FF;
}

/*CSS for Ticket Status*/
.status1_ticket /*New*/
{
    background: none repeat scroll 0 0 #E8F1FF;
    /*border: 1px solid #1B3981;
    border-radius: 20px 20px 20px 20px;*/
    color: #000000;
    /*display: inline-block;
    height: 88%;
    line-height: 35px;
    margin: 3px auto;
    min-width: 90%;*/
}
.status2_ticket /*Open*/
{
    background: none repeat scroll 0 0 #EDF7F4;
    /*border: 1px solid #018C5E;
    border-radius: 20px 20px 20px 20px;*/
   color: #000000;
   /* display: inline-block;
    height: 88%;
    line-height: 35px;
    margin: 3px auto;
    min-width: 90%;*/
}
.status3_ticket /*Closed*/
{
    padding: 0 5px;
    background: none repeat scroll 0 0 #8CC6FF;
    /*border: 1px solid #1B3981;
    border-radius: 20px 20px 20px 20px;*/
    color: #000000;
    /*display: inline-block;
    height: 88%;
    line-height: 35px;
    margin: 3px auto;
    min-width: 90%;*/
}

/*Severity styles*/
.severity1_ticket /*Normal*/
{
    background: none repeat scroll 0 0 #F2F2F2;
    /*border: 1px solid #A8A8A8;
    border-radius: 28px 28px 28px 28px;*/
   color: #000000;
   /* display: inline-block;
    height: 88%;
    line-height: 35px;
    margin: 3px auto;
    min-width: 90%;*/
}

.severity2_ticket /*Medium*/
{
    background: none repeat scroll 0 0 #FFFFEB;
    /*border: 1px solid #DEDE78;
    border-radius: 28px 28px 28px 28px;*/
    color: #000000;
    /*display: inline-block;
    height: 88%;
    line-height: 35px;
    margin: 3px auto;
    min-width: 90%;*/
}

.severity3_ticket /*High*/
{
    background: none repeat scroll 0 0 #FFF7F0;
    /*border: 1px solid #AA6E14;
    border-radius: 28px 28px 28px 28px;*/
    color: #000000;
    /*display: inline-block;
    height: 88%;
    line-height: 35px;
    margin: 3px auto;
    min-width: 90%;*/
}

.severity4_ticket /*Top*/
{
    background: none repeat scroll 0 0 #CC0000;
    /*border: 1px solid #ED0505;
    border-radius: 28px 28px 28px 28px;*/
    color: #FFFFFF;
    /*display: inline-block;
    height: 88%;
    line-height: 35px;
    margin: 3px auto;
    min-width: 90%;*/
}

.autocomplete-w1 { font-size: 13px; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; margin:3px;}
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected {cursor:pointer; background:#3875d7; color:#fff; padding:4px; margin:3px;}
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; line-height:28px; }
.autocomplete strong { font-weight:normal; color:#0050FC; }
.autocomplete .selected strong  { color:#00FFF2;}


.form-control:-moz-placeholder {
  color: #333333;
}
.form-control::-moz-placeholder {
  color: #333333;
}
.form-control:-ms-input-placeholder {
  color: #333333;
}
.form-control::-webkit-input-placeholder {
  color: #333333;
}

.requiredPH:-moz-placeholder {
  color: #DE0D0D !important;
}
.requiredPH::-moz-placeholder {
  color: #DE0D0D !important;
}
.requiredPH:-ms-input-placeholder {
  color: #DE0D0D !important;
}
.requiredPH::-webkit-input-placeholder {
  color: #DE0D0D !important;
}

.geshr
{
    margin: 10px 0px !important;
}

.geshr5
{
     margin-bottom: 5px !important;
    margin-top: 0 !important;
}

.ges-caption
{
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 8px;
    padding: 0;
}

.ges-note {
    border-left: 5px solid #EEEEEE;
    margin: 0 0 10px;
    padding: 6px 0px 0px;
}
.ges-note-info {
    background-color: #F5F2F2   ;
    border-color: #ABC4CC;
}
.list-inline
{
    margin-bottom:10px !important;
    color: #666666 !important;
}
.list-inline > li {
    display: inline-block !important;
    padding-left: 0px !important;
    padding-right: 5px !important;
    border-right:1px solid #CECECE !important;
    border-bottom: 0 none !important;
}

.chats li
{
    margin: 0px auto !important;
    border-bottom: 1px solid #cecece
}
.chats li .message .body 
{
    color: #000  !important;
font-family: 'Open Sans', sans-serif  !important;
font-size: 13px  !important;
}

.chats li.in .message .name {
    color: #298737 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 20px;
    font-weight: 300 !important;
}

.chats li.out .message .name {
    color: #DA4A38 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 20px;
    font-weight: 300 !important;
}

.chats li.in .message {
    background: none repeat scroll 0 0 #F5F2F2 !important;
}

/*.chats li.out .message {
    background: none repeat scroll 0 0 #F2EDED !important;
}*/



.ticket_history_container
{
    border-bottom: 1px dotted #3E3E3E;
    margin: 5px;
    padding: 10px;   
    box-shadow: 0 0 0 transparent;
}
.ticket_history_date
{
    font-size: 11px;
    font-weight: 500;
    text-align: right;
    text-transform: uppercase;
    vertical-align: bottom;
    width: auto;
}
ticket_history_date .date
{
    color: #000000;
}
.ticket_history_date .time-spent
{
    color: #AAAAAA;
}
.ticket_history_header
{
    float: right;
    margin: 0 0 10px 10px;
    width: auto;
}
.updated-by
{
    font-size: 13px;
    color: #5B75AF;
}
.ticket_history_container:hover { background:#EDF7FC;}
.ticket_history_container:hover .addNotes-textarea{background:#EDF7FC;}


.actionnormal
{
    margin-bottom:5px;
}

.stickyaction {
    background: none repeat scroll 0 0 #ffffff;    
    /*border-bottom: 0px solid #CECECE;*/
    position: fixed;
    z-index: 8000;
    /*padding:5px 0px 5px 0;*/
    right: 42px;
}

@media (max-width:2000px)
{
.stickyaction {
 
    top: 42px;
}
}

@media (max-width:1024px)
{
 .stickyaction {
    top: 42px;
   
}   
}
@media (max-width:1000px)
{
.stickyaction {
    top: 0px;
   
}
}

@media (max-width:980px)
{
 .stickyaction {
    top: 0px;
    
}   
}
@media (max-width:800px)
{
 .stickyaction {
    top: 0px;
   
}   
}

.historyImage 
{
/*border-top-left-radius: 150px !important;
border-top-right-radius: 150px !important;
border-bottom-right-radius: 150px !important;
border-bottom-left-radius: 150px !important;
-webkit-box-shadow: rgb(206, 206, 206) 1px 1px 0px 1px !important;
box-shadow: rgb(206, 206, 206) 1px 1px 0px 1px !important;*/
}

.ges-tools
{ 
    display: inline-block;
    float: right ;
    padding: 0;
}

.scrolltotop
{
    display:none
}


#dropzone {
    background: palegreen;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}
#dropzone.in {
    width: 600px;
    height: 200px;
    line-height: 200px;
    font-size: larger;
}
#dropzone.hover {
    background: lawngreen;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}