/* 
    Created on : 19-feb-2016, 11.57.00
    Author     : Dmytro Khymchuk
*/

/* DEFAULT ELEMENTS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0;padding:0;border:0;vertical-align:baseline;list-style:none;}
body{height:100%;}
i{font-size:0.9em;}
input,select,textarea,button{border:1px solid gainsboro;outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{text-align:left;font-size:0.94em;padding-left:0.1em;font-style:italic;}
input::-webkit-input-placeholder,textarea::-moz-placeholder{text-align:left;padding-left:0.1em;font-style:italic;}
/* DEFAULT ELEMENTS */


/* CUSTOM COMPONENT - FRAME */
.custom-frame{box-shadow: 0 0.1em 0.55em 0em rgba(0,0,0,0.35);margin:0px 6px 4px 6px;font-size:0.9em;line-height:3em;}
.custom-frame .frame-header{width:96%;margin:auto;}
.custom-frame .frame-header .label-frame{display:inline-block;line-height:1.8em;margin-top:0.6em;font-weight:bold;font-size:1.2em;cursor:default;}
.custom-frame .frame-header .label-filter{float:right;margin:1em 0em 0em 0em;line-height:1.4em;padding:0.3em 1em;cursor:pointer;}
.custom-frame .frame-header .label-filter i{font-size:0.9em;margin-left:0.3em;}
.custom-frame .frame-footer{height:3em;line-height:3em;}
.custom-frame .frame-footer label{text-decoration:underline;cursor:pointer;padding:0em 1.2em;margin:0em 2em;}
.custom-frame .frame-footer i{margin:0em 0.3em;}
/* CUSTOM COMPONENT - FRAME */


/* CUSTOM COMPONENT - FILTERS 1 */
.custom-filters-1{padding:1.6em 0.6em 1.2em 0.6em;}
.custom-filters-1 .mrg{margin-top:0.3em;}
.custom-filters-1 button{margin-top:0.6em;}
/* CUSTOM COMPONENT - FILTERS 1 */


/* CUSTOM COMPONENT - CUSTOM INPUT 1 */
.custom-input-1{outline:none;}
.custom-input-1 .header{display:table;width:100%;line-height:2.82em;}
.custom-input-1 .header div{display:table-cell;}
.custom-input-1 .header .element-1{width:8em;padding-left:1.6em;cursor:default;}
.custom-input-1 .header .element-2{width:2.6em;font-size:0.9em;text-align:center;cursor:pointer;}
.custom-input-1 input{border:none;width:100%;padding-left:1em;height:2.96em;}
.custom-input-1 .menu{position:absolute;width:16em;padding-right:2.37em;z-index:101;}
.custom-input-1 .menu ul{border-top:none;max-height:14.3em;overflow-x:hidden;cursor:default;}
.custom-input-1 .menu li{padding-left:1.8em;cursor:pointer;}
/* CUSTOM COMPONENT - CUSTOM INPUT 1 */

/* CUSTOM COMPONENT - CUSTOM INPUT 2 */
.custom-input-2{cursor:pointer;height:2.6em;}
.custom-input-2:focus{font-style:italic;text-align:center;}
.custom-input-2::-webkit-input-placeholder{text-align:center;}
/* CUSTOM COMPONENT - CUSTOM INPUT 2 */

/* CUSTOM COMPONENT - SELECTOR 1 */
.custom-selector-1{width:100%;line-height:2.78em;outline:none;}
.custom-selector-1 .header{cursor:pointer;text-align:center;padding-left:1em;}
.custom-selector-1 .header i{font-size:0.8em;float:right;margin:1.1em 1em 0em 0em;}
.custom-selector-1 .menu{position:absolute;width:inherit;padding-right:2.37em;z-index:101;}
.custom-selector-1 .menu ul{border-top:none;max-height:14.3em;overflow-x:hidden;cursor:default;}
.custom-selector-1 .menu li{text-align:center;cursor:pointer;}
.custom-selector-1 .menu ul::-webkit-scrollbar {width:6px;}
/* CUSTOM COMPONENT - SELECTOR 1 */
/* CUSTOM COMPONENT - SELECTOR 2 */
.custom-selector-2{display:inline-block;line-height:2.78em;outline:none;}
.custom-selector-2 .header{cursor:pointer;text-align:center;text-decoration:underline;font-weight:bold;}
.custom-selector-2 .header i{margin-left:0.3em;font-size:0.7em;}
.custom-selector-2 .menu{position:absolute;width:16em;margin-top:-0.6em;z-index:101;}
.custom-selector-2 .menu ul{border-top:none;max-height:14.3em;overflow-x:hidden;cursor:default;}
.custom-selector-2 .menu li{text-align:center;cursor:pointer;}
.custom-selector-2 .menu ul::-webkit-scrollbar {width:6px;}
/* CUSTOM COMPONENT - SELECTOR 2 */

