@charset "utf-8";
.label-style{
	font-size:14px;
	color:rgba(0, 0, 0, 0.54);
	line-height:normal;
}
.label-style.ext-padding-top{padding-top:6px!important;}
.input-group input.form-ctrl, .input-group select.form-ctrl, .input-group textarea.form-ctrl { color: #373a3c; font-family: SourceSansPro-Regular; font-size: 14px; }
.input-group select.form-ctrl option { line-height: 25px; }
/* Input CTRL Css */


.input-group.input-icon-right.no-padding-top .input-right {
    top: 0px;
    height: 25px;
    padding-bottom: 0;
    padding-top: 0;
	z-index:0;
}

.add-description-ctrl.input-group.input-icon-right .form-ctrl, .add-description-ctrl.input-group.input-icon-right label.lbl-style { padding-right: 105px; }

.input-group.inline-input-group{}
.input-group.inline-input-group label.lbl-style{top: 11px !important;}
.input-group.inline-input-group .form-ctrl{margin-top: 5px;}
.input-group.inline-input-group .error-message{position:absolute;}
.input-group.inline-input-group.valid label.lbl-style {top: -5px !important;}

.input-icon-left .input-left { position: absolute; top: 22px; left: 0; }
.input-icon-right .input-right:not(.no-padding) { top: 12px; }
.input-icon-right .input-right {position: absolute; top: 26px; right: 0; z-index: 2; font-size: 13px; color: #1976d2; }
.input-icon-right .svg-icon.input-right {top: 10px;}
.input-icon-right.date-input{width:100px;}
.input-icon-right.cal .input-right {position: absolute; top: 26px; right: -15px; z-index: 2; font-size: 13px; color: #1976d2; z-index:1; }
.input-group.input-icon-right.date-input .form-ctrl{padding-right: 25px; z-index:2;}
.input-group.input-icon-left .form-ctrl, .input-group.input-icon-left label.lbl-style { padding-left: 52px; }
.input-group.input-icon-right .form-ctrl, .input-group.input-icon-right label.lbl-style { padding-right: 52px; }
.input-group { padding: 9px 0 0; position: relative; width: 100%; }
.input-group .bar { position: relative; height: 1px; background: rgba(0, 0, 0, 0.3); width: 100%; display: block; margin-top: 8px; }
.input-group .bar:after { content: ''; position: absolute; right: 0; top: 0; left: 0; height: 2px; width: 0; margin: 0 auto; background: rgb(25, 118, 210); transition: 0.2s ease all; }
.input-group.focus .bar:after { width: 100%; }
/*.input-group select.form-ctrl { text-indent: -1px; }*/
.input-group .form-ctrl, .tagsinput input { background-color: transparent; position: relative; z-index: 1; width: 100%; border: 0; font-size: 14px; margin-top: 20px; outline: none; color: #373a3c;font-family: SourceSansPro-Regular;
 }
.input-group .form-ctrl.datepicker { /*width: 89%;*/ width:100%; }
.input-group .form-ctrl[contenteditable="true"] { min-height: 17px; }
.input-group label.lbl-style { z-index: 0; position: absolute; font-size: 14px; display: block; top: 27px; left: 0; right: 0; transition: 0.2s ease all; color: #373a3c; font-family: Montserrat-Regular; }
.input-group.valid label.lbl-style { font-size: 14px; top: 9px; }
.dateTime img{position: absolute; right: 0;}

.dateTime
{
    padding-right: 24px;
}


.mandatory-input:not(.input-group):after{content: '*'; padding-left: 3px; color: #cd5944;}
.mandatory-input label.lbl-style:after {
    content: '*';
    padding-left: 3px;
    color: #cd5944;
}
.mandatory-input.focus label.lbl-style:after
{
    color: #cd5944;
}
.error-message {
    color: #cd5944;
    font-size: 12px;
    padding: 4px 0;
    visibility: hidden;
}

.input-invalid .error-message {visibility: visible;}
.input-invalid .bar:after {background: #cd5944; width: 100%; height: 1px; }

.input-group.error .bar:after { background: #cd5944; width: 100%; }
.input-group .error-msg { display: none; font-size: 12px; color: #cd5944; margin-top: 4px; margin-bottom: 0; position: absolute; }
.error-dtmsg{font-size: 12px; color: #cd5944; position:absolute;}
.input-group.error .error-msg { display: block; }

.no-filter .ms-search{display:none !important;}

.input-group.no-padding-top{padding-top:0px !important;}
.input-group.no-padding-top .form-ctrl{margin-top: 0px !important;}

.input-group.no-padding{padding:0px;}
.input-group.pad48-r{padding-right:48px;}
.dropdlist {margin-top:-4px !important}
/*.no-padding .dropdlist .fc-drop-choice > span {top:-8px !important;}*/
/*.no-padding .dropdlist .fc-drop-choice > div{top:-2px !important;}*/
/*.no-padding .bar{margin-top:0 !important;}*/

.input-group.no-line .bar{border:0; height:0px;}




.auto-width  .fc-drop {width: auto !important;}
.auto-width .fc-drop ul > li label span {white-space: nowrap !important;}


.sml-inputbox{border:none; border-bottom:1px solid #b2b2b2; width:95%; padding-bottom:5px; font-family: SourceSansPro-Regular;}

/* Mandatory Css */
.input-group.star .dropdlist{padding-right: 10px; box-sizing:border-box;}
.input-group.star img{right:13px !important;}
.input-group > input.form-ctrl.required, .input-group > textarea.form-ctrl.required {padding-right: 20px; box-sizing:border-box;}
.star::before {content:""; position:absolute; right:0px; top:40px; height:12px; width:12px;  background-image: url('icons/star.svg'); background-repeat:no-repeat;
    background-size: 10px 10px;}


/*Radio Group Css */
label.radio{cursor:pointer;line-height:12px;height:12px;}
label.radio [type="radio"]{border:0;clip:rect(0 0 0 0);height:12px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:12px}
label.radio [type="radio"] + span{display:block; font-size: 14px;}
label.radio [type="radio"] + span:before{content:'';display:inline-block;width:12px;height:12px;vertical-align:-.25em;border-radius:1em;border:2px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,0.54);margin-right:.75em;transition:.5s ease all}
label.radio [type="radio"]:checked + span:before{background:#1976d2;box-shadow:0 0 0 2px rgba(0,0,0,0.54)}
label.radio [type="radio"]:focus + span:after{content:'';line-height:1;vertical-align:-.125em}
/* End of Radio Group Css */

/* Radio Group Css */
.radio-group { padding: 16px 0; }
.radio-group .lbl-style { margin-bottom: 10px; }
.radio-group input[type="radio"] { display: none; }
.radio-group .radio-lbl { display: block; position: relative; padding: 6px 0 6px 35px; cursor: pointer; min-height: 22px; min-width: 22px;}
.radio-group .radio-lbl:after { content: ''; position: absolute; width: 18px; height: 18px; display: block; border-radius: 50%; top: 0; left: 0; border: solid 2px #858585; transition: all 0.3s linear; -webkit-transition:all 0.3s linear;}
.radio-group .radio-lbl:before { content: ''; position: absolute; width: 21px; height: 21px; display: block; background-color: #1976d2; border-radius: 50%; top: 0; opacity: 0; left: 0; transition: all 0.3s linear; -webkit-transition:all 0.3s linear; }
.radio-group input[type="radio"]:checked + .radio-lbl:after { border-color: rgba(73, 106, 251, 0.5); }
.radio-group input[type="radio"]:checked + .radio-lbl:before { opacity: 1; width: 12px; height: 12px; top: 5px; left: 5px }

.radio-group input[disabled] + .radio-lbl { opacity: .5; cursor: default; }
.radio-group.opacity-disable input[disabled] + .radio-lbl { opacity:inherit; }
.radio-group.opacity-disable input[type="radio"]:checked + .radio-lbl:after, .radio-group.opacity-disable input[type="radio"]:checked + .radio-lbl:before, 
.radio-group.opacity-disable .radio-lbl::after{ opacity: .5;}



.radio-group.radio-vertical-middle .radio-lbl:before,
.radio-group.radio-vertical-middle .radio-lbl:after {
    margin: auto 0;
    top: 0 !important;
    bottom: 0;
}
/* End of Radio Group Css */



/*  Checkbox Group Css */
input[type="checkbox"].checkbox { display: none; }
.checkbox-lbl { display: block; position: relative; padding-left: 30px; font-size: 16px; min-width: 17px; min-height: 30px; cursor: pointer; padding-top:6px; padding-bottom:6px;}
.checkbox-lbl.cntrCbox { width:0; margin: auto; }
.checkbox-lbl:after { content: ''; position: absolute; top:6px; left: 0; border: solid 2px #858585; width: 13px; height: 13px; border-radius: 1px; background-color: #fff; transition: all 0.3s; }
.checkbox-lbl:before { content: ''; position: absolute; top: 0px; left: 0; border-style: solid; border-width: 0 2px 2px 0; border-color: #fff; width: 17px; height: 17px; transition: all 0.3s; z-index: 2; opacity: 0; }
input[type="checkbox"]:checked + .checkbox-lbl:after { background-color: #1976d2; border-color: #1976d2; }
input[type="checkbox"]:checked + .checkbox-lbl:before { width: 3px; height: 7px; top: 9px; left: 6px; transform: rotate(37deg); opacity: 1; }

input[type="checkbox"]:disabled:checked + .checkbox-lbl:after, 
input[type="checkbox"]:disabled:checked + .checkbox-lbl:before, 
input[type="checkbox"]:disabled + .checkbox-lbl:after {opacity:.5;}


.checkbox-vcenter.checkbox-lbl:after {
    margin: auto;
    bottom: 0;
}
.checkbox-vcenter.checkbox-lbl:before {
    margin: auto;
    bottom: 5px;
}

.input-group textarea {
  resize: none;
  outline:none;
   /*overflow-y: hidden;*/
}
/* End of Checkbox Group Css */


/* Radio Group Button Style */
.radio-group-btn.group-btn-lgr  label {
    padding: 7px 16px 8px;
}
.radio-group-btn {
  /* display:table;*/
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    border-collapse: collapse;
	border: solid 1px #1976d2;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);*/
}
.radio-group-btn input {
    display: none;
}
.radio-group-btn label {border-right: solid 1px #1976d2;}
.radio-group-btn label:last-child {border-right:none;}
.radio-group-btn label {
    padding: 5px 16px 6px;
    font-size: 14px;
    cursor: pointer;
    display: table-cell;
    /*border: solid 1px #1976d2;*/
   color: #373a3c;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-transition:all 0.3s linear;
	transition: all 0.3s linear;
}

.radio-group-btn label .svg-icon {
	width: 20px;
    height: 20px;
    padding: 0;
    vertical-align: middle;
	margin: -1px 0 0 2px;
}
.radio-group-btn label svg {
    width: 20px;
    height: 20px;
}
.radio-group-btn input:checked + label .svg-icon svg {fill:#fff;}
.radio-group-btn input:checked + label {
    background: #1976d2;
    color: #fff;
    /*box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.45) inset;*/
}

/* End of Radio Group Button Style */


/* Switch(Yes/ No) Css */
.switch { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 12px 0; }
.switch.ex-widget{padding:10px 8px 6px 8px; border:1px solid #f3f3f3; border-radius:2px; margin-top:-7px;}
.switch .lbl-style { width: 100%; }
.switch input[type="checkbox"] { display: none; }
.switch .switch-lbl { display: inline-block; position: relative; width: 40px; height: 16px; border-radius: 8px; background: rgba(0,0,0,0.26); vertical-align: middle; transition: all 0.3s linear; margin-right: 10px; margin-left: 10px; cursor: pointer; z-index:1; }
.switch .switch-lbl:before { content: ''; position: absolute; top: -4px; left: -4px; width: 24px; height: 24px; background: #fafafa; box-shadow: 0 2px 8px rgba(0,0,0,0.28); border-radius: 100%; transition: all 0.3s cubic-bezier(0, 0, 0, 1.09); }
.switch input[type="checkbox"]:checked + label { background: rgba(73, 106, 251, 0.5); }
.switch input[type="checkbox"]:checked + label:before { left: 20px; background: #1976d2; }
.switch input[type="checkbox"]:disabled + label { opacity: 0.5; filter: alpha(Opacity=50); cursor: auto; }
.switch input[type="checkbox"]:disabled + .switch-lbl:before { background: #dedede;     box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px;}




@-webkit-keyframes click-wave {
    0% {
        width: 10px;
        height: 10px;
        opacity: 0.35;
        position: relative;
    }
    100% {
        width: 100px;
        height: 100px;
        margin-left: -40px;
        margin-top: -40px;
        opacity: 0.0;
    }
}
/*@-moz-keyframes click-wave {
    0% {
        width: 40px;
        height: 40px;
        opacity: 0.35;
        position: relative;
    }
    100% {
        width: 200px;
        height: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0.0;
    }
}
@-o-keyframes click-wave {
    0% {
        width: 40px;
        height: 40px;
        opacity: 0.35;
        position: relative;
    }
    100% {
        width: 200px;
        height: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0.0;
    }
}
@keyframes click-wave {
    0% {
        width: 40px;
        height: 40px;
        opacity: 0.35;
        position: relative;
    }
    100% {
        width: 200px;
        height: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0.0;
    }
}*/

/*.switch  label:active:after {*/
/*.switch  label:after {*/
.switch input[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: 24px;
    height: 24px;

    opacity: 0;
    background: #1976d2;
    border-radius: 50%;
    display: block;
    z-index: 100;
}
.switch input[type="checkbox"]:checked + label:after {
    /*box-shadow:0 2px 8px rgba(0,0,0,0.28),  0 0 0 15px rgba(0,0,0,0.12);*/
    left: 20px;
    opacity: 1;
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
}




/* End of Switch(Yes/ No) Css */

/* Toggle Switch */
.toggle-switch { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 16px 0; }
.toggle-switch.ex-widget{padding:10px 8px 6px 8px; border:1px solid #f3f3f3; border-radius:2px; margin-top:-7px;}
.toggle-switch .lbl-style { width: 100%; }
.toggle-switch input[type="checkbox"] { display: none; }
.toggle-switch .toggle-switch-lbl { display: inline-block; position: relative; width: 40px; height: 16px; border-radius: 8px; background: rgba(73, 106, 251, 0.5);); vertical-align: middle; transition: all 0.3s linear; margin-right: 5px; }
.toggle-switch .toggle-switch-lbl:before { content: ''; position: absolute; top: -4px; left: -4px; width: 24px; height: 24px; background: #1976d2; box-shadow: 0 2px 8px rgba(0,0,0,0.28); border-radius: 100%; transition: all 0.3s cubic-bezier(0, 0, 0, 1.09); }
.toggle-switch input[type="checkbox"]:checked + label { background: rgba(73, 106, 251, 0.5); }
.toggle-switch input[type="checkbox"]:checked + label:before { left: 20px; background: #1976d2; }


/* Dropdown for single select and multiselect */
.select-list .fc-drop-parent{display:inline-block;position:relative;vertical-align:middle;width:100%}
.select-list .fc-drop-choice{display:block;width:100%;height:26px;overflow:hidden;cursor:pointer;outline:none;background:transparent;outline:none;border:none;text-align:left;white-space:nowrap;line-height:57px;font-family: SourceSansPro-Regular;font-size:14px;color:rgba(0,0,0,0.87);text-decoration:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}

.select-list.x .fc-drop-choice{font-size: 13px; color: #373a3c;}

.select-list .fc-drop-choice.disabled { /* background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; */ opacity:0.35 }
.select-list .fc-drop-choice > span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size:14px; color: #373a3c; line-height:30px; }
.select-list .fc-drop-choice > span.placeholder { color: #373a3c; }
.select-list .fc-drop-choice > div { position: absolute; top: 12px; right: 0; width: 0px; height: 0px; /*background: url(icons/drop_down.svg) no-repeat right 10px;*/ opacity: 0.54; border-width: 6px; border-style: solid; border-color: #000 transparent transparent transparent;}
.select-list .fc-drop-choice > div.open { background: url(icons/drop_down.svg)no-repeat right 10px; opacity: 0.54; }
.select-list .fc-drop { width: 100%; overflow: hidden; display: none; margin-top: 5px; padding: 10; position: absolute; z-index: 10000; background: #fff; color: #373a3c; border: 1px solid #cecece; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }


.fc-drop {width: auto !important; min-width:100% !important;}
.fc-drop ul > li { text-align: left; width: 100%; }
.fc-drop ul > li.multiple label span { font-size: 14px; color: #373a3c; font-family: SourceSansPro-Regular; }
.fc-drop.bottom { top: 100%; border-bottom: 1px solid #c9c9c9; -moz-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3); box-sizing: border-box;}
.fc-drop.top { bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); }
.fc-drop ul li.group { padding:12px 0 12px 0;}
.fc-drop ul li.group:first-child{padding:0 0 12px 0;}
.fc-drop ul li.group input[type="checkbox"] {vertical-align: middle; margin-right: 8px; display:none;}
.fc-drop-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px 4px 6px 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; border-bottom: 1px solid #CECECE; box-sizing: border-box; }
.fc-drop-search input {
width: 95%;
height: 30px;
min-height: 24px;
padding: 0px 20px 0px 5px;
margin: 4px 8px 0px 8px;
outline: 0px none;
font-family: SourceSansPro-Regular;
font-size: 14px;
border: 1px solid #d3d3d3;
border-radius: 0px;
box-shadow: none;
opacity: 0.54;
border: none;
}
border-radius: 0px; box-shadow: none; opacity: 0.54; border: none; }
.fc-drop-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.fc-drop-search input.search-btn {
 width: 30px;
right: 8px;
position: absolute;
padding: 0 8px 0 0px;
margin: 3px 0 0 0px;
border-radius: 5px;
border: 1px solid #fff;
 background:#fff url(search.png) no-repeat right 2px;
}
.fc-drop-search input.search-btn.on {
border: 1px solid #ccc;
background-color: #e0e0e0;
opacity: 1.0;

}

.fc-drop ul { width : 100%; overflow-y: auto; overflow-x:hidden; margin: 0; max-height: 180px !important; padding: 10px; }
.fc-drop ul > li { list-style: none; display: list-item; background-image: none; width: 100%; position: static; }
.fc-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); }
.fc-drop ul > li.multiple { display: block; float: left; }
.fc-drop ul > li.group { clear: both; }
.fc-drop ul > li.multiple label { width: 100%; display: block;  overflow: hidden; text-overflow: ellipsis; }
.fc-drop ul > li.multiple label span { width: 100%; }
.fc-drop ul > li label { font-weight: normal; position:relative;}
.fc-drop ul > li label.optgroup { /*font-weight: bold;*/  font-size: 13px; color: #373a3c; font-family: SourceSansPro-Regular; }
/*Bug_41455 11/12/2014 starts*/
optgroup:BEFORE { font-style: normal; margin-left: 2%; }
/*Bug_41455 11/12/2014 ends*/
.fc-drop input[type="checkbox"] { vertical-align: middle; }
.fc-drop .ms-no-results { display: none; }
.fc-drop ul > li label {
font-size: 14px;
color: #373a3c;
font-family: SourceSansPro-Regular;
}
.fc-drop ul > li label:after first-line {color:red !important;}
.fc-drop ul > li label span{
    display: block !important;
    padding-left: 8px;
    padding-right: 16px;
	
	color: #373a3c;
}

/*Radio button for Dropdown Css */

.fc-drop label{cursor:pointer;}
.fc-drop [type="radio"]{border:0;clip:rect(0 0 0 0);height:10px;margin:-8px;overflow:hidden;padding:0;position:absolute;width:10px}
.fc-drop [type="radio"] + span{display:block; padding:2px 0px 2px 24px; margin-top:-10px;min-width: 120px;}
.fc-drop [type="radio"] + span:before{content:'';display:inline-block;width:10px;height:10px;vertical-align:-.25em;border-radius:1em;border:2px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,0.54);margin-right:.75em;transition:.5s ease all; margin-left: -23px; pointer-events: none;}
.fc-drop [type="radio"]:checked + span:before, .checked + span:before{background:#1976d2;box-shadow:0 0 0 2px rgba(0,0,0,0.54)}
.fc-drop [type="radio"]:focus + span:after{content:'';line-height:1;vertical-align:-.125em}


/*Checkbox for Dropdown Css*/

.fc-drop [type="checkbox"]{border:0;clip:rect(0 0 0 0);height:10px;margin:-8px;overflow:hidden;padding:0;position:absolute;width:10px}
.fc-drop ul li label{position:relative; display: block; cursor:pointer; padding:8px 0;}
.fc-drop ul li label:before{border:2px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,0.54); display: block; position:absolute;}
.fc-drop [type="checkbox"] + span{padding-left:26px; display:block;  margin-top:-10px;}
.fc-drop [type="checkbox"] + span:after { content: ''; position: absolute; top: 0px; left: 0; border: solid 2px #858585; width: 13px; height: 13px; border-radius: 1px; background-color: #fff; transition: all 0.3s; }
.fc-drop [type="checkbox"] + span:before { content: ''; position: absolute; top: 0px; left: 0; border-style: solid; border-width: 0 2px 2px 0; border-color: #fff; width: 17px; height: 17px; transition: all 0.3s; z-index: 2; opacity: 0; }
.fc-drop [type="checkbox"]:checked + span:after { content: ''; position: absolute; top: 0px; left: 0; border: solid 2px #858585; width: 13px; height: 13px; border-radius: 1px; background-color: #fff; transition: all 0.3s; }
.fc-drop [type="checkbox"]:checked + span:before { content: ''; position: absolute; top: 0px; left: 0; border-style: solid; border-width: 0 2px 2px 0; border-color: #fff; width: 17px; height: 17px; transition: all 0.3s; z-index: 2; opacity: 0; }
.fc-drop input[type="checkbox"]:checked + span:after { background-color: #1976d2; border-color: #1976d2; }
.fc-drop input[type="checkbox"]:checked + span:before { width: 3px; height: 7px; top: 3px; left: 6px; transform: rotate(37deg); opacity: 1; }







/*Search Filterss*/
.search-filter{padding:24px;}
.search-filter.ex{padding:24px 0;}
.search-filter > ul{padding:0px; margin:-24px 0px 0px 0px; list-style:none;}
.search-filter > ul > li{display:inline-block; width:140px; padding-right:10px; position:relative;}
.search-filter > ul > li:last-child{padding-right:0;}
 div.filter-date{position:absolute !important; left:0; padding:10px; background-color: #fafafa; border: 1px solid #dadada; -moz-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3);}
 div.filter-date.right-pos{margin-left: 110%; margin-top: -72px; box-shadow:none; border:none; background:none;}
  div.filter-date:after{content:""; display:block; clear:both;}
.search-filter > ul > li > .input-group label.lbl-style{font-size:14px !important;}
.search-filter > ul > li > .input-group.valid label.lbl-style{font-size:12px !important;}
.search-filter > ul > li > div.filter-date .input-group{padding:0;}
.search-filter > ul > li > div.tbx { bottom:-10px !important;}
div.filter-date .input-group img{top:15px !important; z-index:1; position:absolute; right:0px; opacity: 0.54}
div.filter-date.right-pos .input-group img{top:30px !important;}
.search-filter .fc-drop-parent .fc-drop-choice{font-size:13px;}
.search-filter .fc-drop-parent .fc-drop ul > li label{font-size:13px; }
.search-filter .fc-drop-parent .fc-drop ul > li label span{display:block !important; padding-left:24px; padding-right:16px;}

.card
{-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
background: #ffffff;
padding-top:15px !important; padding-bottom:5px !important;


}
.card span{padding-left:10px !important; padding-right:10px !important; box-sizing:border-box;}
.card label{padding-left:10px !important; top: 15px !important;}
.card .bar{height:0px !important;}

.file-upload {
    text-align: center;
}
.file-upload-ctrl input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
	text-indent: -2000px;
}

.file-upload-ctrl {
    position: relative;
    /*text-align: center;
    padding-bottom: 16px;*/
    margin-bottom: 16px;
	 overflow: hidden;
    cursor: pointer;
    display: inline-block;
}

.input-group input.form-ctrl.date-box{cursor: pointer; color: transparent; text-shadow: 0 0 0 #000; opacity:0.87;}

.textbox-drop{position:relative;}
.textbox-drop.text-left .textbox-drop-open{left: 4px;}
.textbox-drop.text-right .textbox-drop-open{right: 4px;}
.textbox-open-tag.drop-arrow > div {
    position: absolute;
    top: 17px;
    right: 0;
    width: 0px;
    height: 0px;
    background: url(drop_down.svg) no-repeat right 10px;
    opacity: 0.54;
    border-width: 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
	cursor:pointer;
}
.textbox-open-tag{cursor:pointer;}
.textbox-drop-open, .single-date-open, .double-date-open{
    width: 100%;
	overflow: hidden;
	display: none;
	margin-top: -1px !important;
	padding: 10;
	position: absolute;
	z-index: 3;
	background: #fff;
	color: #373a3c;
	border: 1px solid #cecece;
    border-bottom: 1px solid #c9c9c9;
	-moz-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;

}



.single-date-open .input-icon-right.date-input{width:100%;}
.double-date-open .input-icon-right.date-input{width:100%;}
.single-date-open, .double-date-open{padding:12px;}
.single-date-open .input-icon-right.cal .input-right, .double-date-open .input-icon-right.cal .input-right{top:-3px !important;}
.textbox-drop-open.margin-right{margin-right:12px;}
.textbox-drop-open .ul-list{padding:0px; }

.dropdlist .fc-drop-parent{display:inline-block;position:relative;vertical-align:middle;width:100%}
.dropdlist .fc-drop-choice{display:block;width:100%;height:26px;overflow:hidden;cursor:pointer;outline:none;background:transparent;outline:none;border:none;text-align:left;white-space:nowrap;line-height:57px;font-family: SourceSansPro-Regular;font-size:14px;color:rgba(0,0,0,0.87);text-decoration:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}

.dropdlist.x .fc-drop-choice{font-size: 13px; color: #373a3c;}

.dropdlist .fc-drop-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }
.dropdlist .fc-drop-choice > span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size:14px; color: #373a3c; line-height:30px; }
.dropdlist .fc-drop-choice > span.placeholder { color: #373a3c; }
.dropdlist .fc-drop-choice > div { position: absolute; top: 12px; right: 0; width: 0px; height: 0px; /*background: url(icons/drop_down.svg) no-repeat right 10px;*/ opacity: 0.54; border-width: 6px; border-style: solid; border-color: #000 transparent transparent transparent;}
.dropdlist .fc-drop-choice > div.open { background: url(icons/drop_down.svg)no-repeat right 10px; opacity: 0.54; }
.dropdlist .fc-drop { width: 100%; overflow: hidden; display: none; margin-top: 5px; padding: 10; position: absolute; z-index: 1000; background: #fff; color: #373a3c; border: 1px solid #cecece; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }


/* Chip Ctrl CSS */
.input-icon-right .tagsinput {margin-right: 54px;}
.tagsinput {overflow-y: auto; margin-top: 3px !important; display: flex; flex-wrap: wrap;}
.tagsinput span.tag {display: inline-block; float: left; background: #e6e6e6; height: 32px; padding-left: 12px; color: #373a3c; margin-right: 12px; border-radius: 16px; margin-top: 5px; line-height: 30px;}
.tagsinput span.tag span {color: #373a3c; font-size: 13px;}
.tagsinput span.tag a { width: 24px; height: 24px; display: inline-block; background: rgba(0, 0, 0, .54); border-radius: 50%; text-align: center; line-height: 22px; color: #e6e6e6; font-size: 16px; margin: 4px; }
.tagsinput span.tag a:hover {text-decoration: none; background: rgba(0, 0, 0, .87); }
.tagsinput input { width:100% !important; font-size: 13px; margin: 0 !important; height: 36px;}
.tagsinput div { display:block; float: left; flex: 2;} 
.tagsinput .tags_clear { clear: both; width: 100%; height: 0px; }
.tagsinput .not_valid {background: #FBD8DB !important; color: #90111A !important;}
/* End of Chip Ctrl CSS */


/* Start fc-dropDown CSS */

.fc-Select-dropDown { display: inline-block; position: relative; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.fc-Select-dropDown h1 span { white-space: nowrap; display: inline-block; }
.fc-Select-dropDown h1 { position: relative; }
 .Select-open:after {
  content: '';
  position: absolute;
  top: 6px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;	
  height: 0;
  border-style: solid;
  border-width: 6px;
  border-color: rgba(0, 0, 0, .5) transparent transparent transparent;
}

.selectAll li input{visibility: hidden; position: absolute;}
.Select-open { cursor: pointer; padding:6px 25px 9px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  display: block;}
.Select-open h1 span:after { content: ''; position: absolute; top: 15px; margin-left: 10px !important; margin: auto; width: 0; height: 0; border-style: solid; border-width: 7px; border-color: rgba(0, 0, 0, .5) transparent transparent transparent; }
.SelectDrop { min-width: 100%; background: #fff; position: absolute; 
	border: 1px solid #cecece; min-width: 100%;
    border-bottom: 1px solid #c9c9c9;
	-moz-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	border-radius: 2px; z-index: 10; text-transform: capitalize; top: 32px; left: 0; display: none;}
.fc-search-filter { border-bottom: 1px solid #CECECE; padding: 10px 10px 8px 10px; }
.SelectDrop ul { list-style: none; }
.SelectDrop ul li { list-style: none; display: block; padding: 12px 8px 12px 20px;  font-size: 14px; cursor: pointer; text-align: left; color: #373a3c; position: relative;}
.SelectDrop ul li span{margin-left: 20px; margin-top: -2px; display: block;}
.fc-single-select .SelectDrop ul li { list-style: none; display: block; padding: 12px 8px 12px 10px ;  font-size: 14px; cursor: pointer; text-align: left; color: #373a3c; position: relative;}
.fc-single-select .SelectDrop ul li span{margin-left: 0; margin-top: -2px; display: block;}

/*.SelectDrop ul li span { display: none; }*/
.SelectDrop ul li a { padding: 7px; margin: -8px; color: #373a3c; display: block; line-height: normal; font-size: 15px; }
.list-parent{width:100%; max-height:500px; overflow: auto;}
.SelectDrop ul.listitems li label { padding: 7px; margin: -8px; color: #373a3c; display: block; line-height: normal; font-size: 15px; z-index: 99; float: left;}
.SelectDrop ul li label { padding: 7px; margin: -8px; color: #373a3c; display: block; line-height: normal; font-size: 15px; z-index: 99;}
.SelectDrop ul li:hover { background: rgba(0, 0, 0, .05); text-decoration: none; }
.SelectDrop ul li a:hover { text-decoration: none !important; }
.SelectDrop input[type="text"] { width: 100%; height: 30px; min-height: 24px; padding: 0px 20px 0px 5px; outline: 0px none; font-family: SourceSansPro-Regular; font-size: 14px; /*border: 1px solid #d3d3d3;*/ border-radius: 0px; box-shadow: none; background: url(../images/search.svg) no-repeat right 2px; opacity: 0.54; border: none; box-sizing: border-box; border: none; }

.fc-drop ul li.group
{ padding:0;}

.fc-drop ul > li label span
{ display: block !important; padding-left: 0; padding-right: 16px; color: #373a3c; } 

/* Start fc-dropDown CSS */

/*-------------Material new style------------*/

.fc-input-group input.form-ctrl,
.fc-input-group select.form-ctrl,
.fc-input-group textarea.form-ctrl {
	color: #373a3c;
	font-family: SourceSansPro-Regular;
	font-size: 14px;
}

.fc-input-group select.form-ctrl {
	margin-left: -4px;
}

.fc-input-group select.form-ctrl option {
	line-height: 25px;
	padding: unset;
}

.fc-input-group {
	padding: 9px 0 0;
	position: relative;
	width: 100%;
}

.fc-input-group select.form-ctrl .bar {
   width: calc(100% - 5px);
 }

.fc-input-group .bar {
	position: relative;
	height: 1px;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	display: block;
	margin-top: 5px;
}

.fc-input-group .bar:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	height: 2px;
	width: 0;
	margin: 0 auto;
	background: rgb(25, 118, 210);
	transition: 0.2s ease all;
}

.fc-input-group.focus .bar:after {
	width: 100%;
}

.fc-input-group .form-ctrl,
.tagsinput input {
	background-color: transparent;
	position: relative;
	z-index: 1;
	width: 100%;
	border: 0;
	font-size: 14px;
	margin-top: 26px;
	outline: none;
	color: #373a3c;
	font-family: SourceSansPro-Regular;
}

.fc-input-group .form-ctrl[contenteditable="true"] {
	min-height: 17px;
}

.fc-input-group label.lbl-style {
	z-index: 0;
	position: absolute;
	font-size: 14px;
	display: block;
	top: 32px;
	left: 0;
	right: 0;
	transition: 0.2s ease all;
	color: #373a3c;
	font-family: Montserrat-Regular;
}

.fc-input-group.valid label.lbl-style {
	font-size: 14px;
	top: 9px;
}

.fc-mandatory:not(.fc-input-group):after {
	content: '*';
	padding-left: 3px;
	color: #cd5944;
}

.fc-mandatory label.lbl-style:after {
	content: '*';
	padding-left: 3px;
	color: #cd5944;
}

.fc-mandatory.focus label.lbl-style:after {
	color: #cd5944;
}

.error-message {
	color: #cd5944;
	font-size: 90%;
	padding: 4px 0;
	visibility: hidden;
}

.fc-invalid .error-message {
	visibility: visible;
}

.fc-invalid .bar:after {
	background: #cd5944;
	width: 100%;
	height: 1px;
}

.fc-input-group.error .bar:after {
	background: #cd5944;
	width: 100%;
}

.fc-input-group .error-msg {
	display: none;
	font-size: 12px;
	color: #cd5944;
	margin-top: 4px;
	margin-bottom: 0;
	position: absolute;
}


.fc-input-group.error .error-msg {
	display: block;
}

.fc-input-group>input.form-ctrl.required,
.fc-input-group>textarea.form-ctrl.required {
	padding-right: 20px;
	box-sizing: border-box;
}

.fc-field-label,.fc-label,
.fc-input-group label.lbl-style {
	padding-right: 25px;
	font-family: SourceSansPro-Regular, sans-serif !important;
	font-size: 16px;
	line-height: 18px;
	color: #9b9b9b;
	white-space: nowrap;
}

.fc-input-group.valid label.lbl-style {
	font-size: 12px;
}

.fc-input-group input.form-ctrl,
.fc-input-group select.form-ctrl,
.fc-input-group.input-group textarea.form-ctrl {
	color: #373a3c;
	font-family: SourceSansPro-Regular, sans-serif !important;
	font-size: 16px;
}

.fc-input-group input.form-ctrl[type="text"]:disabled {
	color: #000;
	opacity: 0.3;
}

.fc-btn-style {
	height: 40px;
	border-radius: 4px !important;
	font-family: "Montserrat-Bold", sans-serif;
	font-size: 14px;
	box-shadow: none !important;
	min-width: 100px !important;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 16px !important;
	cursor: pointer;
}

.fc-btn-style.stroked-primary {
	color: #0093ee !important;
	outline: 0 !important;
	background: white !important;
	border: 1px solid #c6d9e8 !important;
}

.fc-btn-style.flat-primary {
	background: #0093ee !important;
	color: #fff !important;
	border: 1px solid #0093ee !important;
	
}

button[disabled].fc-btn-style{
   color: rgba(0,0,0,0.26) !important;
   background-color: rgba(0,0,0,0.12)!important;
	border: 1px solid rgba(0,0,0,0.02)!important;
}

.fc-mandatory.fc-invalid .error-message {
	visibility: visible !important;
}

label.fc-radio{cursor:pointer;line-height:12px;height:12px;}
label.fc-radio [type="radio"]{border:0;clip:rect(0 0 0 0);height:12px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:12px}
label.fc-radio [type="radio"] + span{display:block; font-size: 14px;}
label.fc-radio [type="radio"] + span:before{content:'';display:inline-block;width:12px;height:12px;vertical-align:-.25em;border-radius:1em;border:2px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,0.54);margin-right:.75em;transition:.5s ease all}
label.fc-radio [type="radio"]:checked + span:before{background:#1976d2;box-shadow:0 0 0 2px rgba(0,0,0,0.54)}
label.fc-radio [type="radio"]:focus + span:after{content:'';line-height:1;vertical-align:-.125em}


.fc-stickyBottomBar {
	z-index: 99;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding-right: 20px;
}

.fc-stickyBottomBar>div {
	width: 800px;
	margin: auto;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 -2px 15px 0 rgba(0, 0, 0, 0.12) !important;
	background: #fff;
	border-radius: 3px;
	padding: 6px;
}