﻿#cayzu_widget_id {
font-family: Roboto,Arial,sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #333;
}
.labelStyle {
font-family: Roboto,Arial,sans-serif;
        font-size: 17px;
    font-weight: 500;
    color: #333;

}
textarea.requester-label  {
    height: 50px;
}
.k-icon.k-i-arrow-60-down{
    color:rgb(120, 120, 120);
}

#customFiedsDiv {
font-family: Roboto,Arial,sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #333;
}

#cayzu_widget_id label {
    display: block;
    margin-bottom: 0.5em;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    color: #333;
	
}
#cayzu_widget_id input[type="text"], #cayzu_widget_id textarea {
    border-radius: 0;
    font-family: Roboto,Arial,sans-serif;
    font-size: 13px;
    font-weight: 500;
    /*color: #333;*/
}
#cayzu_widget_id .requester-label {
    width: 40%;
	/*color: #333;*/
}
#cayzu_widget_id input {
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    outline: 0 none;
    padding: 4px;
    transition: all 0.25s ease-in-out 0s;
    -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
		    font-size: 17px;
    font-weight: 500;
    color: #333;
}

#cayzu_widget_id .requester-label-subject {
    width: 80%;
	
}

#cayzu_widget_id .btn_container_ticket {
    display: inline-block;
    margin-top: 1em;
    text-align: right;
    width: 100%;
	    font-size: 17px;
    font-weight: 500;
    color: #333;
}

.required:after {
    color: orange;
    content: " *";
}