/* CUSTOM COMPONENT - TOGGLER 2 */
.custom-toggler-2{display:inline-block;outline:none;}
.custom-toggler-2 .header{text-decoration:underline;font-weight:bold;cursor:pointer;}
.custom-toggler-2 .header i{margin-left:0.4em;}
/* CUSTOM COMPONENT - TOGGLER 2 */

/* CUSTOM COMPONENT - LOOKUP 2 */
.custom-lookup-2{display:inline-block;outline:none;}
.custom-lookup-2 .header{text-decoration:underline;font-weight:bold;cursor:pointer;}
.custom-lookup-2 .header i{margin-left:0.4em;}
/* CUSTOM COMPONENT - LOOKUP 2 */

/* CUSTOM COMPONENT BUTTON 1 */
.custom-button-1{line-height:2.6em;width:10em;}
/* CUSTOM COMPONENT BUTTON 1 */

/* CUSTOM COMPONENT FILLER 1 */
.custom-filler-1{text-align:center;padding:1em;width:90%;margin:1em auto;font-style:italic;}
/* CUSTOM COMPONENT FILLER 1 */

/* CUSTOM COMPONENT TABLE 1 */
.custom-table-1{width:96%;margin:auto;margin-top:1.6em;font-size:1em;border-collapse:separate;border-spacing:1px 2px;}
.custom-table-1 th{text-align:center;line-height:3em;}
.custom-table-1 td{padding:0.9em 0.6em 0.9em 0.6em;}
.custom-table-1 tr:not(.footer) td{cursor:default;}
.custom-table-1 tr.header{font-weight:bold;}
.custom-table-1 tr.footer{margin-bottom:0.1em;}
.custom-table-1 tr.footer td{line-height:3em;padding:0em;}
.custom-table-1 .footer label{margin-left:2em;}
.custom-table-1 .footer ul{float:right;margin-right:2.6em;}
.custom-table-1 .footer li{float:left;padding:0em 1em;font-weight:bold;text-decoration:underline;cursor:pointer;}
.custom-table-1 .footer li .selected{display:inline-block;width:2.8em;text-align:center;}
/* CUSTOM COMPONENT TABLE 1 */

