/* soubor obsahuje doplňková pravidla k základnímu bootsrap stylu*/

/*formátování textu ve zobrazení sql příkazu v prvku sql grid*/
.sql-grid-query-key{
    font-weight: bold;
    color: #2219ff;
}
.sql-grid-query-key-logic {
    color: #7671f5;
    font-weight: bold;
}
/*pro vlastní prvky dropdown, které využívají input readonly*/
.form-control[readonly]:not([disabled]){
    background-color: white;
}


/*Zarovnání čísel a časů doprava*/
.gridValueHeaderTypeNumeric,
.gridValueItemTypeNumeric,
.gridValueHeaderTypeDate,
.gridValueItemTypeDate,
.gridValueHeaderTypeDateTime,
.gridValueItemTypeDateTime,
.gridValueHeaderTypeTime,
.gridValueItemTypeTime {text-align:right; padding-right: 10px !important;}

/*Dočasná oprava pro checkbox*/
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left:0px;
}

/*schování nastavovače logického operátoru u prvního řádku filtru*/
 .pp-view-setting table tbody tr:first-child .ddl-logical-operator {
    visibility: hidden;
}

/*schování nastavovače logického operátoru u prvního řádku filtru*/
.ddl-logical-operator{
    width: 60px;
    padding-left: 2px;
    padding-right: 0px;
}

.ddl-left-brackets, .ddl-right-brackets{
    width: 45px;
    padding-left: 2px;
    padding-right: 0px;
}

/*styly pro sestavovaný where řetězec v přizpůsobení sqlgridu*/
span.builtWhere {
    display: block;
    text-align: center;    
    color: black;
    margin-top: 10px;
}

span.brackets-span {
    font-weight: bold;
}

span.operator-span {
    font-weight: bold;
    margin: 0px 5px;
}

span.logical-operator-span {
    margin: 0px 5px;
    font-weight: bold;
}

/*pro dotykové ovládání v IE10+ (gridstack)*/
.ui-draggable { -ms-touch-action: none; } 

/*pro ikonu v tlačítkách, aby měly stejnou výšku - pro malé rozlišení*/
.small-res-btn-glyph{
    padding:3px;
}

/*styly pro zobrazení názvu sloupce vedle vyhledávání v tabulce - již se nepoužívá*/
.input-grd-search{
  min-width: 166px;
}

.search-grd-addon.input-group-addon.displayed
{
    opacity:1;
}

.search-col.displayed {opacity:1;}
.search-col {opacity:0;}