.k-picker-wrap .k-input {
	border: 0px !important;
	border-right: 1px solid #d7d7d7 !important
	    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.k-picker-wrap .k-select {
	border: 0px !important;
	margin-top: 3px !important;
	    font-size: 17px;
    font-weight: 500;
    color: #333;
}

:root * > .k-icon, :root * > .k-sprite, :root * > .k-button-group .k-tool-icon {
	vertical-align: top !important;
}


  /* 
    --------------------------------------------------------------------------------
    Description Editor Begin
    --------------------------------------------------------------------------------
 */

  .k-editor .k-editor-toolbar-wrap .k-tool.k-state-hover {
    color: #fff;
    background-color: #0085c3;
    border-color: #0085c3;
   }

   /* 
    --------------------------------------------------------------------------------
    Description Editor End
    --------------------------------------------------------------------------------
 */ 


 /* 
    --------------------------------------------------------------------------------
    Calendar Begin
    --------------------------------------------------------------------------------
 */
.k-today.k-state-focused {
    box-shadow: 0px 0px 0px 1px #0085c3 inset /* <- Calendar border color */
}

.k-link.k-nav-fast.k-state-hover{ 
    background-color: #0085c3 !important; /* <- Calendar border color */
    background-image: none;
}

.k-picker-wrap.k-state-default.k-state-hover{ 
    background-color: #0085c3 !important; /* <- Calendar border color */
    background-image: none;
}

.k-other-month.k-state-hover > .k-link {
    background-color: #0085c3 !important; /* <- Calendar border color */
    background-image: none;
}

.k-datepicker .k-picker-wrap.k-state-default {
    /*background-color: #0085c3 !important;  <- Calendar border color */
    background-image: none;
    /*border-color: #0085c3 !important;  <- Calendar border color */
    color: Black !important;
}

.k-picker-wrap.k-state-default {
   /* border-color: #0085c3 !important;  <- Calendar border color */
}




.k-datepicker .k-picker-wrap {
    height: 27px;
}

.k-datepicker .k-picker-wrap .k-input,
.k-datepicker .k-picker-wrap .k-select {
    height: 27px;
    line-height: 24px;
}

.k-widget.k-calendar .k-state-selected.k-state-focused,  .k-widget.k-calendar .k-state-hover,  .k-widget.k-calendar .k-state-hover:hover{
    background-color: #0085c3; /* <- Calendar border color */
    border-color: #0085c3 !important; /* <- Calendar border color */
    color: white;
}

.k-calendar .k-today {
    -webkit-box-shadow: inset 0 0 0 1px #0085c3 !important; /* <- Calendar today highlighting color */
    box-shadow: inset 0 0 0 1px #0085c3 !important; /* <- Calendar today highlighting color */
}

/*  Uncomment if you want to chage */
.k-datepicker .k-input {
    /* color: #DC143C !important;  <- Calendar Text color */
    font-family: Roboto,Arial,sans-serif; /*<- Calendar Text Family */
    font-size: 13px;    /*<- Calendar Text Size */
    /* font-style: normal;      <- Calendar Text Style */
}
.k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled), 
  .k-other-month.k-state-hover .k-link, .k-pager-wrap .k-link:hover, .k-state-hover,
  .k-state-hover:hover, .k-textbox:hover, div.k-filebrowser-dropzone em{
       background-image: none,-webkit-gradient(linear,left top,left bottom,from(#29B6F6),to(#29B6F6))!important;
    background-image: none,-webkit-linear-gradient(top,#29B6F6 0,#29B6F6 100%)!important;
    background-image: none,linear-gradient(to bottom,#29B6F6 0,#29B6F6 100%)!important;
  }
 .k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical,
  .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected,
  .k-scheduler .k-scheduler-toolbar .k-state-selected,
  .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link,
  .k-state-selected:visited, .k-tool.k-state-selected{
      background-color: #29B6F6!important;
   }

 /* 
    --------------------------------------------------------------------------------
    Calendar End
    --------------------------------------------------------------------------------
 */

 /* 
    --------------------------------------------------------------------------------
    DropDown Begin
    --------------------------------------------------------------------------------
 */

span .k-dropdown-wrap.k-state-default.k-state-hover, span .k-state-default.k-state-focused {
    background-color: #0085c3 !important; /* <- DropDown border color*/
    background-image: none;
    border-color: #0085c3 !important; /* <- DropDown border color*/
    color: Black !important;
}

.k-dropdown-wrap.k-state-default {
    /*border-color: #0085c3 !important;  <- DropDown border color */
}

.k-dropdown .k-item.k-state-hover {
    background-color: #0085c3; /* <- DropDown border color*/
    border-color: #0085c3 !important; /* <- DropDown border color*/
    color: white;
}

.k-dropdown span .k-input {
    background-color: #ffffff !important;
    color: #787878 !important; /* <- DropDown Text color */
    font-family: Roboto,Arial,sans-serif;  /*<- DropDown Text Family */
    font-size: 13px; /*<- DropDown Text Size */
    min-height: 25.63px;
    /* font-style: normal;      <- DropDown Text Style */
}

.k-list-container .k-item {
    /*color: #787878 !important;   <- DropDown Text color */
    font-family: Roboto,Arial,sans-serif;  /*<- DropDown Text Family */
    font-size: 13px;   /*<- DropDown Text Size */
    /* font-style: normal;      <- DropDown Text Style */
}

.k-list>.k-state-hover, .k-list-container .k-state-selected.k-state-focused, .k-list-container .k-state-hover, .k-list-container .k-state-hover:hover{
    background-color: #0085c3; /* <- DropDown border color */
    border-color: #0085c3 !important; /* <- DropDown border color */
    color: white;
}



 /* 
    --------------------------------------------------------------------------------
    DropDown End
    --------------------------------------------------------------------------------
 */
  /* 
    --------------------------------------------------------------------------------
    Labels Begin
    --------------------------------------------------------------------------------
 */
  #cayzu_widget_id label {
    /*color: #0085c3;    <- Label Text color */
    /*font-family: Roboto,Arial,sans-serif;  <- Label Text Family */
    /*font-size: 13px;   <- Label Text Size */
    /* font-style: normal;      <- Label Text Style */
  }
   /* 
    --------------------------------------------------------------------------------
    Labels End
    --------------------------------------------------------------------------------
 */
  /* 
    --------------------------------------------------------------------------------
    TextInput Begin
    --------------------------------------------------------------------------------
 */
  #cayzu_widget_id input, #cayzu_widget_id textarea {
    /*border-color: #0085c3;  <- TextInput border color */
    /*color: #0085c3;    <- TextInput Text color */
    /*font-family: Roboto,Arial,sans-serif;  <- TextInput Text Family */
    /*font-size: 13px;   <- TextInput Text Size */
    /* font-style: normal;      <- TextInput Text Style */
  }
  #cayzu_widget_id textarea {
      border: 1px solid #d7d7d7;
      overflow-y: auto;
  }
   /* 
    --------------------------------------------------------------------------------
    TextInput End
    --------------------------------------------------------------------------------
 */
  /* 
    --------------------------------------------------------------------------------
    CheckBoxes Begin
    --------------------------------------------------------------------------------
 */
  #cayzu_widget_id .checkbox-label {
    /*color: #0085c3;    <- CheckBoxes Text color */
    /*font-family: Roboto,Arial,sans-serif;  <- CheckBoxes Text Family */
    /*font-size: 13px;   <- CheckBoxes Text Size */
    /* font-style: normal;      <- CheckBoxes Text Style */
  }

   /* 
    --------------------------------------------------------------------------------
    CheckBoxes End
    --------------------------------------------------------------------------------
 */

   
 /* 
    --------------------------------------------------------------------------------
    Button Begin
    --------------------------------------------------------------------------------
 */

 #cayzu_widget_id .btn_blue {
    background-color: #0085c3; /* <- Button background color */ 
    border: medium none;
    border-radius: 0;
    color: #fff;   /* <- Button Text color */  
    cursor: pointer;
    font-family: Roboto,Arial,sans-serif; /* <- CheckBoxes Text Family */
    font-size: 17px; /*<- CheckBoxes Text Size */
    height: 35px;
    width: 132px;
}

 /* 
    --------------------------------------------------------------------------------
    Button End
    --------------------------------------------------------------------------------
 */