/* CUSTOM MSGBOX 1 */
.custom-loading-frame-1{position:fixed;z-index:201;width:100%;height:100%;top:0%;left:0%;background:#000000;opacity:0.2;}
.custom-msgbox-1{position:fixed;z-index:202;width:100%;left:0%;background:white;min-height:6em;top:50%;margin-top:-10em;text-align:center;border-radius:0em;padding:0em;}
.custom-msgbox-1 .header{font-weight:bold;padding:0.6em;}
.custom-msgbox-1 .body{padding:1em 0em;}
.custom-msgbox-1 .body div{font-weight:bold;margin:auto;}
.custom-msgbox-1 .body ul{margin:auto;text-align:left;font-size:0.84em;margin-top:0.6em;margin-bottom:0.6em;}
.custom-msgbox-1 .body li{margin-left:1em;}
.custom-msgbox-1 .body span{margin-left:1em;}
.custom-msgbox-1 .footer{padding:0.6em;}
.custom-msgbox-1 .footer span{display:inline-block;margin-right:2em;margin-left:2em;font-weight:bold;cursor:pointer;}
.custom-msgbox-1 .footer span:hover{text-decoration:underline;}
@media (max-width: 768px){ .custom-msgbox-1 .body ul{width:26em;} }
@media (min-width: 768px) and (max-width: 991px){ .custom-msgbox-1 .body ul{width:46em;} }
@media (min-width: 992px) and (max-width: 1199px) { .custom-msgbox-1 .body ul{width:46em;} }
@media (min-width: 1199px) { .custom-msgbox-1 .body ul{width:46em;} }
/* CUSTOM MSGBOX 1 */

/* CUSTOM PAGINATOR */
.custom-paginator-1{height:2.9em;margin-top:0.1em;}
.custom-paginator-1 label{margin-left:2em;}
.custom-paginator-1 ul{float:right;margin-right:2.6em;}
.custom-paginator-1 li{float:left;padding:0em 1em;font-weight:bold;text-decoration:underline;cursor:pointer;}
.custom-paginator-1 li .selected{display:inline-block;width:2.8em;text-align:center;}
.custom-paginator-1{background:#EBEBEB;}
.custom-paginator-1 li .selected{background:#4DAF7C;color:white;}
/* CUSTOM PAGINATOR */

/* CUSTOM DATEPICKER 1 */
.custom-datepicker-1{outline:none;}
.custom-datepicker-1 .confirmed-date{cursor:pointer;text-align:center;border:1px solid gainsboro;background:white;}
.custom-datepicker-1 .confirmed-date i{font-size:0.8em;float:right;margin:1.1em 1em 0em 0em;color:gainsboro;}
.custom-datepicker-1:hover .confirmed-date{border:1px solid #262626;}
.custom-datepicker-1:hover .confirmed-date i{color:#262626;}
.custom-datepicker-1 .confirmed-date span{margin:0em 1em;}

.custom-datepicker-2{outline:none;}
.custom-datepicker-2 .confirmed-date{text-decoration:underline;cursor:pointer;}
.calendar-container{position:absolute;z-index:21;width:47.8em;text-align:center;}
@media (max-width: 991px){ .calendar-container{width:36em;} }
.calendar-container .calendar,.calendar-container .menu{float:left;height:25em;background:white;}
.calendar-container .calendar{width:60%;}
.calendar-container .menu{width:40%;border:1px solid gainsboro;}
.calendar-container .menu .title{border-bottom:1px solid gainsboro;margin-bottom:0.6em;}
.calendar-container .menu span{display:inline-block;width:12em;margin:0.3em;background:#EBEBEB;line-height:2.4em;cursor:pointer;}
.calendar-container .menu span.selected{background:#4DAF7C;color:white;}
.calendar-container .menu .col-3,.calendar-container .menu .col-4{float:left;width:50%;padding:0em 0.8em;}
.calendar-container .menu .custom div.left{text-align:left;padding-left:0.8em;line-height:1.4em;margin-top:0.6em;}
.calendar-container .menu .custom div.dt{background:#EBEBEB;line-height:2.4em;cursor:pointer;}
.calendar-container .menu .custom div.dt.selected{background:#4DAF7C;color:white;}
.calendar-container .menu .options-panel{border-top:1px solid gainsboro;margin-top:6.4em;}
.calendar-container .menu .options-panel label{text-decoration:underline;cursor:pointer;}

.calendar .header{border:1px solid gainsboro;}
.calendar .header label{text-transform:lowercase;text-decoration:underline;cursor:pointer;font-size:0.9em;}
.calendar .header label.left{float:left;margin-left:1.6em;}
.calendar .header label.right{float:right;margin-right:1.6em;}
.calendar .header span{font-weight:bold;}
.calendar table{font-size:0.9em;width:100%;text-align:center;}
.calendar table th{width:14.28%;}
.calendar tr.description{background:#6d9c40;color:white;font-weight:bold;line-height:2.6em;}
.calendar tr:not(.description) td{line-height:3.6em;cursor:default;}
.calendar tr:not(.description) td:not(.selected){border:1px solid gainsboro;}
.calendar tr:not(.description) td:not(.selected):nth-child(6),.calendar tr:not(.description) td:not(.selected):nth-child(7){background:#EBEBEB;}
.calendar tr:not(.description):not(.plain) td:not(.selected):hover{background:#F2F2F2;cursor:pointer;}
.calendar td.selected{background:#4DAF7C;color:white;border:1px solid gainsboro;}
.calendar td span{}
.calendar td span.special{color:silver;}
.calendar td span.special-1{color:black;font-weight:bold;border-bottom:2px solid black;}
/* CUSTOM DATEPICKER 1 */
/*#6d9c40; #2d4f05*/