@CHARSET "UTF-8";

.boxcontainer {
    #width: 500px;
    max-width:500px;
    #max-height: 600px;
    margin: 10px;
    border: 2px solid #333;
    background-color: #ffffff;
    box-shadow: 0px 2px 7px #292929;
    -moz-box-shadow: 0px 2px 7px #292929;
    -webkit-box-shadow: 0px 2px 7px #292929;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.boxbody,
.boxheader {
    padding: 5px;
}

.boxfooter {
    padding: 3px;
}

.boxbody {
    margin-top: 0;
    min-height: 30px;
    max-height: 600px;
    overflow: auto;
    /*background-color: #333;*/
    background-color: #ccc;
    color: #000;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.boxheader {
    font-weight:bold;
    height: 30px;
    border-bottom: 1px solid grey;
    background-color: #333;
    /*background-color: #1C1C1C;*/
    color: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*<!-- TODO : tlacitka stiknuti / nestisknuti -->*/
xxxbutton {
    color: #fff;
    text-shadow: -2px 2px #346392;
    background-color: #ff9664;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6496c8), to(#346392));
    background-image: -webkit-linear-gradient(top, #6496c8, #346392);
    background-image: -moz-linear-gradient(top, #6496c8, #346392);
    background-image: -o-linear-gradient(top, #6496c8, #346392);
    background-image: -ms-linear-gradient(top, #6496c8, #346392);
    background-image: linear-gradient(top, #6496c8, #346392);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ff9664', EndColorStr='#c86432');
    -webkit-box-shadow: inset 0 0 0 1px #27496d;
    -moz-box-shadow: inset 0 0 0 1px #27496d;
    box-shadow: inset 0 0 0 1px #27496d;
    border: none;
    /*# -webkit-border-radius: 15px;*/
    /*# -moz-border-radius: 15px;*/
    border-radius: 15px;
}

.bhover {
    -webkit-box-shadow: inset 0 0 0 1px #27496d,0 0px 1px #193047;
    -moz-box-shadow: inset 0 0 0 1px #27496d,0 0px 1px #193047;
    box-shadow: inset 0 0 0 1px #27496d,0 0px 1px #193047;
    border: solid 1px gray;
}
.bactive {
    background: lightgray;
    -webkit-box-shadow: inset 0 0 0 1px #27496d,inset 0 1px 24px #193047;
    -moz-box-shadow: inset 0 0 0 1px #27496d,inset 0 1px 24px #193047;
    box-shadow: inset 0 0 0 1px #27496d,inset 0 1px 50px #193047;
    border: solid 1px gray;
}


/* wrap cell column in grid */
.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
}
.ui-jqgrid {
    font-size:12px
}
.ui-jqgrid tr.jqgrow td {
    font-size:12px
}

.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    height:auto;
    vertical-align:text-top;
    padding-top:2px;
}

.ui-jqgrid .ui-search-table td {
    padding: 0px;
}

.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
    height: auto;
}
.ui-jqgrid .ui-search-toolbar .ui-search-table {
    height: auto;
}
.ui-jqgrid .ui-search-toolbar .ui-search-input input,
.ui-jqgrid .ui-search-toolbar .ui-search-input select,
.ui-jqgrid .ui-search-toolbar .ui-search-input textarea {
    margin: 1px 0;
    padding: 0;
}

.ui-widget.ui-widget-content {
    border: 0px solid #ccc;
}

#ajax-content-container{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
}


/*.ui-dialog-titlebar-close {
  #visibility: hidden;
}*/
/* TODO : pak rozmyslet ikonu na close button !!!!!!!!!!!!!!!!!!!!!!! a prestylovat
.ui-icon-closethick {
    background-image: url(../img/base.gif) !important;
    background-position: left top !important;
    margin: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick {
    width: 10px !important;
    height: 10px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 0 !important;
}
*/

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #FFF;
    text-decoration: none;
    /*background-color: #FF3A3F;*/
    background-color: #1C1C1C;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #FFF;
    text-decoration: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5dbec;
    /*background: #333333;*/
    /*background: #FF3A3F;*/
    background: #FF0000;
    font-weight: bold;
    color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #FFF;
    background-color: #1C1C1C;
    /*background: #FF3A3F;*/
    background: #1C1C1C;
    font-weight: bold;
    color: #fff;
}

.ui-widget-content {
    border: 1px solid #a6c9e2;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    background: #000;
    color: #222;
}

.ui-widget-header {
    border: 1px solid #4297d7;
    /*background: #666;*/
    /*background: #FF3A3FDD;*/
    background: #FF0000;
    color: #fff;
    font-weight: bold;
}

.dataTables_wrapper .ui-toolbar {
    background-color: #333D;
}

#gridEventHistory th, #gridContactPersons th, #gridPhotoDocumentation th, #gridEventActiveArchive th {
    background-color: #333;
}

.AlarmState {
    /*background-color: #FF3A3F;*/
    background-color: #FF0000;
    border-radius: 2px;
}

input.ContactName, input.Function, input.Code, input.Password, input.Position, input.Street, input.City, input.ZIP, select.CP_Type, input.CP_Text {
    background: #333;
    color: #FFF;
}
