/*body { font-family: sans-serif; background-color: #111111; }*/
body { font-family: sans-serif; }
.navbar { padding-right: 20px;}

/* label, input { display:block; } */
input.text { margin-bottom:12px; width:95%; padding: .4em; }

fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 750px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
#toolbar { text-align: center; padding-top: 0.5em; }

#feedback { font-size: 10px; }
.slist .ui-selecting { background: #FECA40; }
.slist .ui-selected { background: #F39814; color: white; }
.slist { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.slist li { margin: 3px; padding: 0.4em; font-size: 12px; height: 12px; }

.floatd {
    position: absolute;
    float: left;
    z-index: 1;
    border: 1px solid #eee;
}
#dashboard {
    position: relative;
    text-align: left;
    width: 100%;
    height: auto;
    color: #FECA40;
    margin: 0px;
    clear: both;
    height: 100%;
}

#dashboard #agentlist {
    position: relative;
    width: 15%;
    border-right: 1px solid #0070a3;
    float:left;
    height: 100%;
}
#dashboard #content {
    float: left;
    width: 84%;
    height: auto;
}
#dashboard .user {
    margin-top: 2px;
    padding: 2px;
    height: 30px;
    border: 1px;
    background-color: #262626;
    border-color: #666666;
    border-style: solid;
    clear: both;
}

#dasboard #user_options {
    text-align: center;
}

#status {
    width: 100%;
    text-align:justify;
    border-bottom:  1px solid #0070a3;
}
#status span {
    font-size: 300%;
}
.red {
    background-color: red;
}
.orange {
    background: orange;
}
.gray {
    background-color: #74736d;
}

#reports {
    clear: both;
    margin: 0px;
    padding: 0px;
    width: 400px;
    text-align: left;
}
fieldset input {
    display: inline;
}
fieldset label {
    display: inline;
}
#tabs { margin-top: 1em; }
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#add_tab { cursor: pointer; }
#graphs {
    text-align: center;
}

.my_table tbody tr:odd {
    background-color: #74736d;
}

#ext {
    position: relative;
    float: right;
    width: 15%;
    text-align: right;
    font-family: fantasy;
    font-size: 25px;
    padding-right: 3px;
    margin-bottom:  5px;
}

#userstatus {
    position: relative;
    float: left;
    width: 80%
}
#status div {
    position: relative;
    float: left;
    width: 33%;
}

#user_options {
    text-align: center;
    margin-bottom: 5px;
    border-bottom: 1px;
}


#queue_status {
    float: right;
    position: absolute;
    top: 3;
    right:0;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 5px;
    margin-right: 10px;
}
#queue_status_menu {
    clear: both;
    text-align: right;
    float: right;
    position: absolute;
    margin-bottom: 3px;
    margin-top: 3px;
    border:solid 1px black;
    background-color:0079B2;
    padding:1px;
    padding-right:  10px;
}
#queue_status_menu li  {
    list-style:none;
    padding-bottom: 4px
}
#queue_status_menu a {
    display: block;
    font-weight:bold;
    font-family:verdana,geneva,arial,helvetica,sans-serif;
    font-size:14px;
    color: #F48400;
    list-style:none;
    text-decoration: none;
}


#status_label_qu {
    color: #0079B2;
}

#main_cat {
    width: 400px;
    float: left;
    margin-right:  20px;

}
#sub_cat {
    width: 400px;
    float: left;

}

#cat_li_main { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 100%; 
}
#cat_li_main li { 
    margin: 0 3px 3px 3px; 
    padding: 0.4em; 
    padding-left: 1.5em; 
    font-size: 1.4em; 
    height: 18px; 
    cursor: pointer; 
    cursor: hand;
}
#cat_li_main li:hover { 
    cursor: hand;
}

#cat_li_main li.ui-sortable-helper { 
    cursor: move;
}

#cat_li_main li span { 
    position: absolute; 
    margin-left: -1.3em; 
}

#subc_li_main { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 100%; 
}
#subc_li_main li { 
    margin: 0 3px 3px 3px; 
    padding: 0.4em; 
    padding-left: 1.5em; 
    font-size: 1.4em; 
    height: 18px; 
}
#subc_li_main li:hover{
    cursor: pointer; 
}

#subc_li_main li.ui-sortable-helper{
    cursor: move; 
}

#subc_li_main li span { 
    position: absolute; 
    margin-left: -1.3em; 
}

.topdivcen {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
#sub_cat_label {
    color: #F48400;
    font-weight:bold;
    font-family:verdana,geneva,arial,helvetica,sans-serif;
    font-size:14px;
}

.mono-font {
    font-family:"Lucida Console", Monaco, monospace;
}

#sb-div-time {
    height: 28px;
    text-align: left;
    margin-top: 4px;
    margin-left: 10px;
    color: #F48400;
    margin-right: 10px;
    width:110px;
    float: left;
}

#sb-div-phonebook {
    float:right;
    height: 28px;
    margin-right: 5px;
    width: auto;
    border: 1px,solid, #F48400;
    position: relative;
    top: 0px;

}

#custom_forms fieldset {
    padding: 1em;
    font:100%/1 sans-serif;
    border:1px solid green;
}
#custom_forms label{
    float:left;
    width:25%;
    margin-right:0.5em;
    padding-top:0.2em;
    text-align:right;
    font-weight:bold;
}
#custom_forms legend {
    padding: 0.2em 0.5em;
    border:1px solid green;
    color:green;
    font-size:90%;
    text-align:right;
}

#statubar {
	display: none;
}


.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.al-center-ext {
    display: flex;
    align-items: center;
    font-size: 30px;
    font-family: fantasy;
    padding-left: 5px;
}


.thin-scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.thin-scroll::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.thin-scroll::-webkit-scrollbar-thumb
{
    background-color: #000000;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}

.flex-row, .flex-row > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:0 auto;
    height:100%;
}
.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    flex-flow: column nowrap;
}