/*HEAD*/
.top-line {background:#292929;}
#logline {line-height:20px; text-align:right; margin:0px 10px; color:#909090; font-size:12px;}
#logline a {color:#FFF; padding:0px 2px; text-decoration:none;}
#logline a:hover {color:#DFDFDF;}
#logline span {padding:0px 5px;}

/*BOXES*/
.box {display:block; background-color: #FFF; margin-top:4px;}
.box:last-child {}
.box:hover {border-color:#000;}
.box-background {background:#004f76 none repeat scroll 0 0 !important;}
.box-header {min-height:35px; background:#00a2af; padding: 8px 10px 7px 10px; color: #FFFFFF; font-size:16px; text-transform:uppercase;}
.box-select {height:auto; padding: 2px 4px 2px 4px; margin:4px auto; color: black; font-size:12px; line-height:20px; background:#ebeded;}
.box-select select {background:none !important; border:0 !important; margin:1px !important; padding:0px 0px 0px 6px !important; width:100% !important; box-shadow:none !important; height:18px !important; color:#a7a9ac !important;}
.box-search {height:24px; padding: 2px 4px 2px 4px; margin:4px auto; color: #FFFFFF; font-size:12px; line-height:20px; background:#ebeded url(../../img/search-is.png) right center no-repeat}
.box-search input {background:none !important; border:0 !important; margin:0px !important; padding:0px 0px 0px 6px !important; width:100% !important; box-shadow:none !important; height:20px !important; color:#a7a9ac !important;}
.box-date {height:auto; padding: 2px 4px 2px 4px; margin:4px auto; color: black; font-size:12px; line-height:20px; background:#ebeded;}
.box-date input {background:none !important; border:0 !important; margin:0px !important; padding:0px 0px 0px 6px !important; width:100% !important; box-shadow:none !important; height:20px !important; color:#a7a9ac !important;}
.box-content {font-size:15px; color: #40405c; /*border:1px solid #bebec4; */margin:6px 0px;}
.box-content span {border:none !important; text-align:center;}
.box-content li {border-bottom:1px solid #a7a9ac; margin-bottom:2px;}
.box-content span.next {background:#556168; color:#FFFFFF; padding:2px 6px;}
.box-background {background:#004f76 none repeat scroll 0 0 !important;}
.padd-10 {padding:10px 0px; /*width:96%; float:left;*/}
.box-header span {display:block; float:right;}
.mainlist {width:100%; min-height:500px;}
.maindetail {width:100%;}
.detail-content {padding:8px;}
.detail-content .photo {float:left; width:130px; display:block; clear:both;}
#modal_dialog   .photo {float:left; width:120px; display:block; clear:both;}
.detail-content .photo img {padding-bottom:8px; width:130px; height:150px; margin: 0 auto;}
.detail-content .actions  {margin:0px 0px 5px 0px !important; padding:0px 0px 5px 0px !important; list-style: none !important; width:100px;}
.detail-content .actions li {padding:2px;  font-size:13px; cursor: pointer;}
.detail-content .actions li a {padding:2px 4px; background:#f5f5f5; text-decoration:none; display:block;}
.detail-content .information { font-size:14px; line-height:18px; float:right; width:445px; margin-bottom:8px;}
.detail-content .information ul {margin:0px 0px 5px 0px !important; padding:0px 0px 5px 0px !important; list-style: none !important;}
.detail-content .information ul li span {display:inline-block; width:110px; clear:none; font-weight:normal; vertical-align: top;}
.detail-content label {width:120px; clear:left; font-size:14px; line-height:18px;}
.detail-content .information .kontakt {width:330px; max-height: 100px; overflow: auto}


/*INPUTS*/
#modal_dialog {display:none}
.content-link {color: #04ab47; text-decoration: underline; cursor: pointer;  width: auto !important;}
.add_input, .doba_add {font-size:14px; padding:0px 4px; color:#019A00; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.doba_clean {font-size:14px; padding:0px 4px; color: gray; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.remove_input, .doba_remove {font-size:14px; padding:0px 4px; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.new_item {font-size:14px; padding:0px 4px; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.clear_item {font-size:14px; padding:0px 4px; text-decoration:none; display: inline !important; cursor: pointer; vertical-align:middle;}
.plus {font-size:14px; padding:0px 4px; color:#019A00; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.minus {font-size:14px; padding:0px 4px; color:#EF0003; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.upload {font-size:14px; padding:0px 4px; color:#019A00; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.download {font-size:14px; padding:0px 4px; color:#EF0003; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.nula {font-size:14px; padding:0px 4px; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.mozne {font-size:14px; padding:0px 4px; text-decoration:none; display: inline !important; cursor: pointer; vertical-align: middle;}
.settings {font-size:14px; padding:0px 4px; color:#bababa; text-decoration:none; display: inline !important; cursor: pointer;}
.search_box {display: inline !important; cursor: pointer;}

/* NASTENKA */
.mainmenu {width:auto; height:auto; float:right; display:block; border:1px solid #bebec4; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom:10px;}
.maintask {width:290px; min-height:500px; clear:left;}
.maincal {width:290px; min-height:500px;}
.mainchat {width:350px; min-height:500px;}


.maindial {width:120px; min-height:500px; clear:left;}
.mainbranch {width:410px; min-height:500px;}


/*===========Main menu - Agendy Layout============*/
.mainmenu ul {margin:0px; padding:0px;}
.mainmenu li {list-style:none; float:left; text-align:center; vertical-align:middle;}
.mainmenu li a {transition:background-color 0.3s ease, color 0.2s ease;  padding:4px; width:80px; height:75px; display:block;}
.mainmenu li a:hover {background: #04ab47; color:#FFFFFF;}

/*===========Download Layout============*/
.selectedli {background-color: #dfeffa!important;}
.selectedhandler {background-color: #dfeffa!important;}
.page_num {cursor: pointer;}
#dragandrophandler {border:2px dotted #0B85A1; color:#92AAB0; text-align:left; vertical-align:middle; margin-bottom:10px;}
#statushandler {clear: both; margin:10px auto;}
#statushandler .filename {margin-left:10px; display:inline-block;}
#statushandler .filesize {margin-left:10px; display:inline-block; color:#30693D; margin-right:5px;}
#statushandler .statusbar {margin:4px auto; clear: both;}
#statushandler .progress {float:right;}
#statushandler .progressBar {text-align: left; width: 200px; height: 22px; line-height:22px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; display:inline-block; margin:0px 10px 5px 5px;}
#statushandler .progressBar div {height: 100%; color: #fff; text-align: right; line-height: 22px; width: 0; background-color: #0ba1b5; border-radius: 3px;}
#statushandler .abort {float:right; text-align: left; background-color:#A8352F; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;display:inline-block; color:#fff; font-family:arial;font-size:12px;font-weight:normal; line-height:22px; padding:0px 15px; cursor:pointer;}

#reakce {width: 85%; margin-right: 8px;}
#sendbtn {float: right;}
/*===========Download Layout============*/

.docs_popis {width: 80px !important; height: 30px !important;}
.docs_table {cellpadding: 1px; cellspacing: 1px; width: 100% !important;}
.docs-photobox {}
.docs-content {max-height: 250px; overflow: auto}

.toolbar-button {float: right; display: block; height: 27px; opacity: 0.7; width: 24px; z-index: 2;}
.toolbar-button:hover, .pressed {cursor: pointer; opacity: 1; z-index: 2; color:#004f76;}
.toolbar-button img {display: block; margin: 2px auto 0;z-index: -1;}
.toolbar-button span {display: block; height: 27px; margin: 5px auto 0; width: 19px; z-index: -1;}

.detail-headline {float: left; text-align: left; letter-spacing: 0px; line-height: 25px; font-size: 16px; width: 550px; font-weight:normal;}
.zapisy-headline, .informace-headline {float: left; text-align: left; letter-spacing: 0px; line-height: 25px; font-size: 16px; width: 360px;}

.myCheckbox {}
.myRadiobutton {}
.myRadiobutton_label {float: none;}
fieldset li {min-height: 72px;}

#filter_nazev, #filter_druh, #filter_status {width: 115px; height: 25px;}
#filter_sort {width: 101px; height: 25px;}
.span_list {text-align:left; font-size:14px; max-height: 100px; overflow: auto;}

.kolize ul {min-height: 0px;}
.kolize li {min-height: 0px;}
.task_status {width: 150px; float: right; margin-top: -70px; text-align: center; color: white;}
.task_status_li {width: 110px; float: right; margin-top: -15px; text-align: center; color: white; font-size:12px !important; line-height:14px !important;}
.zerosize {width: 0px !important; height: 0px !important; visibility:hidden; }
.filter {width: 100px; height: 25px; color:#000;}

.hidden {display: none}
.split_time_input {width: 75px !important; cursor: pointer;}
.datetime {cursor: pointer;}
.list_mozne {display: none;}
.soubory, .poznamka, .zdravotni_detail, .vystava, .potomek, .zkouska {cursor: pointer;}

.error {border:2px solid #FF0004 !important;}
textarea.required {background:#E4E4E4 !important;}


/*=========== FILE BOXES ============*/
input[type="file"] {display: block;}
.filecontainer {display: inline-block;}
.filebox {display:table; width:160px; height:85px; border:1px solid #bebec4; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background-color: #FFF;}
.filebox p {display:table-cell; vertical-align:middle; text-align:center; }
.fileinput-button {display: inline-block; width:160px; overflow: hidden; position: relative;}
.fileinput-button input {cursor: pointer; direction: ltr; font-size: 200px !important; margin: 0; opacity: 0; position: absolute; right: 0; top: 0;}
@media screen {.fileinput-button input {font-size: 100%; height: 100%;}}