ul, ol {
    margin-top: 0;
    margin-bottom: 0; 
}



/* Drag and Drop with Cloning CSS Start */



.select-wrapper li.selected{ background: #f0f0f0; 
    border: 1px solid #f0f0f0;
	-moz-box-shadow:none;
    -webkit-box-shadow: none;
    box-shadow: none;
	}

.yellowcolor-font { color:#eebf01;}
.greencolor-font { color:#25a425;}
.orangecolor-font { color:#f17d00;}
.lightgraycolor-font { color:#9d9d9d}

.wordWrapClass {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    word-wrap: normal !important;
}

.clr{ clear:both;}

/*.filled-in[type="checkbox"]:not(:checked) + label::after {
    background-color: transparent;
    height: 20px;
    top: 3px;
    width: 20px;
    z-index: 0;
    left: 6px;
	border: 1px solid #899096;
}
[type="checkbox"].filled-in:checked + label:after, [type="checkbox"]:checked + label::after {
 background-color: #287ab9;  border: 1px solid #287ab9;
}

.filled-in[type="checkbox"]:checked + label::after , [type="checkbox"]:checked + label::after {
    height: 20px;
    top: 3px;
    width: 20px;
    z-index: 0;
	left: 6px;
}

.filled-in[type="checkbox"]:checked + label::before, [type="checkbox"]:checked + label::before {
    border-color: transparent #fff #fff transparent;
    border-style: solid;
    height: 13px;
    left: 7px;
    top: 3px;
    transform: rotateZ(37deg);
    transform-origin: 100% 100% 0;
    width: 8px;
}*/


.border-radius4{ border-radius:8px}

.border-shadow-box-cb {-webkit-box-shadow:0px 0px 6px 0px rgb(185, 185, 185);
-moz-box-shadow: 0px 0px 6px 0px rgb(185, 185, 185);
box-shadow:0px 0px 6px 0px rgb(185, 185, 185);
	border:4px solid #eeeeee;
	}

.iconbutton{ /*background:transparent;*/ border:1px solid #1280a1; color:#1280a1; font-size:20px; min-width:auto; padding: 3px 8px; font-size:14px;}

.btn.iconbutton i{  font-size:20px; }

 .title-header,  .title-header th{background:#f9fafa;}
/* Drag and Drop with Cloning CSS Start */

.cloningli
{
    float: left;
    width: 150px;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
    margin: 0px;
    font-weight: bold;
    text-align: center;
}


.Drag-clonetour{ float: left; width: 130px; border: 1px solid #DFDFDF; margin: 5px 0px 5px 13px; background-color: #ffffff; }
.dollarDiv, .benefit, .templatediv ,.dropboxdiv { border: 1px solid #DEDEDE; background-color: #fff; float: left; margin: 5px; border-radius:4px; }
.videoDiv-icon { height: 34px; width: 47px; background-position: -10px -320px; display: block; }
.BenefitProvider-icon { height: 30px; width: 30px; }
.contentguide .cloning ul li { list-style: none; }
.cloning-current-wrapper {  }
.cloning-current-container { background-color: #F1F1F1; border: 0px solid #DFDFDF; overflow: hidden; }
.cloaning-div.ui-state-default{ border:0px solid #7A7A7A!important;}
.cloneName { font-weight: bold; font-size:13px;   color: #38414a; }
.cloning-tabs { float: left; overflow:hidden; }
.cloning-Contents { background-color: #fff; /*width:312px;*/ }
.cloning-tabs-li { float: left; width: 143px; padding: 9px 10px 9px 10px; cursor: pointer; margin: 0px; font-size:16px; color:#B8B8B8; font-weight: bold; text-align: center; }
.cloaning-div { float: left; width: 100%; overflow: hidden; background-color:transparent !important; }
.cloning-header { font-weight: bold; }
.cloningTypeName { float: left; width: 86%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; cursor: move; color: #a5a3a4; font-size:12px;}
.drag-cloanName {  float: left; width: 100%;  padding-bottom:0px !important; margin-bottom:0px!important; text-overflow: ellipsis; font-weight: 300; overflow: hidden; white-space: nowrap; word-wrap: normal !important; font-size:16px; color:#7c7c7c; }
.cloning-row { padding: 0px 0 0px 0px; overflow: hidden; list-style: none; z-index:1000; }
.drag-cloan { margin-left: 27px; overflow: hidden }
.drag-cloanDiv { padding: 8px 15px 0px 0px }
.drag-action { float: right; }
.cloan-list { width: 210px; /*width:210px;*/ line-height: 14px; text-overflow : ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; }
.cloan-list.cloan-list-width{ width:235px;}
.disabledinputbox { filter: alpha(opacity=50); opacity: 0.6; background: #ccc; }

.drag-dateLabel { float: left; width: 60%; text-overflow : ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; color: #a5a3a4; }
.ui-draggable-dragging { background-color: #FFF; float: left; width: 310px; padding: 0px 10px; list-style: none; border: 0px solid #dfdfdf ; z-index: 300; }
.alert-div { background-color: #F4EFC7; height: 100px; margin-top: 18px; }
.popup-logo { height: 50px; left: 20px; position: absolute; top: 45px; width: 50px; }
/* .alert-information { background-position: -545px -415px; float: left; height: 45px; width: 45px; } */
/*.errortext { font-size: 14px; margin-left: 50px; padding: 10px; }*/

.Drag-cloneWrapper
{
    float: left;
    width: 31.5%;
    border: 1px solid #DFDFDF;
    margin: 5px 0px 5px 13px;
    background-color: #ffffff;
}


.cloning-tabs
{
    float: left;
    width: 100%;
}

.ulli
{
    list-style: none;
}



label.cloanType{ font-size:12px; font-weight:normal;}
.cloan-action{ float:left; width:100%; background:#eeeeee; padding:8px 0px 5px 0px;}
.cloan-selectbox{ border:1px solid #d0d0d0;}
.cloan-selectbox .select-wrapper{ padding:0px;}
.cloan-selectbox .select-wrapper input.select-dropdown{ padding-bottom:0px; padding:8px 10px; margin-bottom:0px; font-weight:normal;}
.cloan-selectbox .select-wrapper span.caret{ bottom:31px;}
.cloan-selectbox-margin{ margin:8px}

.quicksearchbox{ background:#eeeeee;}
.DragCloneWrapper_Active { background-color: #dfdfdf; border: 1px solid #9F9F9F; }

.DragCloneWrapperLibrary_hover { background-color: #eeeeee; border:2px dashed #ced5d9 !important; box-shadow:none!important; /*transition:0.8s;*/ }
.DragCloneWrapperLibrary_hover .cloan-action { background-color: #eeeeee; }

.DragCloneWrapperLibrary_hovertest{ background-color: #fff9d1; border: 1px dashed #e1cc41; width:100%; box-sizing:border-box; }
.changeCoverage_scroll_Y { overflow-x: hidden; overflow-y: scroll; max-height:144px; }

.current-rates-dropbox{ border:1px solid #D0D0D0; background:#FFFFFF;}
.current-rates-dropbox .select-wrapper span.caret { bottom: 28px;right: 16px;}
.current-rates-dropbox input.select-dropdown {padding-left:0px;}

.current-rates-dropbox1{ border:1px solid #D0D0D0; background:#FFFFFF; font-weight:normal;}
.current-rates-dropbox1 .select-wrapper span.caret { bottom: 33px;right: 16px;}
.current-rates-dropbox1 input.select-dropdown {padding-left:0px;}
.current-rates-dropbox1 .select-wrapper { padding:10px; padding-left:10px; margin-bottom:0px; margin:0px;}
.current-rates-dropbox1 .select-dropdown { margin:0px !important;}

.threedotted-icon { height: 32px;width: 10px;display: block;}
.DeleteButton{
  background-color:transparent;
  border-color: #fff; 
  border-style: solid; 
  border-width: 0px;width: 26px !important;
  height: 26px !important; 
  margin-top: 0px;
  float: Right;
}

 .DeleteButton:hover{
  background:transparent!important;
}

.clone-box, .packagesDiv-icon, .DeleteButton, .threedotted-icon{ font-family: "custom-icon"; font-weight:300; color:#768289; position:relative;}
.leftArrow1, .rightArrow1, .editwith-box, .dollarDiv-icon, .AddNewIcon2,.eye-icon, .close1-sml /*,.searchicon,*/.medicalBenefitsSML-icon{ font-family: "fontawesome"; font-weight:300; color:#768289;  position:relative;}

.packagesDiv-icon { display: block;height: 50px; width: 50px; }

.dollarDiv-icon:after { content:"\f155"; color:#768289; position:absolute; font-size:25px; left:15px; top:8px;}
.packagesDiv-icon:after { content:"\53"; color:#768289; position:absolute; font-size:35px; left:6px; top:1px;}
.clone-box:after{content:"\4f"; color:#768289; position:absolute; font-size:21px; font-weight:200; left:4px; top:6px;}
.cloan-action .clone-box:after{top:0px;}
.DeleteButton:after{content:"\50"; color:#768289; position:absolute; font-size:21px; font-weight:200; left:0px; top:0px;}

.yearslider{ background:#768289; padding:5px; color:#fff; font-weight:bold;}

.leftArrow1:after{content:"\f104"; color:#fff; position:absolute; font-size:21px; font-weight:100; left:8px; top:-5px;}
.rightArrow1:after{content:"\f105"; color:#fff; position:absolute; font-size:21px; font-weight:100; left:2px; top:-5px;}
.threedotted-icon:after{content:"\54"; color:#8a9196; position:absolute; font-size:21px; font-weight:100; left:-7px; top:2px;}
.editwith-box:after{content:"\f040"; color:#8a9196; position:absolute; font-size:21px; font-weight:100; left:4px; top:5px;}
.AddNewIcon2:after{content:"\f067"; color:#768289; position:absolute; font-size:21px; font-weight:200; left:0px; top:-2px;}
.close1-sml:after{content:"\f00d"; color:#768289; position:absolute; font-size:21px; font-weight:200; left:-8px; top:-8px;}

.line-doted-bottom{ border-bottom:dotted 1px  #cbced1;}
.list-margin{ margin:9px 3px 3px 0px;}

.icon-button{ background:none; border:0px solid #fff; color:#1280a1; font-size:21px;}
.eye-icon:after{content:"\f06e"; color:#8a9196; position:absolute; font-size:21px; font-weight:100; left:4px; top:5px;}

.cloning-tabs-active{ border-bottom:4px solid #1280a1; color:#1280a1;}
.addpackage-box{ margin:2px 15px 15px 15px;}
.marginLT30 { margin-left: 30px; }


/* tooltipsMappedArrow Start */
.changeCoverage { float: left; width: 88%; background-color: #fff; border: 2px solid #e0e0de; padding: 10px 15px; -webkit-box-shadow:0px 0px 6px 0px rgb(185, 185, 185);
-moz-box-shadow: 0px 0px 6px 0px rgb(185, 185, 185);
box-shadow:0px 0px 6px 0px rgb(185, 185, 185);
	border:4px solid #eeeeee; }

.tooltipsMappedArrow-UP { position:absolute; background: #88b7d5; border: 0px solid #c2e1f5; left:90px; top:-16px;}
.tooltipsMappedArrow-Down { position:absolute; background: #88b7d5; border: 0px solid #c2e1f5; left:90px; bottom:-8px;}

.tooltipsMappedArrow-UP:after, .tooltipsMappedArrow-UP:before, .tooltipsMappedArrow-Down:after, .tooltipsMappedArrow-Down:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.tooltipsMappedArrow-UP:after { border-color: rgba(136, 183, 213, 0); border-width: 14px; margin-left: -18px; margin-top: -10px; z-index: 1; }
.tooltipsMappedArrow-UP:before  { border-color: rgba(194, 225, 245, 0); border-width: 10px; margin-left: -14px; margin-top: -2px; z-index: 3; } 

.tooltipsMappedArrow-Down:after { border-color: rgba(136, 183, 213, 0); border-width: 14px; margin-left: -18px; margin-top: -10px; z-index: 1; }
.tooltipsMappedArrow-Down:before { border-color: rgba(194, 225, 245, 0); border-width: 10px; margin-left: -14px; margin-top: -10px; z-index: 3; }

.tooltipsMappedArrow-UP:after { border-bottom-color: #e0e0de; }
.tooltipsMappedArrow-Down:after { border-top-color: #e0e0de; }
.tooltipsMappedArrow-UP:before { border-bottom-color: #ffffff; }
.tooltipsMappedArrow-Down:before { border-top-color: #ffffff; }
/* tooltipsMappedArrow End */

.dollarDiv-icon { height: 50px; width: 50px;  display: block; }
.AddNewIcon2 {  height: 19px; width: 20px; display: block; }
.rightArrow1 { width: 20px; height: 20px; display: block; }
.editwith-box { width: 26px; height: 26px; }
.clone-box { width: 26px; height: 26px; }
/*.searchicon { width: 30px; height: 28px; right:1px; top:1px; background:#fff; line-height:27px; text-align:center; position: absolute; z-index: 501; content: "\f002"; }*/
/*.searchicon:after { content: "\f002"; }*/
.employeesearch-box{ position:relative; border:1px solid #d0d0d0; width:250px; height:34px}
.employeesearch-box .input-field input{ padding:5px; font-weight:normal;}

.iconholder{display:block; font-size:20px; margin-left:3px}
.iconholder i{display:block;}

.rate-list-width{ width:68%;}

.dollarDiv {font-size:30px;padding:2px -1px 8px 14px;}
.dropboxdiv {font-size:30px;padding:8px 8px 0px 8px;}

/*.grey2-BG{ background:#fff!important;}*/
/************ clone END**************/


/************* Start sequence control *************/
.wizard_Row { float: left; width: 100%; overflow: hidden; /*border-radius:10px;*/ position:relative; background:#fff; }
.wizard-prevArrow, .wizard-nextArrow { width: 35px; height:52px; background-color: #fff; cursor: pointer; position: absolute; z-index: 1; top: 0; }
.wizard-prevArrow { left: 0px; }
.wizard-nextArrow { right: 0px; }
.wizard-prevArrow-span, .wizard-nextArrow-span { float: left; width: 35px; height: 52px; font-size:30px; border-bottom: 2px solid #d5d5d5; }

/*.wizard-prevArrow  { border-bottom-left-radius:10px; border-top-left-radius:10px;} 
.wizard-nextArrow  {  border-bottom-right-radius:10px; border-top-right-radius:10px;}
.wizard-prevArrow-span  { border-bottom-left-radius:10px; border-top-left-radius:10px;} 
.wizard-nextArrow-span  { border-bottom-right-radius:10px; border-top-right-radius:10px;}*/

.wizard-prevArrow-span i {position:absolute; top:10px; left:11px; } 
.wizard-nextArrow-span i { position:absolute; top:10px; left:11px; }

.wizard-prevArrow.notActive .wizard-prevArrow-span, .wizard-nextArrow.notActive .wizard-nextArrow-span{ border-bottom: 2px solid #d5d5d5; width: 35px; height:52px; text-align:center; color:#efefef;  }
.wizard_Row ul li { list-style: none; float: left; }
.wizard-container { background-color: #fff; border-bottom: 2px solid #d5d5d5 !important; }
.wizard-container ul { float: left; width: 100%; }
.wizard-container-wrapper { height: 50px; position: relative; left: 35px; }
.wizard-container { float: left; position: relative; left: 0; }
.wizard-list { float: left; width: auto; padding: 6px 0 0 0; position: relative; height:50px; margin: 0 10px 0 10px; }
.wizard_number { float: left; position: relative; width: 35px; top: -6px; }
.wizard_number .wizard_number_span { float: left; width: 28px; height:28px; margin-top: -9px; }
.wizard_number .wizard_number_span { background-position: -685px -271px; }
.wizard_number .wizard_number_label { float: left; position: relative; top:15px; left:6px; color: #969696; font-weight: bold; font-size:14px; }
.wizard_name { float: left; margin: 5px 0 0 0; font-weight: bold; color: #969696; font-size:16px; }
.notActiveWizard .wizard_name { float: left; margin: 5px 0 0 0; font-weight: bold; cursor: default; }
.notActiveWizard .wizard_number .wizard_number_label { cursor: default; }
.notActiveWizard .wizard_number .wizard_number_span { background:#EDEDED; border:1px solid #D8D8D8; border-radius:100px; cursor: default; }
.ActiveWizard-line { position: absolute; width: 100%; height: 3px; bottom: -2px; left: 0; }
.ActiveWizard-Arrow { float: left; position: absolute; z-index: 20; bottom: -14px; left: 50%; margin-left: -7px; }
.ActiveWizard a { cursor: pointer; }
.ActiveWizard .wizard_number .wizard_number_span {/* background-position: -633px -271px;*/ background:#1280a1; border-radius:100px; cursor: pointer; }
.ActiveWizard .wizard_number .wizard_number_label { color: #d1f3ff; cursor: pointer; font-size:14px; color:#fff; }
.ActiveWizard .wizard_name { cursor: pointer; }
.completeActiveWizard a { cursor: pointer; }
.completeActiveWizard .wizard_name { float: left; margin: 5px 0 0 0; cursor: pointer; font-weight: bold; cursor: pointer; }
.completeActiveWizard .wizard_number .wizard_number_label { color: #fff; cursor: pointer; }
.completeActiveWizard .wizard_number .wizard_number_span { background:#34ad49; cursor: pointer; border-radius:100px; }
.editActiveWizard-line { position: absolute; width: 100%; height: 5px; background-color: #DB8B00; bottom: -5px; left: 0; }
.editActiveWizard-Arrow { float: left; position: absolute; z-index: 20; bottom: -14px; left: 50%; margin-left: -7px; }
.editActiveWizard a { cursor: pointer; }
.editActiveWizard .wizard_name { float: left; margin: 5px 0 0 0; cursor: pointer; font-weight: bold; color: #DB8B00; cursor: pointer; }
.editActiveWizard .wizard_number .wizard_number_label { color:#fff; cursor: pointer; }
.editActiveWizard .wizard_number .wizard_number_span { background:#ffa200; border-radius:100px; cursor: pointer; }
.wizard-content-wrapper { float: left; width: 100%; }
.wizard-content-wrapper .wizard-content { float: left; width: 100%; }
.transperantDiv { display: none; z-index: 5; position: absolute; top: 3px; right: 0%; width: 35px; height: 38px; background-color: #000000; opacity: .00; cursor: pointer; filter: alpha(opacity=0); }



/************* END sequence control *************/

/************* Sequence with Tab control START **********/
.wizard-container-tab { height: 38px; }
.wizard-container-tab .ActiveWizard-line, .wizard-container-tab .ActiveWizard-Arrow { display: none; }
.wizard-container-tab .wizard-container { border-bottom: none; }
.wizard-container-tab .wizard-list { float: left; width: auto; height:50px; padding: 0px 0px 0 0px; cursor: pointer; margin: 0px; }
.wizard-container-tab .wizard_name { float: left; line-height: 38px; text-align: center; margin: 0px; padding: 5px 15px; font-weight: bold; cursor: pointer; color: #333333; }
.wizard-container-tab .wizard_name:hover { color: #1280a1; }
.wizard-container-tab .ActiveWizard .wizard_name { /*color: #1280a1;*/ }
.wizard-container-tab .wizard_name.last_child { border-right: #32a0e8 solid 0px; }
.wizard-container-tab .wizard-list a { color: #333333; float: left; border-right: 0px solid #e4e4e4; }
.wizard-container-tab .wizard-list a:hover { background-color: #fff; color: #1280a1; border-bottom: 2px  solid #1280a1; }
.wizard-container-tab .ActiveWizard { border-right: 0px solid #E4E4E4; height:50px; }
.wizard-container-tab .wizard_number { display: none; }
.wizard-container-tab .wizard-list a :hover.noHoverEffect { border-right-width-value: 0px!important; border-style: none!important; -moz-border-radius: 35px; border-radius: 35px; background-color: #FFFFFF }
.wizard_subname { line-height: 16px; display: block; margin-top: -10px; width: 100%; text-align: left; font-size:11px; }



.nigative-action:hover{ box-shadow:none; opacity:0.8;}


.wizard-container-tab .wizard_name:hover .dependents_imgbox { background:#1280a1; color:#fff; } 
.dependents_imgbox { background:#DCDCDC; margin-top:1px; color:#3F3F3F; font-size:18px; padding:8px; height:35px;width:35px; text-align:center; border-radius:100px; position:relative; }
.dependents_imgbox  i {  position:absolute; top:7px;left:8px; }


.ActiveWizard  .dependents_imgbox { background:#1280a1; color:#fff;  }
.primarycareprovider-tab .wizard-container-tab .wizard_name{ padding:4px 20px 0px 20px; line-height:inherit}
.primarycareprovider-tab .wizard-container-tab .wizard_subname {  margin-top: -2px; }

.primarycareprovider-tab .ActiveWizard .wizard_name {
    height: 44px!important;
}
.primarycareprovider-tab .wizard-container-tab .wizard_name:hover{
    height: 42px!important;
}

.primarycareprovider-tab{border-bottom:2px solid #d5d5d5;}
.primarycareprovider-tab .wizard-container{border-bottom:0px solid #d5d5d5!important;}

 .wizard-container-tab .ActiveWizard .wizard_name {
    border-bottom: #1280a1 2px solid;
    color: #1280a1;
}

.pcp-user-name{
    padding-right: 20px;
    /*display: block;
    float: left;*/
    margin: 3px 0px 0px 0px;	
	
}



/************* Sequence with Tab control END **********/

/************* File upload control START **********/
 .fileuploadwrapper{
    background: #fff;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #d1d1d1;
}

.fileuploadwrapper .browseTxtBx {
    width: 50%!important;
    float: left;
	position: relative;
    padding: 10px;
}

.attachedlist {
    margin: 5px 5px 5px 0;
    overflow: hidden;
    padding: 4px 10px;
    height: auto!important; 
    background: #fff;
}

.attachedfileguide {
    margin-top: 10px;
    padding-left: 5px;
    width: 100%!important;
}

.fileremove{
    text-align: center;
    font-size: 18px;
    line-height: 27px;
}

.textbox-action-btn {
    width: 64px;
    height: 64px;
    border: 2px solid #BBBBBB;
    text-align: center;
    font-size: 30px;
    font-weight: 200;
    line-height: 58px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 100;
    cursor: pointer;
}

.not-allowed{
	    cursor: not-allowed;
}
/************* File upload control END **********/
@media (max-width: 1024px) {
   .Drag-cloneWrapper
    {
        width: 46%;
    }

}

/****************** Datatable changes for Report Scheduling Summary Start *******************/

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
{
	border:0px solid #ddd;
	border-bottom:1px solid #d3d3d3 !important;
	padding:15px 10px;
	position:relative;
}

/*.dataTable tr.odd {
    background-color: #fff;
    height: auto;
}*/

/****************** Datatable changes for Report Scheduling Summary End *******************/