.search-grd-addon.input-group-addon{
  background-color: #d9edf7;
  color: #999;
  opacity: 0;
  left:0;
  top:0;
  height:100%;
  position:absolute;
  visibility:hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.input-group .input-group-addon
{
    position:relative;
    visibility:visible;
}

.search-grd.input-group{
  width:200px;
}

/*zalamování příiš dlouhých názvů sloupců v přizpůsobení tabulky*/
.where-table tbody tr td:first-child{
  max-width: 197px;
  white-space: nowrap;
  overflow: hidden;
}
.where-table tbody td{
  white-space: nowrap;
}    
/*.where-table .txt-input{
  width: 88%;
}*/

/*nezalamování dostupných sloupců v přizpůsobení tabulky*/
.pp-available-items-body div{
  white-space: nowrap;
}

/*třída pro odsazení dostupných sloupců v přizpůsobní tabulky*/
.available-items-lists{
  padding-left: 30px;
}

/*textbox modálního okna zobrazující SQL dotaz*/
.show-sql textarea{ 
  min-width: 100%;
  max-width: 100%;
  height: 300px;
}


.available-table-folder > a .halflings {color:#FEE4B3;}

/*tato třída se používá ke znázornění modrých nadpisových pruhů "starý google" - najčastěji jako nadpsiy nad tabulkami - od verze 1.3 se již nepoužívá*/
.title {
  padding: 3px 10px;
  border-radius: 3px;
  background-color:#d5ddf3;
  font-size:14px;
  font-weight:bold;
  color:#000;
  margin-bottom:4px;
  margin-top:10px;
}
    
/* základní obalovací konteiner pro full width*/

.bodypanel {
    padding:0 15px;
}

.navbar-bodypanel {
    padding-top:50px;
}

.navbar-table {
    z-index:0;
    min-height:0px;
    border:none;
    background-color:#fafafa;
}

.navbar-table .top-offset {
    margin-top:10px;
}


.row-form {
    border-bottom:1px solid #d5ddf3;
    padding-top:8px;
    padding-bottom:8px;
}

.footer-form {
    padding-top:8px;
    padding-bottom:8px;
}

.row-label {
    font-weight:bold;
}

.form-label  {
    color:#999;
    padding-right:8px;
}

td .form-control  {
    display:inline;
}

.form-inline .btn {
    margin-right:5px;
}

.row-from .form-inline .form-group {
    vertical-align:top;
}

.form-group .form-validate {
    padding:2px 3px;
    border:1px solid #36c;
   
}
 
.green {color:#47a447;}

.red {color:#ed3e32;}

.blue {color:#36c;}

.yellow {color:#ffee6e;}

.orange {color:Orange;}    

/*Nástěnka*/
.HomePage .sortable{min-height:30px;padding:5px;margin-bottom:10px;}
.HomePage .widget {margin-bottom:5px; width:100%; height:100%;}
.HomePage .widget .content {overflow: hidden; }
.HomePage .widget .content .scrollArea {overflow: auto; height: 100%; width: 100%; }
.HomePage .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.HomePage .ui-sortable-placeholder * { visibility: hidden; }

.small {
    font-size:small;
}


/* postranní menu indexových stránek */
.sidebar {
  position:relative;
  max-height:150px;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  width:100%;
  background-color: #f5f5f5;
  padding:20px;
  margin:0px;
}

/* pro displeje s šířkou 768px a více se zobrazí jako postraní menu*/
@media (min-width: 768px) {
  .sidebar 
  {
    position:fixed;
    max-height:inherit;    
    top: 50px;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    width:170px;
    float:left;
  }
}

@media (min-width: 1400px)  {
  .sidebar 
  {
      width:220px;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color:#333;
}

.nav-sidebar > li > a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-sidebar > .active > a {
  color: #fff;
  background-color: #428bca;
}


@media (min-width: 768px) {
    .index-content  
    {
        margin-left:170px;
        }
}

@media (min-width: 1400px) {
    .index-content  
    {
        margin-left:220px;
        }
}



.input-group.date {
    width:140px;
}

.date .input-group-addon
{
    border-bottom-right-radius:4px!important;
    border-top-right-radius:4px!important;
    border-left:none!important;
    }

.time {
    width:65px;
}

.menuDynamic {display:none; top:0px; float:left;}
.menuDynamic.pm_active {display:block;}
.firstDynamic {left:0px;}

.innerPage {padding: 20px 30px 20px 30px;}

@media (max-width: 768px) 
{
    .innerPage {padding: 5px;}}
    

.innerPart {padding: 20px 20px 20px 20px;}

.modal-dialogChangeCode {width:600px;}
.modal-dialogChangeCode .bodyChangeCode {padding-top:0px!important;padding-bottom:0px!important;}
.modal-dialogChangeCode .bodytable {height:180px;overflow:auto;}

.pp-view-setting {
    width:1200px;
    }

.pp-available-items-body {
    height:250px;
    overflow-y:auto;
    overflow-x:hidden;
}

.pp-available-items a {
    color:#777;
}


.pp-available-items > .panel-heading {
    background-color:#fff;
}

.tab-pane .pp-select-pane {
    height:265px;
    overflow:auto;
}

.pp-vertical-margin1 {
    margin-top:10px;
    margin-bottom:10px
}

.pp-vertical-margin2 {
    margin-top:20px;
    margin-bottom:20px
}

.pp-pager {
    margin-top:0px;
}


.pp-pager > .form-control {
    display:inline;
    width:auto;
    
}

.pp-pager > a {
    color:#777;
}


.pp-viewsbar a  {
    color:#333;
    white-space:nowrap;
    text-decoration:none;
    
} 

.pp-viewsbar li {padding:3px 4px;white-space:nowrap;border-radius:4px;}

.pp-viewsbar li:hover {
    background-color:#eee;
}

.pp-viewsbar li.active {
    background-color:#7aa5db; 
}

.pp-viewsbar li.active a,
.pp-viewsbar li:hover.active a {
    color:#fff;
}

.grid-filter {
    padding: 10px;
    border-radius: 3px;
    background-color :#f0f0f0;
    margin-bottom :10px;
    margin-top :4px;
}

.grid-edit-cell  {
    white-space:nowrap;   
} 

.grid-selection-toolbox {display:none;}

/*Responzivita SqlBuilderExtenderu*/
.pp-view-setting .pnlShowCount {
    display:inline-block;
    float:left;
}

.pp-view-setting .disabled-changes {
    font-size:smaller;
    float:right;
    text-align:right;
}

.pp-view-setting .available-items-toggle {
    right:0px;
}

.rbtlSharing {
    margin:20px;
}

@media (max-width: 767px) {

    .pp-view-setting .navbar-li {
        min-width: 20%;
    }

    .pp-view-setting .right-panel {
    }

    .pp-view-setting .pp-select-pane th {
        font-size: smaller;
    }

    .grd-delete-selected,
    .grd-delete-order,
    .column-selected-0,
    .column-selected-1,
    .column-order-0,
    .tab-panel-help {
        display: none;
    }

    .pp-available-items-container-wrap {
        height: 0px;
        overflow: hidden;
    }

    td.column-selected-2,
    td.column-order-1 {
        font-size: smaller;
    }

    td.column-selected-3,
    td.column-order-2 {
        font-size: x-small;
    }

    .OneAvailableItem {
    }

    .where-table thead {
        display: none;
    }

    .where-table-advanced thead {
        display: none;
    }

    .where-table .sortable tr td {
        border-top: none !important;
        white-space:nowrap;
    }

    .where-table .sortable tr {
        border-bottom: 1px solid lightgray !important;
    }

    .where-table-advanced .sortable tr td {
        border-top: none !important;
        white-space:nowrap;
    }

    .where-table-advanced .sortable tr {
        border-bottom: 1px solid lightgray !important;
    }

        .where-table-advanced .sortable tr td:nth-child(2),
        .where-table-advanced .sortable tr td:nth-child(3),
        .where-table-advanced .sortable tr td:nth-child(4),
        .where-table-advanced .sortable tr td:nth-child(5),
        .where-table-advanced .sortable tr td:nth-child(6),
        .where-table-advanced .sortable tr td:nth-child(7) {
            float: left;
            min-height: 40px;
            width: 100%;
        }

        .where-table-advanced .sortable tr td:nth-child(8) {
            float: right;
        }

    .where-table .sortable tr td:nth-child(2),
    .where-table .sortable tr td:nth-child(3),
    .where-table .sortable tr td:nth-child(4) {
        float: left;
        min-height: 40px;
        min-width: 30%;
    }

    .where-table .sortable tr td:nth-child(5) {
        float: right;
    }

    .where-table-advanced .sortable tr td .spec-value {
        min-width:80px!important;
    }
    .where-table .sortable tr td .spec-value {
        min-width:40px!important;
    }

}

@media (min-width: 768px) {
    .pp-view-setting .available-items-toggle {
        display: none;
    }

    .pp-view-setting .pp-available-items-container-wrap {
        height:auto;
        display:block;
    }

    .where-table-advanced .sortable tr td {
        white-space:nowrap;
    }

    .where-table .sortable tr td .spec-value,
    .where-table-advanced .sortable tr td .spec-value {
        min-width:40px!important;
    }
}

/*------------------------------------------------------
Commentary.vb
-------------------------------------------------------*/
.CommentaryBubble {padding:10px;background-color:#FFF;width:300px;border:1px solid #777;border-radius:4px;z-index:9999;display:none;position:absolute;box-shadow:#777 4px 4px 8px;font-size:12px;font-weight:normal;text-decoration:none;text-align:left;}
.CommentaryContainer {display:inline;}

.columnCellSelected {}
.columnCellSelected:hover {}

/*---------------------------------------------------------------------
CourseBookingApproval.aspx - PRA: dočasný původní styl původní plachty (plachta se bude teprve předělávat a zatím musí jet alespoň takhle)
-----------------------------------------------------------------------*/
.CourseBookingApproval {}
.CourseBookingApproval .tblCanvas {width:auto;color:#d5ddf3;border:1px solid #d5ddf3;table-layout:auto;border-collapse:collapse;}
.CourseBookingApproval .tblCanvas tr td {border:1px solid #d5ddf3;}
.CourseBookingApproval .DataRow:hover {border-bottom:1px solid #7aa5db;z-index:4;}
.CourseBookingApproval .EmployCell {width:7%;}
.CourseBookingApproval .DayCell {width:3%;}
.CourseBookingApproval .DayOfWeek {padding:6px 6px 6px 6px; background-color:#d4e6fc;} 
.CourseBookingApproval .Sat {background-color:#36c;color:#fff;}
.CourseBookingApproval .Sun {background-color:#36c;color:#fff;}
.CourseBookingApproval .Holiday {background-color:orange;}
.CourseBookingApproval .DayNo {font-weight:bold;color:#555;}
.CourseBookingApproval .DayNoSat {font-weight:bold;color:#fff;}
.CourseBookingApproval .DayNoSun {font-weight:bold;color:#fff;}
.CourseBookingApproval .DayNoHoliday {font-weight:bold;color:#555;}
.CourseBookingApproval .DayName {color:#666;}
.CourseBookingApproval .DayNameSat {color:#ccc;}
.CourseBookingApproval .DayNameSun {color:#ccc;}
.CourseBookingApproval .DayNameHoliday {color:#666;}
.CourseBookingApproval .HolidayInfo {color:#555;}
.CourseBookingApproval .Today {border-left-color:red !important;border-left-style:solid !important;border-left-width:2px !important;}
.CourseBookingApproval .TimeOutDay {background-color:rgb(246,249,255);}
.CourseBookingApproval .WorkingDay {background-color:#fff;}
.CourseBookingApproval .Employee {background-color:#fff;padding:4px;}
.CourseBookingApproval .Employee .Name {font-weight:bold; color:#555;}
.CourseBookingApproval .Employee .JobPosition {font-style:italic;color:#555;}
.CourseBookingApproval .ShiftBox {color:#555;padding:3px 3px 3px 3px;font-style:italic;text-align:center;}
.CourseBookingApproval .StatusBox {background-color:gray;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;cursor:text !important}
.CourseBookingApproval .StatusBoxTraining {background-color:gray;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;}
.CourseBookingApproval .OvertimeBox {background-color:#d9d9ff;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;cursor:text !important}
.CourseBookingApproval .TravelBox {background-color:#36c;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;overflow:hidden;cursor:text !important}
.CourseBookingApproval .NotApproved {background-color:rgb(209,72,54);color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;cursor:text !important}
.CourseBookingApproval .NotApprovedTraining {background-color:Green;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;}
.CourseBookingApproval .NotApprovedSpecialTraining {background-color:Orange;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;}
.CourseBookingApproval .EmptyMessagePanel {color:Red;margin-top:20px;}   
.CourseBookingApproval .UsedShiftContent {float:right;margin-top:0px;}
.CourseBookingApproval .UsedShiftColor {width:20px;}
.CourseBookingApproval .UsedShiftColorBox {width:20px;height:20px;float:right;border:1px solid gray;}
.CourseBookingApproval .UsedShiftName {text-align:left;white-space:nowrap;}
.CourseBookingApproval .CommandBar{width:auto;}
.CourseBookingApproval .CommandBarButton{vertical-align:top;white-space:nowrap;}
.CourseBookingApproval .CommandBarUsedShift{width:auto;vertical-align:top;text-align:right;}
.CourseBookingApproval .EmptyMessagePanel {color:Red;margin-top:20px;}   
.CourseBookingApproval .Logs {margin-left:10px;padding-right:10px;height:110px;overflow:auto;}  
.CourseBookingApproval .LinkSmall {font-weight:normal;}
.CourseBookingApproval .Pointer {cursor:pointer;}
.CourseBookingApproval .grdToDo {width:100%;}
.CourseBookingApproval .UpperList {width:auto;margin-top:0px;max-height:170px;overflow:auto;}
.CourseBookingApproval .grdToDo td {padding:5px;border-bottom:1px solid #d4e6fc;}
.CourseBookingApproval .grdToDo th {padding:5px;border-top:3px solid #d4e6fc;border-bottom:3px solid #d4e6fc;}
.CourseBookingApproval .ToDo .ToolBar {margin-top:15px;margin-bottom:15px;}
.CourseBookingApproval .NothingToDo {padding:10px;border:2px solid #7aa5db;width:450px;background-color:rgb(255,251,228);margin:15px auto;text-align:center;}
.CourseBookingApproval .ToDoRow {}
.CourseBookingApproval .ToDoRow:hover{background-color:#c3d9ff;}
.CourseBookingApproval .NoWrapText {white-space:nowrap;}
.CourseBookingApproval .grdToolBar {background-color:#f6f6ff;border-bottom:1px solid #36c;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;margin-top:1px;margin-bottom:10px;}
.CourseBookingApproval .ExplanatoryShifts {width:100%;}
.CourseBookingApproval .SpecialTrainingBox {max-height:100px;overflow:auto;}
.CourseBookingApproval .ApproverBox table {border-style:none !important;}
.CourseBookingApproval .OtherTrainingBox {background-color:#bbbbbb;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;overflow:hidden;cursor:text !important}

.layout-widgets {}
.layout-widgets .available-widgets {
    background-color:#f9f9f9;
    height:300px;
    overflow:auto;
    border:5px solid white;
}
.layout-widgets .column {
    background-color:#f0f0f5;
    min-height:300px;
    border:5px solid white;
}
.layout-widgets .ui-sortable-placeholder {
    border: 1px dotted black; 
    visibility: visible !important; 
    height: 50px !important; 
}
.layout-widgets .ui-sortable-placeholder * {
    visibility: hidden; 
}

.layout-widgets .available-widgets .widget 
{
    border: 1px solid Gray;
    padding:2px 2px 2px 10px;
    border-radius:4px;
    margin:2px;
    overflow:hidden;
    background-color:white;
}
.layout-widgets .column .widget 
{
    border: 1px solid Gray;
    padding:10px 10px 10px 10px;
    border-radius:4px;
    margin:2px;
    overflow:hidden; 
    background-color:white;
}

.glyphicon-muted
{
    color: #e9e9e9;
}

.pp-competence-filter {
    display:inline;
    }
    
.pp-competence-filter label 
{
    margin-left:4px;
    margin-right:6px;
    margin-bottom:0px;
    margin-top:0px;
    font-weight:normal;
    
}

/*--------------------------------------------------------
WidgetMyTraining.ascx
----------------------------------------------------------*/
.WidgetMyTraining .ajax__tab_header {padding:5px;padding-bottom:0px;border-bottom:1px solid #7aa5db;}
.WidgetMyTraining .ajax__tab_tab {padding:2px 5px;margin:0 3px;position:relative;top:6px;border-top-left-radius:4px;border-top-right-radius:4px;}
.WidgetMyTraining .ajax__tab_active .ajax__tab_tab {border:1px solid #7aa5db;border-bottom:1px solid #fff;z-index:10;background-color:#fff;}
.WidgetMyTraining .TableHolder {overflow:auto;}

.table-hover-text > tbody > tr:hover > td,
.table-hover-text > tbody > tr:hover > th 
{
    background-color: #e8eef7;
    color: black!important;
}
        
.white-cell
{
    color:White;
    border-style:none!important;
    opacity:0.5;    
}

.panel-wide
{
    min-width:80%;
}

.radio label
{
    font-weight: normal;
}

/*---------------------------------------------------------------------
Tato třída řeší chybu FireFoxu od verze 22 do verze minimálně 28), kdy se zakousne javascript na stránce při použití file uploaderu
Je použito v prvku FileUpload.vb
-----------------------------------------------------------------------*/
.UploaderField input{width:100%!important;}


/*---------------------------------------------------------------------
TimeOut.aspx - PRA: dočasný původní styl původní plachty
-----------------------------------------------------------------------*/
.TimeOut .dayBox-selecting { background-color: #FECA40 !important; }
.TimeOut .canvas .header-row td {height:20px;overflow:hidden;}      
.TimeOut .canvas td {border:1px solid #ddd;}
.TimeOut .DayBox:hover {border:2px solid #777;}
.TimeOut .FirstColumn {width:5%;padding:2px;}
.TimeOut .FirstColumn a {color:#777;padding:0px 4px;}
.TimeOut .MonthRow {vertical-align:top;}
.TimeOut .ClosedMonthRow {vertical-align:top;opacity:0.5;}
.TimeOut .DayOfWeek {padding:2px; background-color:#ddd; width:2%;font-size:10px;} 
.TimeOut .Sat {background-color:#36c;color:#fff;}
.TimeOut .Sun {background-color:#36c;color:#fff;}
.TimeOut .DayBox {text-decoration:none;cursor:pointer; overflow:hidden;padding:0px 0px 3px 0px;}
.TimeOut .ShiftBox {padding:3px; overflow:hidden;}
.TimeOut .WorkingHours {font-style:italic;color:#555;font-size:0.9em}
.TimeOut .WorkingHoursInfo {font-style:italic;color:#fff;font-size:0.8em}
.TimeOut .HiddenDay {visibility:hidden;background-color:#fafafa;}
.TimeOut .LeaveDay {background-color:rgb(246,249,255);cursor:pointer;padding:0px 0px 3px 0px;}
.TimeOut .NationalDay {background-color:rgb(246,249,255);cursor:pointer;padding:0px 0px 3px 0px;border: 2px solid orange !important;}
.TimeOut .LeaveRequest {background-color:gray;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;border-radius:2px;}
.TimeOut .TravelBox {background-color:#36c;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;overflow:hidden;cursor:text !important;}
.TimeOut .NotApproved {background-color:rgb(209,72,54);color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888; overflow:hidden;}
.TimeOut .OverTimeRequest {background-color:#d9d9ff;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOut .EmptyMessagePanel {color:Red;margin-top:20px;}   
.TimeOut .StatutoryDay {border:1px solid orange;}
.TimeOut .VacantDay {background-color:#faf5c5;}
.TimeOut .HiddenDay {visibility:hidden;}
.TimeOut .UsedShiftContent {float:right;}
.TimeOut .UsedShiftColor {width:20px;}
.TimeOut .UsedShiftColorBox {position:relative;top:5px;width:20px;height:20px;border:1px solid gray;display:inline-block;}
.TimeOut .UsedShiftName {text-align:left;white-space:nowrap;}
.TimeOut .AnotherRequest {background-color:#ddffdd;color:black;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOut .NoRequest {background-color:#f4f4f4;color:#888888;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;font-size:10px;}
.TimeOut .DayDate {font-size:10px;}


/*---------------------------------------------------------------------
TimeOutApproval.aspx - PRA: dočasný původní styl původní plachty (plachta se bude teprve předělávat a zatím musí jet alespoň takhle)
-----------------------------------------------------------------------*/
.TimeOutApproval .tblCanvas td {border:1px solid #d5ddf3;}
.TimeOutApproval .DataRow:hover {border-bottom:1px solid #7aa5db;z-index:4;}
.TimeOutApproval .EmployCell {width:7%;}
.TimeOutApproval .DayCell {margin:0px;padding: 0px; width:3%;}
.TimeOutApproval .DayOfWeek {padding:2px; background-color:#d4e6fc;} 
.TimeOutApproval .Sat {background-color:#36c;color:#fff;}
.TimeOutApproval .Sun {background-color:#36c;color:#fff;}
.TimeOutApproval .Holiday {border: 2px solid orange !important;}
.TimeOutApproval .DayNo {font-weight:bold;color:#555;}
.TimeOutApproval .DayNoSat {font-weight:bold;color:#fff;}
.TimeOutApproval .DayNoSun {font-weight:bold;color:#fff;}
.TimeOutApproval .DayNoHoliday {font-weight:bold;color:#555;}
.TimeOutApproval .DayName {color:#666;}
.TimeOutApproval .DayNameSat {color:#ccc;}
.TimeOutApproval .DayNameSun {color:#ccc;}
.TimeOutApproval .DayNameHoliday {color:#666;}
.TimeOutApproval .Today {border-left-color:red !important;border-left-style:solid !important;border-left-width:2px !important;}
.TimeOutApproval .TimeOutDay {background-color:rgb(246,249,255);padding:0px 0px 3px 0px;}
.TimeOutApproval .WorkingDay {background-color:#fff;padding:0px 0px 3px 0px;}
.TimeOutApproval .Employee {background-color:#fff;padding:4px;}
.TimeOutApproval .Employee .Name {font-weight:bold; color:#555;}
.TimeOutApproval .Employee .JobPosition {font-style:italic;color:#555;}
.TimeOutApproval .ShiftBox {color:#555; margin:0px; padding:0px; overflow:hidden;font-style:italic;text-align:center;font-size:0.9em;}
.TimeOutApproval .WorkingHoursInfo {font-style:italic;color:#fff;font-size:0.8em}
.TimeOutApproval .StatusBox {background-color:gray;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutApproval .OverTimeRequest {background-color:#d9d9ff;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutApproval .TravelBox {background-color:#36c;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;overflow:hidden;cursor:text !important;}
.TimeOutApproval .NotApproved {background-color:rgb(209,72,54);color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888; overflow:hidden;}
.TimeOutApproval .EmptyMessagePanel {color:Red;margin-top:20px;}   
.TimeOutApproval .UsedShiftContent {float:right;margin-top:0px;}
.TimeOutApproval .UsedShiftColor {width:20px;}
.TimeOutApproval .UsedShiftColorBox {width:20px;height:20px;float:right;border:1px solid gray;}
.TimeOutApproval .UsedShiftName {text-align:left;white-space:nowrap;}
.TimeOutApproval .CommandBarUsedShift{width:auto;vertical-align:top;text-align:right;}
.TimeOutApproval .EmptyMessagePanel {color:Red;margin-top:20px;}   
.TimeOutApproval .Pointer {cursor:pointer;}
.TimeOutApproval .UpperList {width:auto;margin-top:0px;max-height:170px;overflow:auto;}
.TimeOutApproval .NothingToDo {padding:10px;border:2px solid #7aa5db;width:350px;background-color:rgb(255,251,228);margin:15px auto;text-align:center;}
.TimeOutApproval .NoWrapText {white-space:nowrap;}
.TimeOutApproval .ExplanatoryShifts {width:100%;}
.TimeOutApproval .AnotherRequest {background-color:#ddffdd;color:black;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutApproval .NoRequest {background-color:#f4f4f4;color:#888888;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;font-size:10px;}


/*---------------------------------------------------------------
TimeOutView.aspx - PRA: dočasný původní styl původní plachty (plachta se bude teprve předělávat a zatím musí jet alespoň takhle)
-----------------------------------------------------------------*/
.TimeOutView .tblCanvas td {border:1px solid #d5ddf3;}
.TimeOutView .DataRow:hover {border-bottom:1px solid #7aa5db;z-index:4;}
.TimeOutView .DayOfMonth {padding:6px;background-color:#fff;}
.TimeOutView .DayNo {font-weight:bold;color:#555;width:3%;}
.TimeOutView .DayCell {margin:0px;padding: 0px;}
.TimeOutView .Holiday {border: 2px solid orange !important;}
.TimeOutView .TimeOutDay {background-color:rgb(246,249,255);padding:0px 0px 3px 0px;}
.TimeOutView .WorkingDay {background-color:#fff;padding:0px 0px 3px 0px;}
.TimeOutView .Sat {background-color:rgb(246,249,255);}
.TimeOutView .Sun {background-color:rgb(246,249,255);}
.TimeOutView .DayName {color:#666;}
.TimeOutView .Employee {background-color:#fff;padding:4px;}
.TimeOutView .Employee .Name {font-weight:bold; color:#555;}
.TimeOutView .Employee .JobPosition {font-style:italic;color:#555;}
.TimeOutView .ShiftBox {color:#555;padding:2px;font-style:italic;text-align:center;font-size:0.9em;}
.TimeOutView .WorkingHoursInfo {font-style:italic;color:#fff;font-size:0.8em}
.TimeOutView .StatusBox {background-color:gray;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutView .OvertimeBox {background-color:#d9d9ff;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutView .TravelBox {background-color:#36c;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutView .NotApproved {background-color:rgb(209,72,54);color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutView .CommandBar{width:100%;}
.TimeOutView .UsedShiftContent {float:right;}
.TimeOutView .UsedShiftColor {width:20px;}
.TimeOutView .UsedShiftColorBox {width:20px;height:20px;float:right;border:1px solid gray;}
.TimeOutView .UsedShiftName {text-align:left;white-space:nowrap;}
.TimeOutView .EmptyMessagePanel {color:Red;margin-top:20px;}
.TimeOutView .ExplanatoryShifts {width:100%;}
.TimeOutView .AnotherRequest {background-color:#ddffdd;color:black;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutView .NoRequest {background-color:#f4f4f4;color:#888888;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;font-size:10px;}

/*---------------------------------------------------------------
PayrollTypeExtList.aspx
-----------------------------------------------------------------*/
.PayrollTypeExtList .CheckBoxList {max-height:200px; overflow-y:scroll; overflow-x:hidden;}
.PayrollTypeExtList .CheckBoxList label {font-weight:normal; padding-left:5px;}


/*=================================================================
Styly pro vzhled tabulek, postavených na SqlGridu
==================================================================*/
.table-rounded {
    border-collapse: collapse;
    border: solid #ddd 1px;
    border-radius: 0px 0px 4px 4px;
    border-left: 0px;
    border-top: 0px;
}

.table-rounded > thead > tr {
    background-color:#eee;
}

.table-rounded > thead > tr > th, 
.table-rounded > tbody > tr > th, 
.table-rounded > tfoot > tr > th, 
.table-rounded > thead > tr > td, 
.table-rounded > tbody > tr > td, 
.table-rounded > tfoot > tr > td  {
    border: 1px solid #eee;}

.table-rounded > thead > tr > th {vertical-align:bottom!important;}

.table-rounded > thead > tr > th > a {
    color:#999;
    }


.table-rounded > :first-child > :first-child > :first-child {
    border-top-left-radius: 4px;
}
.table-rounded > :first-child > :first-child > :last-child {
    border-top-right-radius: 4px;
}
.table-rounded > :last-child > :last-child > :first-child {
    border-bottom-left-radius: 4px;
}
.table-rounded > :last-child > :last-child > :last-child {
    border-bottom-right-radius: 4px;
}

/*doplnění stylů pro nove zahlavi tabulky pouzivane od verze 3.9*/
.sqlgrid-header {padding:0px;background-color:#ddd;border-radius:4px 4px 0px 0px;}
.sqlgrid-header .view-dropdown {float:left;padding:5px;}
.sqlgrid-header .view-dropdown .dropdown-menu {width:290px;}
.sqlgrid-header .view-dropdown a:hover {text-decoration:none;color:inherit;}
.sqlgrid-header .view-dropdown a:visited {text-decoration:none!important;}
.sqlgrid-header .view-dropdown a:active {text-decoration:none;color:inherit;}
.sqlgrid-header .search-control {display:inline-block;padding:5px;}
.sqlgrid-header .search-control .oval {display:inline-block;border:1px solid #aaa;border-radius:9px;background-color:#fff;padding:2px 4px;white-space:nowrap;}
.sqlgrid-header .search-control .search-col {font-size:9px;font-style:italic;}
.sqlgrid-header .toolbar-links {display:inline;padding:5px;}

@media (max-width: 768px) 
{
    .sqlgrid-header .toolbar-links {display:block;padding:5px;margin-bottom:0px;margin-left:0px;background-color:#666;}
    .sqlgrid-header .toolbar-links .text-muted {color:#fff;}
    .table-responsive {border:none;margin-bottom:0px;}
}


/*---------------------------------------------------------------
Whisperer.vb
-----------------------------------------------------------------*/
.WhispererListCssClass {padding-left: 0;margin-bottom: 20px;border: solid #ddd 1px;max-height: 100px;overflow: auto;} 
.WhispererListItemCssClass {background-color: white;padding: 1px 1px 1px 5px;}
.WhispererListHighlightedItemCssClass {background-color: #e8eef7;padding: 1px 1px 1px 5px;}


.label-header {visibility:hidden;}

.fu_pnlFiles {padding-top:10px;}


/*---------------------------------------------------------------
TravelStatement.aspx
-----------------------------------------------------------------*/
.TravelStatement .grdProgressScrollArea {position:relative;}
.TravelStatement .grdClearingScrollArea {position:relative;}
.TravelStatement .personal-card-title {padding-bottom:5px;}

.tab-body {border:1px solid #ddd;padding:25px;margin-bottom:10px;margin-top:10px;border-radius:4px; overflow-x:hidden; overflow-y:auto;}

.btn-grid-edit {
    color:Orange;
}

.btn-grid-delete{
    color:#ddd;
}

.btn-grid 
{
    padding-left:10px;
}

/*pomocné třídy pro horní odsazení */
.top-60 {margin-top:60px;}
.top-50 {margin-top:50px;}
.top-40 {margin-top:40px;}
.top-20 {margin-top:20px;}
.top-10 {margin-top:10px;}

/*styly pro informační div pracovní doby*/
.Standard-Hours-Schedule-Info{
    padding-bottom:10px;
}

.Standard-Hours-Schedule-Info > div > span > span{
    font-weight: bold;
}

.Standard-Hours-Schedule-Info > div > span{
    margin-right:5px;
    white-space: nowrap;
}

.Standard-Hours-Schedule-Info > div > span:after {
    content: ',';
}
.Standard-Hours-Schedule-Info > div > span:last-child:after {
    content: '';
}

/*---------------------------------------------------------------
EduMatrix.aspx
-----------------------------------------------------------------*/
.EduMatrix .table-table > tbody > tr > td {border:none;}
.EduMatrix .table-table > tbody > tr > td > .constant-width {width: 200px; display: inline-block;}

/*---------------------
GridView
-----------------------*/
.scroll-area-sm {overflow: auto; height: 200px; width: 100%; }
.toolbar-highlight {background-color:#dff0d8; margin-right:3px;}
.toolbar-highlight:hover {background-color:#dff0d8 !important;}

.scroll-area-md {overflow: auto; height: 280px; width: 100%; }

/*---------------------
Relations.aspx
-----------------------*/
.OrgChart {padding-top:20px;}
.OrgChart .layout {border:0px solid transparent;}
.divOrgChart {padding:20px 20px 20px 20px;background-color:White;}
.ochEmptyDataText {width:100%;text-align:left;padding-top:20px;padding-left:50px;padding-bottom:100px;font-size:15px;color:Gray;}
.ochTable {border-collapse: collapse; border:0px solid transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ochCellManager {border-collapse: collapse; border:0px solid transparent; margin:0px 0px 0px 0px; padding:0px  0px 0px 0px;vertical-align:top;}
.ochCellSubordinate {border-collapse: collapse; border:0px solid transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ochCellSpace {position:relative; width:10px; height:30px;}
.ochPerson {border:1px solid #d5ddf3; overflow:hidden; border-radius:7px; display:inline-block; background-color:rgb(246,249,255); width:200px;box-shadow:#777 6px 6px 8px;}
.ochPersonSelected {background-color:rgb(255,251,228);}
.free-position {background-color:rgb(255,255,255); color:rgb(170,170,170); box-shadow:#cccccc 3px 3px 4px; border:1px solid #e5edf3}
.ochPerson .innerLayout {width:100%; border-collapse: collapse; border:0px solid transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ochPerson .photo {padding:5px;width:50px;}
.ochPerson .photo img {width:50px; height:60px;}
.ochPerson .name {text-align:left; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; border-bottom:1px solid #d5ddf3;}
.ochPerson .jobTitle {font-size:smaller; text-align:left; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.ochPerson .contact {text-align:left; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.ochPerson .contact img {border: 1px solid transparent;}

/*-----------------------------------
záhlaví stránky
-------------------------------------*/
.navbar-page-header {
    position:relative;
    top:0;
    width:100%;
    padding:10px 15px 10px 15px;
    border-bottom:1px solid #dbe2f5;
    z-index:990;
}

.page-body {
    margin:15px;
    
}

.link-toolbar {font-weight:bold;}

.badge-warning {background-color:Orange;}

.cursor-pointer {cursor:pointer;}

/*media all*/
.atss span {
    position: relative;
    display: block;
    border:none: ;
    width: auto;
    line-height: 30px;
    margin: 0;
    padding: 8px;
    outline: none;
    text-align: center;
    -webkit-transition: width .15s ease-in-out;
    -moz-transition: width .15s ease-in-out;
    -ms-transition: width .15s ease-in-out;
    -o-transition: width .15s ease-in-out;
    transition: width .15s ease-in-out;
    overflow: hidden;
    z-index: 100030;
    text-decoration:none;
    color:#888;
}
    

/*media all*/
.atss-left {
    left: -50px;
    float: left;
    right: auto;
    border-radius:0px 0px 4px 4px;
}

.atss-right {
    left: auto;
    float: right;
    right: -50px;
    border-radius:4px 4px 0px 0px;
}


/*media all*/
.atss {
    position: fixed;
    top: 40%;
    width: 160px;
    height: 60px;
    z-index: 100020;
    background: none;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -10px 10px 6px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 10px 6px rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    -webkit-transform: rotate(-90.0deg);
    -moz-transform: rotate(-90.0deg);
    -ms-transform: rotate(-90.0deg);
    -o-transform: rotate(-90.0deg);
    transform: rotate(-90.0deg);   
}

    /*media all*/
.atss:hover {
    width: 170px;
}

.btn-index-close {
    background-color: #aaa;
    color: #fff!important;
    display: inline!Important;
    margin-left: 20px;
    border-radius: 12px;
}

.btn-index-close a:hover,.btn-index-close a:focus {background-color: #aaa;}

.fileIcon 
{
    position:relative;
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
}

.fileIcon .fiContent {
    margin:10px; 
    width:240px;
    max-width:240px;
    overflow:hidden;
    text-align:left;
}

.fileIcon .fiGlyph {
    font-size:32px;
}

.fileIcon .fiFileName {
    padding-top:2px;
    padding-bottom:10px;
    padding-left:10px;
}
    
.fileIcon .fiFileName .fiText {
    font-weight:bolder;
    padding-bottom:15px;
}

.fileIcon .fiFileName .fiExtension {
    color:Gray;
}

.fileIcon .fiDate {
    text-decoration:none !important;
    color:Gray;
    font-size:11px;
}

.fileIcon .fiSize {
    text-decoration:none !important;
    color:Gray;
    font-size:small;
}

.fileIcon .fiBlick {
    position:absolute;
    display:none;
    right:5px;
}

.fileIcon:hover .fiBlick {
    display:inherit;
}

.fiDelete {top:5px; z-index:1;}

.fiToggleCV {top:35px;z-index:1;}

.fileIcon:hover {
    background-color:#fafafa;
}

.fileIcon .fiLink {
    text-decoration:none !important;    
}

.right-40 {margin-right:40px;}
.right-20 {margin-right:20px;}
.right-10 {margin-right:10px;}

.mail-header {
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    border-collapse: separate;
    border: solid #ddd 1px;
    border-radius: 4px;
    cursor:pointer;
    background-color:#f0f0f0;
    color: Black;
    width: 100%;
    overflow: hidden;
}

.mail-header:hover {
    background-color:#e0e0e0;
}

.mail-body-subject {
    font-weight:bolder;
}


.mail-body {
    padding: 10px 10px 20px 10px;
    border-collapse: separate;
    border: solid #ddd 1px;
    border-radius: 4px;
    border-top: 0px;
    margin-bottom: 20px;
    background-color: #fdfdfd;
}

.publicmail-header {
    background-color:#f0f0f0;
}

.publicmail-header:hover {
    background-color:#e0e0e0;
}

.pp-ow-listpart {}
.pp-ow-list {background-color:#eeeeee; padding:20px 20px 60px 20px; border-bottom:10px solid #eeeeee; border-top:10px solid #eeeeee; border-radius: 4px; max-height:400px; overflow-y:auto;}
.pp-ow-item {width:100%; border-radius: 4px;}
.pp-ow-item:hover {background-color:#f8f8f8 ; cursor:pointer; color:Black;}
.pp-ow-item-name {padding:5px; width:100%;}
.pp-ow-item-active {background-color:gray; color:white;}
.pp-ow-emptylist {padding-top:50px; white-space:nowrap;}
.pp-ow-detailpart {padding:30px; overflow-y:auto;}
 
.disabledFunction {opacity: 0.2; pointer-events:none;}

.icon, .icon:hover {text-decoration:none; cursor:pointer;}

#pageLinks > li > a {padding:3px 15px;font-size:13px;color:#777;}
#pageLinks > li.active > a {padding:3px 15px;font-size:13px;color:#fff;}

/* styly pro virtuální hodiny pro evidenci docházky, dotupné v master page */

.clock-table {width:100%;}
.clock-row {border-bottom:1px solid #ccc;}
.clock-btn {width:50%;}
.clock-btn.left {border-right:1px solid #ccc;}
.clock-row > td > a {display:inline-block;padding:7px;color:#777;text-decoration:none;width:100%;}
.clock-row >td:hover {background-color:#ccc;}       

/* style pro animovaný progress bar v master page */

.prg {width:100%;top:50px;position:fixed;z-index:9999;}
.prg-slider{height:2px;animation-name:example;animation-duration:3s;animation-iteration-count:infinite;animation-direction: normal;}
    
@keyframes example {
    0%   {width:0px;}
    25%  {width:25%;}
    50%  {width:50%;}
    75%  {width:75%;}
    100% {width:100%;}
}

/* ActiveCombo */
.AC-dropdown {
    z-index:1000;
    position:absolute; 
    width:100%;
    min-width:100%; 
    max-height:300px; 
    overflow-x:hidden; 
    overflow-y:auto; 
    padding: 0px 5px 5px 5px;
    border: 1px solid #cccccc;
    background-color:white;
}
.AC-option-selected {
    background-color:lightgray;
}
.AC-option-item {
    cursor:default;
    white-space:nowrap;
}
.AC-option-item:hover {
    background-color:#e0e0e0;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 5px;
    line-height: 1.4285;
    vertical-align: top;
    /*border-top: 1px solid #d5ddf3;*/
}



/*styly pro prvek ModulMenu.ascx*/
    
        
.scroll-div {overflow-y:auto;overflow-x:hidden;max-height:100%;}
.side-menu a {display: block;padding: 5px 20px;font-weight: 500;color: #333;line-height:1.3}
.side-menu a:hover {text-decoration:none;color:#fff;background-color:#666;}
.side-menu > li.active > a, .side-menu > li > ul > li.active > a {text-decoration:none;color:#fff;background-color:#999;}
    
.side-menu > li {position:relative;display:block;}
.side-menu > li > ul {margin-left:0px;}
.side-menu > li > ul > li > a  {padding-left:30px;}
.side-menu > li > ul > li > ul {margin-left:0px;}
.side-menu > li > .menu-name {margin-left:10px;}
    
.top-bar {padding:20px;}
    

/*==========================================================================================
/* styly používané v master page stránkách */    

.navbar-white {background-color:#fff;}
    
.navbar-img {width:200px;padding:10px;}
.navbar-nav-icons > li {display:block;font-size: 20px;width: 50px;height: 50px;line-height: 50px;text-align: center;}
.navbar-nav-icons > li > a {color: #777;display: block;width: 50px;height: 50px;}
.navbar-nav-icons > li > a.alarm {color:#fff;}
.navbar-nav-icons > li > a:hover {color: #5e5e5e;}
.navbar-nav-icons > li > a.alarm:hover {color:red;background-color:#FFF;}
.navbar-nav-icons .dropdown-menu {left: auto;right: 0;}
.navbar-nav-icons > li > ul > li {text-align:left;}
.navbar-nav-icons > li.open > a {background-color:#999;color:#fff;}
/*.icon-bar {background-color:#fff!important;}*/
.cont {margin-top:50px;}

.btn-floating { position: fixed; bottom: 16px; right: 16px; width: 32px; height: 32px; background: #EEE; text-align: center; }
.btn-floating-inner { font-size: 16px; color: #333; margin-top: 6px; }
        
@media screen and (max-width: 768px) 
{
    .navbar-nav-icons > li {display:inline;font-size: 20px;width: 100%;height: 30px;line-height: 30px;text-align: left;}
    .navbar-nav-icons > li > a {color: #777;display: block;width: 100%;}
}

.page-bar {margin-left:0px;}
.menu-bar {position:fixed;width:280px;top:50px;left:220px;background-color:#fff;border:1px solid #ccc;z-index:9995;display:none;}
.menu-bar .scroll-div {max-height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden;}
.menu-bar a {color:#777;}
.menu-bar a > .menu-name {margin-left:10px;}
.menu-tiled .menu-bar {position:fixed;left:0px;top:50px;bottom:0px;float:left;background-color:#ddd;width:220px;max-height:100%;display:block!important;}
.menu-tiled .page-bar {margin-left:220px;}
.menu-tiled .menu-bar .scroll-div {max-height:calc(100vh - 130px);}
.menu-btn {position:fixed;left:205px;top:0px;display:block;padding:15px;color:#777;z-index:9999;}
.menu-back {position:fixed;left:255px;top:0px;display:block;padding:15px;color:#777;z-index:9999; text-decoration: none !important;}
.menu-tiled .menu-btn {display:none;}

@media screen and (max-width: 768px) 
{
    .menu-bar {position:absolute;width:100%;top:50px;left:0px;background-color:#222;color:#fff;border:none;z-index:9995;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
    .menu-bar .scroll-div {max-height:450px;}
    .menu-bar a {color:#fff;}
}

/*.menu-bar-hidden {display:none;}
.page-bar-full {margin-left:0px;} */
        
.menu-mode-toggler {position:fixed;top:50%;left:0px;z-index:11000;}
.menu-mode-toggler > div {width:6px;height:30px;background-color:#777;border-radius:0px 4px 4px 0px;}
        
.login-form {margin:0 auto;width:400px;background: rgba(255,255,255,0.7);padding:20px;margin-top:10%;border-radius: 3px;color:#777;}

        
@media (max-width: 480px)
{
    .login-form {border-radius:0px;margin:0px;width:100%;}
}
        


/* sytly používané v HomePage.aspx*/
.grid-stack-container {margin-top:20px;}
.grid-stack-item-content {margin:2px;}
.grid-stack-item-content > div {padding:15px;text-align:center;}
.grid-stack > .grid-stack-item > .grid-stack-item-content{left: 1px; right: 1px;}
.grid-stack-item-content .mnu-icon {font-size:20px;}
.grid-stack-item-content {font-size:12px;text-align:center;overflow-y:hidden!important;}
.del-btn {position:absolute;right:10px;z-index:9999;display:block;padding:5px;color:#fff;}

@media screen and (max-width: 1200px) 
{
    .grid-stack-item-content > div {padding:10px;text-align:center;font-size:9px;}
}
        
.tiles-menu {background-color:#fff;border:1px solid #ccc;padding:15px;position:absolute;top:80px;left:60px;z-index:9999;min-width:300px;}
.tiles-menu > div {max-height:450px;overflow:auto;border:}
.tiles-menu li > a  {display:block-inline;padding:4px 5px;color:#777;}
.tiles-menu > div > ul > li  ul {margin-left:15px;}

.rbSchema {padding:4px;}


/*nastavení barevných schémat*/
.schema-danger .alarm, .schema-danger .prg-slider, .schema-danger .btn-schema  {background-color:#D9534F;color:#fff;}
.schema-primary .alarm, .schema-primary .prg-slider, .schema-primary .btn-schema  {background-color:#337AB7;color:#fff;}
.schema-info .alarm, .schema-info .prg-slider, .schema-info .btn-schema  {background-color:#5BC0DE;color:#fff;}
.schema-warning .alarm, .schema-warning .prg-slider, .schema-warning .btn-schema  {background-color:#F0AD4E;color:#fff;}
.schema-success .alarm, .schema-success .prg-slider, .schema-success .btn-schema  {background-color:#5CB85C;color:#fff;}

/*barva dle vybraného schématu*/
.schema-danger .schema-color {color:#D9534F;}
.schema-primary .schema-color {color:#337AB7;}
.schema-info .schema-color {color:#5BC0DE;}
.schema-warning .schema-color {color:#F0AD4E;}
.schema-success .schema-color {color:#5CB85C;}

/*nastavení barvy dlaždic dle typu*/
.schema-danger .tile {background-color:#337ab7;color:#fff;}
.schema-danger .tile-user {background-color:#337ab7;color:#fff;}
.schema-danger .tile-manager {background-color:#D9534F;color:#fff;}
.schema-danger .tile-spec {background-color:#337ab7;color:#fff;}
.schema-danger .tile-admin {background-color:#555;color:#fff;}

.schema-primary .tile {background-color:#337AB7;color:#fff;}
.schema-primary .tile-user {background-color:#337ab7;color:#fff;}
.schema-primary .tile-manager {background-color:#999;color:#fff;}
.schema-primary .tile-spec {background-color:#337AB7;color:#fff;}
.schema-primary .tile-admin {background-color:#555;color:#fff;}

.schema-warning .tile {background-color:#337AB7;color:#fff;}
.schema-warning .tile-user {background-color:#337AB7;color:#fff;}
.schema-warning .tile-manager {background-color:#f0ad4e;color:#fff;}
.schema-warning .tile-spec {background-color:#337AB7;color:#fff;}
.schema-warning .tile-admin {background-color:#555;color:#fff;}


.schema-success .tile {background-color:#337AB7;color:#fff;}
.schema-success .tile-user {background-color:#337AB7;color:#fff;}
.schema-success .tile-manager {background-color:#5CB85C;color:#fff;}
.schema-success .tile-spec {background-color:#337AB7;color:#fff;}
.schema-success .tile-admin {background-color:#555;color:#fff;}

.schema-info .tile {background-color:#337AB7;color:#fff;}
.schema-info .tile-user {background-color:#337AB7;color:#fff;}
.schema-info .tile-manager {background-color:#5BC0DE;color:#fff;}
.schema-info .tile-spec {background-color:#337AB7;color:#fff;}
.schema-info .tile-admin {background-color:#555;color:#fff;}


/* nastavení pro SqlGrid*/
.table-toolbar {padding:0px;}
.deselectAllSqlGrid {border: none;padding-top: 15px;padding-bottom: 15px;background: none;color: #777777;}
.deselectAllSqlGrid:disabled {color: #c1c1c1;} 

/*nastavení pro DASHBOARD*/
.dashboard-layout-type-panel a {display:block;padding:10px;border-radius:4px;border:1px solid transparent;}
.dashboard-layout-type-panel a.active {border:1px dotted #666;}
.dashboard-layout-type-panel a:hover {background-color:#fafafa;border:1px dotted #777;}
.dashboard-body {padding:2px 15px 2px 15px;}
    
.widget {border-radius:0px;}
.widget > .panel-heading {padding:0px;background-color:#fff;border-color:transparent;}
    
.btn-dashboard {position:fixed;bottom:20px;color:#777;}
.btn-dashboard-widgets {right:20px;}
.btn-dashboard-layout {right:80px;}


/* styly využívané pro stránky type TreView-ListView */
.col-tree {border-right:1px solid #e7e7e7;}
.col-tree > div {overflow:auto;}
        
.full-screen .col-tree {display:none;}
.full-screen  .col-list {width:100%;float:none;}
        
.toolbar .btn, .toolbar input, .toolbar select {margin-bottom:15px;}
        
@media (max-width: 992px) 
{
    .col-tree {border-right:none;margin-bottom:10px;border-bottom:1px solid #e7e7e7;}
    .col-tree > div {max-height:150px;}
}
        

/* pravidla pro prvek Tree.vb */

.tree-header {margin-bottom:20px;}
.tree-body {border-top:1px solid #ccc;}
.tree-node-toggler {display:inline-block;color:#777;}
.tree-node-disabled {color: #a6a6a6; font-style: italic;}
.tree-node-not-valid-future {background-color:lightgreen;}
.tree-node-not-valid-future:after {content:"*"; margin-left:5px;}
.tree-node-not-valid-past {background-color:#ffcc63;}
.tree, .tree ul {list-style-type:none;margin:0px;padding:0px;}
.tree ul ul {margin-left: 20px;}
.tree ul {margin-left: 20px; position: relative;}

.tree li {position:relative;}
.tree li.active > table {background-color:#fafafa;border:1px solid;}

.tree .fiBlick {white-space:nowrap;visibility:hidden;}

.tree table:hover {background-color:#fafafa;border:1px dotted;}
.tree table:hover .fiBlick {visibility:visible;}
.tree .fiBlick a {color:#fafafa;padding:0px 5px;}

.tree table {border-collapse:collapse;width:100%;border:1px solid transparent;}
.tree tr {vertical-align:top;}
.tree td {padding:6px 0px;}
.tree td:first-child {width:20px;}
.tree td:last-child {text-align:right;}
.tree td > a {text-decoration:none;color:#777;}


.tree ul:before {content: "";display: block;width: 0px;position: absolute;top: 0px;bottom: 0px;left: -10px;border-right: 1px dotted;}
.tree ul li:before {content: ""; display: block; width: 10px; height: auto; border-top: 1px dotted; margin-top: -1px; position: absolute; top: 1em; left: -9px;}
.tree li:last-child:before {background: #fff;height: auto;top: 1em;bottom: 0px;left:-10px;}


/* pravidlo pro správné zobrazení textu u checkboxu*/
.chk label {font-weight:normal;margin-left:10px;}

.topline > .navbar-text {margin-left:130px;}

/* pravidlo pro DropDownCheckboxList */
.dropdown-checkbox-list tbody tr td label {font-weight:normal;margin-left:10px;}

.checklistRows table tbody tr td input {margin-right:10px;}

.personal-card-title {border-bottom:1px solid #337ab7; color:#337ab7;}

.gridview-row-empty > td {border:none!important;font-size:18px;font-weight:500;}

/* pravidla pro prvek SelectDepartment.vb*/
.sd-tree-node {color:#777;}
.sd-tree-node-selected {font-weight:bold;}
.sd-tree-node:hover {color:orange;}    


/* pomocné obecné pravidlo pro zvýraznení */
.text-bold {font-weight:bold;}

/*---------------------------------------------------------------------------------------
TRAVEL DASHBOARD & TRAVEL LIST
-----------------------------------------------------------------------------------------*/

.dl-link {text-decoration:none;display:block;color:#777;}
.dl-link:hover {text-decoration:none;}
.dl-item {padding:4px; color:#444; border:1px solid transparent;margin-bottom:10px;}
.dl-item:hover {background-color:#f6f6f6; border-radius:4px; border:1px dotted #222; color:#999;}
.dl-item > table {width:100%;}
.dl-item td {vertical-align:top;}
.travel-panel-alert {color:#bbb;}
.list-payment {margin-bottom:0px;}
.dl-sublink {text-decoration:none;}
.dl-sublink:hover {text-decoration:none;color:red!important}
.navbar-padding {padding-left:10px;}
.td-cmd {width:25px;}

/*Pravidlo pro JobPositionLayoutEdit.aspx*/
.info {max-height:40px;overflow:auto;}

/*Pravidlo pro RecruitmentDashboard.aspx*/
.notice {padding:15px;}


/*----------------------------------------------------------------------------------------
NATSAVENÍ PATY STRÁNKY FORMULÁŘŮ S EDITAČNÍMI TLAČÍTKY
------------------------------------------------------------------------------------------*/
.buttons-footer {padding:15px 30px;position:fixed;bottom:0px;left:0px;right:0px;background-color:#FFF;z-index: 100000;}
.edit-area {margin-bottom:70px;}
.index-page-footer {background-color:white; padding-bottom:0px;}

.index-content.menu-closed { margin-left: 0; }
.index-page-bar { position: fixed; height: 40px; background: #BBB; top: 50px; left: 0; right: 0; z-index: 99; }
.index-page-bar-padding { height: 50px; }
.index-page-bar .navbar-toggle { background: #EEE; color: #BBB; border-radius: 1px; float: left; height: 100%; margin-top: 0; }
.index-page-bar .navbar-toggle .icon-bar { background: #666!important; }
.index-page-bar .page-title-container { font-size: 20px; color: white; margin-top: 6px; }

.index-page-bar .navbar-toggle:hover { background: #666; color: #BBB; border-radius: 1px; float: left; }
.index-page-bar .navbar-toggle:hover .icon-bar { background: #EEE!important; }

@media all and (max-width: 1199px) {
    .index-content { margin-left: 0 !important; }
    .sidebar { position: fixed; left: 0; top: 90px; bottom: 0; z-index: 100; max-height: none; }
    .index-page-bar .navbar-toggle { display: block; }
}
        
@media all and (min-width: 1200px) {
    .index-page-bar { display: none; }
    .index-page-bar-padding { display: none; }
}

@media all and (max-width: 991px) {
     .innerPage { padding: 16px !important; position: relative; left: -4px; }
     body { overflow-x: hidden!important; }
}

@media all and (max-width: 768px) {
    .hidden-on-mobile { display: none !important; }
    .pre-hide { display: none; }
    hr.smaller-padding-on-mobile { margin-top: 5px; margin-bottom: 5px; }
}

@media all and (min-width: 768px) {
    .hidden-on-desktop { display: none; }
}



/*----------------------------------------------------------------------------------------
STYLOVÁNÍ ACCORDION MENU
------------------------------------------------------------------------------------------*/
.panel-heading {cursor: pointer;}

/*Styly pro pager responzivniho SqlGridu*/
.container-pager {font-size:80%;}
.btn-pager {color:#999;}
.dll-pager {border:1px solid #aaa;border-radius:4px;}
.chk-pager {vertical-align:-4px;}
.chk-pager label {vertical-align:4px;}
.no-border {border:none;}

/*Responzivita modálního okna*/
@media (max-width: 767px) {
    .modal-dialog {
        width: calc(100vw - 30px) !important;
        left: 0px !important;
        position: absolute !important;
    }
}
@media (min-width: 768px) {
    .modal-dialog {
        max-width: calc(100vw - 60px) !important;
    }
}
.modal-dialog .modal-footer .btn {margin-bottom:10px;}
.modal-dialog .modal-footer {padding-left:15px; padding-top:10px; padding-bottom:5px;}
.modal-dialog .modal-header {padding-left:15px; padding-top:10px; padding-bottom:10px;}
.panel-heading {cursor: pointer;}
.portal-modalerror{z-index: 100002 !important;}

/*----------------------------------------------------------------------------------------
STYLOVÁNÍ PRVKU MULTISELECT
------------------------------------------------------------------------------------------*/
.multi-select {
    min-width: 90px;
}

.multi-select-focus {
    border: 1px solid #66afe9;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.multi-select-focus .input-sm{
    height: 28px;
}

.multi-select-focus .form-control{
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.multi-select-focus .input-group-addon{
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.input-group-addon-chrome{
    padding: 0px 4px;
    padding-bottom: 4px;
}

.input-group-addon-chrome span {
    display:none;
}

.input-group-addon-chrome:after{
    content: "\25BC";
    font-size: 9px;
}

.input-group-addon-moz{
    padding: 0px 3px;
    font-size: 10px;
    color: #565656;
}

.multi-select-alert-wrapper{
    position:absolute;
    white-space:nowrap;
    padding: 0px 10px;    
    text-overflow: ellipsis;
    width: 100%;    
    overflow: hidden;
}

.multi-select-selected-div {
    display: inline-block;
    border: 1px #cccccc solid;
    border-radius: 4px;
    padding: 0px 4px;
    margin-right: 3px;
}

.multi-select-selected-div a{
    margin-left: 5px;
}

.multi-select-selected-div halflings{
    margin-left: 5px;
}

.multi-select-selected-div a:hover .halflings{
    font-weight: bold;
    cursor:pointer;
}

.multi-select-select-box {
    position: relative;
    -webkit-transition: -webkit-box-shadow ease-in-out .15s; /*border-color ease-in-out .15s,*/
    -o-transition: box-shadow ease-in-out .15s;  /*border-color ease-in-out .15s,*/
    transition: box-shadow ease-in-out .15s;    /*border-color ease-in-out .15s*/
}

.multi-select .form-control{
    -webkit-transition: -webkit-box-shadow ease-in-out .15s; /*border-color ease-in-out .15s,*/
    -o-transition: box-shadow ease-in-out .15s;  /*border-color ease-in-out .15s,*/
    transition: box-shadow ease-in-out .15s;    /*border-color ease-in-out .15s*/
}

.multi-select-ddl{
    overflow:hidden;
    padding-left: 0px;
    padding-right: 0px;
}

.multi-select-select-box select {
    width: 100%;
    font-weight: bold;
}

.multi-select-over-select {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.multi-select-checkboxes {
    display: none;
    border: 1px solid #cccccc;
    white-space: nowrap;
    min-width: 100%;
    position: absolute;
    z-index: 3;
    background: white;
}

.multi-select-checkboxes .chk input{
    float: left;
}

.multi-select-checkboxes .chk label{
    display:block;
    margin-left: 20px;
    margin-bottom: 0px;
    padding: 1px;
}

.multi-select-checkboxes span {
    display: block;
    padding: 0px 3px;
}

.multi-select-icon-panel {
    float: right;
}

.multi-select-checkboxes span:hover {
    background-color: #1e90ff;
}

/*STYLY  PRO PANELY ALERTU V DASHBOARDECH */
#colInfo .alert {position:relative;margin-bottom:5px;padding:8px;}
#colInfo .alert:hover {opacity:0.8;}
.alert-pointer {position: absolute; right: 16px; top: 15px;}
#colInfo .alert a {display:block;}
#colInfo .alert a:hover {text-decoration:none;}

#colData .list-group-item {padding:5px 15px;}