/* 
    Document   : main
    Created on : May 27, 2013, 1:18:48 PM
    Author     : macrom
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

html, body  {
    font-size: 10px; 
    height: 98%; 
}

hr {
    height: 1px;
    border: none;
    background-color: #dddddd;
}

h2 {
    font-family: Arial;
    font-size: 16px;
}

h1 {
    color: #484896;
    font-family: Arial;
    font-size: 18px;
}

.bt {
    font-weight: bold;  
}

.cap {
    font-style: italic;  
    font-family: Georgia;  
    font-size: 12px;
    color: #0c0c5c;  
}

.col300 {   
   width: 200px; 
   vertical-align: top;      
}

.col400 {   
   width: 400px; 
   vertical-align: top;      
}

.col30percent {   
   width: 30%; 
   vertical-align: top;      
}

.col1 {   
   vertical-align: top;      
}

.col2 {   
   vertical-align: top;      
   width: 50%;    
}

.borderless tr, .borderless td,  .borderless table {
    border: none !important;
    border-style: none !important; 
}

.colMontazh1 {
    width: 200px;
}

.colMontazh2 {
    
}

.login {        
    width: 400px;
    margin: 0 auto;
    padding-top: 50px;
}

.bldn {
    color: #484896;
    font-weight: bold;
    font-size: 12px;
}

.tipWork0 {
    
}

.tipWork1 {
    background-color: #abdda4;
}

.tipWork2 {
    background-color: #bbccee;
}


.tpFieldName {
    font-size: 12px;
    color: #0c0c5c;
    font-weight: bold;
}

.docHeader {
    font-size: 14px;
    color: rgba(68, 136, 68, 0.8);
    font-weight: bold;    
}

.tpFieldValue {
    font-size: 14px;
}

.labelText {
    font-family: Arial;
    font-size: 12px;
}

#appUl {
    /*line-height: 24px;*/
    list-style: none;
}

#appUl > li {
    position: relative;
    margin-bottom: 20px;
}

#appUl > li > img {
    width: 24px;
}

#appUl > li > a {
    font-size: 12px;
    font-weight: bold;   
}

/*
#appUl > li > a:hover #cap:after {
    opacity: 1;    
}
*/


#appUl > li:hover > .cap1 {
    opacity: 1;
}

.cap {
    font-style: italic;
    color: #484896;
    font-family: Georgia;
    margin-top: 0px;    
}

#appUl > li > .cap1 {
    /*position: absolute; 
    top:15px; 
    left: 48px;*/
    opacity: 1;    
    z-index: -1;
    font-style: italic;
    color: #484896;
    font-family: Georgia;
    margin-top: 0px;
}

#editDoc  {
   height: 99.5% !important;
}

.rowUser {
    background-color: #FFF;
}

.rowAdmin {
    background-color: #abdda4;
}

.rowGreen {
    background-color: #abdda4;
}

.rowRed {
    background-color: #FFa4a4;
}

.rowGray {
    background-color: #9a9a9a;
}

.rowPrepod {
    background-color: #bbccee;
}

.ui-button {
    background: #68727B !important;
}

.ui-button:hover {
    background: #1f4869 !important;
}

.ui-widget-header {
    background: linear-gradient(277deg, #1b81d7 0%, #1f4869 0%) !important;
}

.scroll_data {
    overflow: scroll;
    max-height: 600px !important;
}

.macrom_panel_answer .ui-widget-header {
    background: linear-gradient(0deg, #1b81d7 0%, #1f4869 90%) !important;
}

.ui-panel .ui-panel-titlebar {
    background: linear-gradient(90deg, #b30077 0%, #68727B 0%) !important;
}

.macrom_answer {
    background-color: #999;
}

.icon-tbl {
    font-size: 16pt;
    color: #666699;
}

.icon-tbl2 {
    font-size: 11pt;
    color: #666699;
}

.icon-lock {
    font-size: 16pt;
    color: #cc3399;
}

.icon-demo {
    font-size: 16pt;
    /*color: #cc3399;*/
    color: #DD4A68;
}

.icon-gray {
    font-size: 16pt;
    color: #CCC;
}

#appUl > li > .icon {
    position: absolute;
    top: 0px;    
    left: -40px;
    font-size: 20pt;
    color: #666699;
}

.ui-toolbar {
    background: none !important;
    border: none; 
    
}

.icon-32 {
    font-size: 32px;
}

.icon-24 {
    font-size: 24px;
}

.tbl-2x tr {
    height: 24px; 
}

.hdr {
    font-size: 14px !important;    
}

.clr_red {
    color: #DD4A68;
}

.clr_green {
    color: #085;
}

.ui-commandlink {
    text-decoration: none;
}

.ui-commandlink:hover {
    text-decoration: underline;
}

.ui-toolbar {
    color: #222 !important;
}

.mce-edit-area iframe {
    min-height: 500px !important;
}

.good {
    color: yellow;    
}

.bad {
    color: #b30077;    
}

.ui-datalist-content {
    border: none;
}

.ui-datalist-content ul {
  list-style: none !important;
  padding: 0 !important;
}

.ui-datalist-content ul li{
    /*margin-bottom: 5px;*/
}

.logo {
    font-size: 176px;
    color: #68727B;
}

.btnGtreen {
    border: 0 !important;
    background: greenyellow !important;   
    /*text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);*/
    color: #000 !important; 
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 4px 0 rgba(0,0,0,0.19);
    width: 180px;
    height: 40px;
}

.btnGtreen:hover {
    color: #FFF !important;
    background: #e90 !important;   
}

.row_del  {
    background: #ffcccc;
}

.dt_podacha {
    font-size: 1.3em;
    font-weight: normal;
    color: #006699;
}

.dt_create {
    color: #999999;
}

.zakaz_code {
    font-size: 1.4em;
    font-weight: bold;
    font-family: monospace;
}

.sm_order {
    font-size: 1.2em;
    color: #669900;
}

.km_order {
    font-size: 1.2em;    
}

.bt_del {
    background: #ff6666 !important;
}

.bt_edit {
    background: #6699ff !important;
}

.bt_copy {
    background: #ccccff !important;
}

.btAddStop {
    background: #99cc00 !important;
    margin-bottom: 10px;    
}