/*--------------------date picker - Start-------------------------------- */
.ui-datepicker-trigger{ border:1px 1px 1px 0px !important; border-color:#ccc !important; background:none!important;}
.ui-calendar-w-btn { border:1px 1px 1px 1px !important; background:none!important; }
.calen-only{ position:relative; height:30px;}
.calen-only button{ display:none;}
.ui-calendar-w-btn input{background:#fff url("../img/arrows/calc-icon.jpg") no-repeat center right; height:30px !important; width: 100% !important;cursor: pointer;}
.calen-only p-calendar{ padding: 0px 0 11px 0 !important;}
.form-group chk-box spl-chk{padding-top:10px !important;}
.ui-datepicker-trigger {border-style: solid; border-color:#d6d6d6 !important;  border-width: 1px 1px 1px 0px !important; font-family:"zylog-icons" !important; color:#fff !important; background:#fff;  }
.ui-datepicker-trigger span{ color:#666666;}
.ui-datepicker{ font-size:15px}
.ui-datepicker.ui-widget .ui-datepicker-calendar td{border-bottom:none;}
.ui-datepicker-calendar thead{border-top:none !important; background:#f3f4f9 !important;}
.ui-datepicker-header{border:0px !important; background:#f3f4f9 !important;}
.ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active{background:#2d409a !important; color:#fff !important;}
.ui-datepicker-calendar a{ color:#000 !important}
/*#wrapper.default a:hover, #wrapper.default a:focus, #wrapper.default a.active, #wrapper.default table a, #wrapper.default #cwo-job .table ul.dropdown-menu > li a:hover{ color:#000}*/
#wrapper.default table a:active{ color:#2746da}
.ui-datepicker-prev span{ font-size:25px; font-weight:bold;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top:0px !important;  background:none !important; border:0px !important}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 0px !important;}
.ui-datepicker-next span{font-size:25px; font-weight:bold;}
.ui-datepicker-month{ border:1px solid #dddddd;}
.ui-datepicker-year{ border:1px solid #dddddd;}
.ui-datepicker .ui-datepicker-title {font-size:13px !important; font-weight:bold; padding-top: 5px;}
.ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active {color: #ffffff !important;}
.ui-datepicker select.ui-datepicker-year{ width:30%; padding: 0 0 0 7px; margin:0 0 0 7px;}
.ui-datepicker select.ui-datepicker-month{ width:50%; padding: 0 0 0 7px; margin:0 0 0 0px;}
.ui-datepicker-title select{-moz-appearance:none !important;-webkit-appearance:none !important;appearance:none !important;-webkit-border-radius:0; border-radius:0;  border:0px !important; background:transparent url("../img/arrows/common_arrow.png") no-repeat center right; }
.ui-datepicker-title select > option {padding: 5px; text-align: left; font-weight:normal; font-size:14px;}
.undefined ui-inputtext ui-corner-all ui-state-default ui-widget{padding:4px 4px 2px 4px!important;}
.ui-datepicker-trigger ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only{position:relative !important;}

.ui-calendar{width:100% !important; position:absolute; /*z-index: 100;*/}
.right-panel .checkbox, .right-panel .radio{margin-top:0 !important;  }
.ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-shadow {position:inherit !important;}
.ui-datepicker.ui-widget{position:inherit !important;}
.ui-button-icon-only .ui-button-text{ background-color:#fff;}


/*--------------------date picker - End-------------------------------- */

/*--------------------Time picker - Start-------------------------------- */

.ui-timepicker{ background:#fff !important; }
.time-picker input{background:#fff url("../img/arrows/clock_icon.jpg") no-repeat center right; height:30px !important; width: 100% !important;}
.ui-hour-picker{margin-left:0px !important}
.ui-hour-picker a{padding: 0 0 0 5px;}
.ui-minute-picker a{padding: 0 0 0 5px;}
.ui-ampm-picker a{padding: 0 0 0 5px; }
.ui-ampm-picker a span{color:#2d409a; font-weight:bold}
.ui-ampm-picker span{color:#2d409a; font-weight:bold}
.tableinr-icon .pull-left{ color:#fff;}
.ui-datepicker-timeonly{ width:100% !important;}
.twotime{margin-top:34px;}
.error-block-timepic{margin:34px 0 0 0 !important;}
.clear-item-start{ 
    cursor: pointer;
    padding-left: 22px;
    width: 36px;
}
.clear-item-end{
    cursor: pointer;
    padding-left: 26px;
    width: 40px;
}
.clear-item-start1{
    cursor: pointer;
    padding-left: 31px;
    width: 45px;
}
.clear-item-end1{
    cursor: pointer;
    padding-left: 37px;
    width: 51px;
}
.systemsetting-time span{ width:45% !important;}
.systemsetting-time-first span{ width:45% !important;  }
.systemsetting-time-first input{margin-left: 21px;}
/*--------------------Time picker - End-------------------------------- */

/*--------------------GRID VIEW with paginator - Start-------------------------------- */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ background-color:#e4e6f3; color:#2d409a !important}
.ui-datatable tr.ui-state-highlight{ color:#000;}
.ui-datatable th.ui-state-active th.ui-state-hover{ background:#ebedf0 !important; color:#000}
.ui-datatable th.ui-state-hover{background: #ebedf0;}
.ui-datatable th.ui-state-active{background: #ebedf0; color: #000;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius:0px}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius:0px}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius:0px}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius:0px;}
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current{ margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 4px 9px;}
.ui-paginator{ text-align:right;}
.ui-paginator .ui-paginator-page.ui-state-active{ background: #2d409a none repeat scroll 0 0 !important;
    border-color: #223073;
    color: #ffffff !important;}
.ui-paginator-pages{ padding:0px !important; margin:0px !important;}
.ui-paginator-next > span{margin-right: 0px !important;}
.ui-paginator-prev > span{margin-right: 0px !important;}
.ui-paginator-first > span{margin-right: 0px !important;}
.ui-paginator-last > span{margin-right: 0px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0){.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options{ padding:4px}
}
.ui-paginator .ui-paginator-jtp-select option, .ui-paginator .ui-paginator-rpp-options :hover{ color:#03F}
/*--------------------GRID VIEW with paginator - End-------------------------------- */




/*--------------------multiselect Dropdown - Start-------------------------------- */
.ui-multiselect-header .ui-multiselect-close{right: -4px; top: 0;}
.ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active{ background: #fff none repeat scroll 0 0; border: 1px solid #333; color:#2d409a}
.ui-chkbox .ui-chkbox-icon{ margin-left: 1px;  margin-top: 0;}
.ui-multiselect .ui-multiselect-trigger{padding: 0;}
.ui-multiselect .ui-multiselect-trigger span { display:none;}
.multiselect-box{ height:30px !important; }
.ui-multiselect .ui-multiselect-label{ height:26px; font-size: 13px; color: #000; font-family: "Open-semibold"; padding: 5px 26px 3px 5px !important;}
/*.manag-job-calc{ width:49% !important}*/
/*--------------------multiselect Dropdown - End-------------------------------- */


/*--------------------Error message - Start-------------------------------- */
.ui-messages{left: 50%; position: fixed; right: 50%; top: 3%; transform: translateX(-50%); width: 60%; z-index: 1032; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border: 0 none; padding:5px 0 0 0}
.ui-messages .ui-messages-close {cursor: pointer; font-size: 15px; position: absolute; right: 10px; top: 15px;}

.ui-widget{font-family: "Open-regular" !important; }
.ui-messages-success .ui-messages-icon{background:#266650 !important; padding:14px 39px 14px 17px; color: #fff;}
.ui-messages-success{background-color: #25b688;}
.ui-messages-success .ui-messages-close i{color:#266650}

.ui-messages-warn .ui-messages-icon{ background:#8f7534 !important; padding:14px 39px 14px 17px; color: #fff;}
.ui-messages-warn{background-color: #fed16c;}
.ui-messages-warn .ui-messages-summary{color:#8f7534}
.ui-messages-warn .ui-messages-close i{color:#8f7534}

.ui-messages-error .ui-messages-icon{ background:#823f39 !important; padding:14px 39px 14px 17px; color: #fff;}
.ui-messages-error{background-color: #d8685d;}
.ui-messages-error .ui-messages-close i{color:#823f39}

.ui-messages-info .ui-messages-icon{ background:#295967 !important; padding:14px 39px 14px 17px; color: #fff;}
.ui-messages-info{background-color: #59abc6;}
.ui-messages-info .ui-messages-close i{color:#295967}
/*--------------------Error message - End-------------------------------- */




.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default{ background:#2d409a; color:#fff; border: 0px solid #ccc; }
.ui-button-icon-left{ color:#fff;}

.ui-button-icon-only .fa, .ui-button-text-icon-left .fa, .ui-button-text-icon-right .fa{margin-top: -5px;}
.confirmbutton span{ color:#fff}


/*--------------------EDITOR - Start-------------------------------- */
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #2d409a !important;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #2d409a ; 
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{
  stroke: #2d409a;
}

.ql-snow .ql-transparent{opacity: 1.0 !important;}
.ql-snow .ql-picker-options{padding:0px !important;}
.ql-snow .ql-picker-options span{padding-left:8px;}
.ql-snow .ql-picker-options span:hover{ color:#2d409a !important;}
.ql-bold button.ql-active{ background:#009966 !important}
.ql-toolbar.ql-snow + .ql-container.ql-snow{border: 1px solid #ccc !important;}
.ql-toolbar.ql-snow{border: 0px solid #ccc !important;}
.ql-container.ql-snow{ border: 1px solid #ccc !important;}
.ui-widget ui-editor-container ui-corner-all, .ui-widget-header{ background:none !important;}
.ql-snow .ql-stroke{stroke:#b7b7b7}
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill{fill:#b7b7b7}
.ql-snow .ql-picker, .ql-snow .ql-tooltip{color:#b7b7b7}
/*--------------------EDITOR - End-------------------------------- */


/*--------------------picklist - START-------------------------------- */
   .ui-picklist > div:first-child,
    .ui-picklist > div:last-child {
        display: none;
    }
	#wrapper.default .ui-picklist .ui-button, 
    #wrapper.default .ui-picklist button.ui-button.ui-state-default, 
    #wrapper.default .ui-picklist .ui-button.ui-state-default {
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: none;
        border-radius: 0;
		font-size:16px;
    }
#wrapper.default .ui-picklist .ui-state-highlight, #wrapper.default .ui-picklist .ui-widget-content .ui-state-highlight, #wrapper.default .ui-picklist .ui-widget-header .ui-state-highlight {background: #e4e6f3;/*for blue theme*/ color:#2d409a; }
.ui-picklist .ui-button-icon-left {color: #686868;}
.ui-picklist-buttons-cell button{ width:50% !important; margin: 0 auto 6px;}
.picklist-initem{font-size:14px; float:right !important; margin:6px 5px 6px 0 !important}
	
	/*--------------------picklist - END-------------------------------- */
	.ui-button-icon-only .fa, .ui-button-text-icon-left .fa, .ui-button-text-icon-right .fa{    margin-top: -8px !important; font-size: 16px; margin-left: -11px }
.ui-paginator .ui-paginator-jtp-select option, .ui-paginator .ui-paginator-rpp-options option:hover{ background-color:#00FF33}
	
	
/*	--------------------- */

.ui-datatable-stacked .ui-datatable-data td .ui-column-title{float: left;  text-align:right !important; min-width: 20%; font-weight:normal;}
.ui-datatable-stacked .ui-datatable-data td .ui-cell-data{ font-weight:bold;}
.clearfix tableinr-icon pull-left{ color:#f00;}

/*	--------growl Start------------- */

.ui-growl-item-container.ui-state-highlight.ui-growl-message-success{border: 0px !important;}
.ui-growl-item{padding:0px !important;overflow: hidden;position: relative;}
.ui-growl{ position: fixed; top: 20px; left: 26%; width: 50%;z-index: 2000 !important;}
.ui-growl-image{float: left; margin-left: 0px; padding: 19px; display: block; border: 0px; background: #f00;}
.ui-growl-message{ padding: 10px 0 10px 12px; width: 82%; float: left; color: #fff;
    margin: auto;position: absolute;top: 10px;left: 0;bottom: 0;right: 0;
}
.ui-growl-message span{float:left; padding-right:10px }


        /*	--------message-success Start------------- */
.ui-growl-item-container.ui-state-highlight.ui-growl-message-success{background:#25b688}
.ui-growl-item-container.ui-state-highlight.ui-growl-message-success .ui-growl-image{background: #266650;}

        /*	--------message-success Start------------- */

/*	--------growl end------------- */


/*	--------common start------------- 
.double-com{ width:45%}
.double-end{margin-left:14px !important;}*/
.ovalpanel-com div{
    top: 346px !important;
    left: 829px !important;
}
div.disabled {
   pointer-events: none;
   cursor: default;
}


.thumb-border{margin-top: 20px;}
.thumb-border img{ width:273; height:175px;}
.boxremove-sytle{font-size: 18px; border: 0px; background: none;}
.ui-sortable-column-icon{ color:#ccc}
.ui-sortable-column-icon :before{color:#f00 !important}
.fa-sort-asc:before, .fa-sort-desc:before{color:#444 !important}
.ui-column-title{ font-weight:bold !important;}
.custom-details-search span{ width:100% }
.ui-autocomplete {width: 100%}
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-minimize, .ui-dialog .ui-dialog-titlebar-maximize{margin-top:0px; padding:0px;}
.ui-button-icon-left{margin-left: -6px !important;}
.ui-dialog .ui-dialog-titlebar-close{color:#fff;margin-top:8px;}
.ui-dialog.ui-widget .ui-dialog-titlebar{padding:4px 15px;background:#2d409a !important;color: #fff;}

/*	--------common end------------- */

/*--------TimePicker Start -------*/
 .Custom-TimePicker
    {
        position:relative;
    }
    .Custom-TimePicker table
    {
    background: #fff;
    
}
.Custom-TimePicker table td input,.Custom-TimePicker table td button
{
    border-radius: 5px;
}
.Custom-TimePicker table td input
{
    pointer-events:none;
    width:35px !important;
    margin: 5px 0px;
}
.Custom-TimePicker table td,.Custom-TimePicker table td a
{
  padding: 0px;
  margin:0px;
}
.Custom-TimePicker table td button
{
    padding: 6px 5px !important;
    font-size: 12px !important;
}  
.Custom-TimePicker .positionabsolute
{
    position:absolute;
    z-index:999;
    border: 1px solid #bdbdbd;
    border-top:0;
}
.Custom-TimePicker table tr:first-child td{
    border-top:0;
}
.Custom-TimePicker table a:active
{
        color: #ccc !important;
}
.Custom-TimePicker table a:hover, .Custom-TimePicker table a:focus {
    color: #2d409a !important;   
}
.Custom-TimePicker .glyphicon
{
        margin: 0 !important;
}
.Custom-TimePicker .customtimepicker-close{
    float:right;
    color:#d8d7d7;
    margin:4px 4px 0px!important;
    cursor: pointer;
}
.Custom-TimePicker .cleartimepicker
{ 
    position: absolute;
    right: 35px;
    color: #e7e7e7;
    top: 9px;
    font-size: 14px;
    cursor: pointer;
}
.Custom-TimePicker .cleartimepicker:hover
{
 color: #f36f6f;
}
.Custom-TimePicker .time-picker
{
    position:relative;
}
.Custom-TimePicker .toppicker
{
    top:-87px;
}
/*-----Timepicker End----*/
/*--- Prime Ng FileUpload Upload button hide Start ---*/
.upload-hide button[icon="fa-upload"]
{
        display: none !important;
}
/*-- Prime Ng FileUpload Upload button hide End---*/

/*-- fileupload --*/
.ui-fileupload-files img { width: 50px; height: 35px}