/************** Start Delegation ***************/  
/*   ::-webkit-scrollbar {
	display: none; 
  } */

 /* Let's get this party started */
.delegationSystem ::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
.delegationSystem ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.1); 
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
 
/* Handle */
/* a{transition: all 0.5s ease;} */


.delegationSystem ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 4px;
    background: rgba(0,0,0,0.5); 
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); 
}
.delegationSystem ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.2); 
}
 
 .main-container{height: calc(100vh - 160px);width:100%; display:inline-table;} 
 .sp{border-right:1px solid #efefef;padding-right: 12px;}
 .historyBorder{border-left:1px solid #efefef;padding-left: 12px;display:inline-table;height: 98%}
 
.height100vh{}
.heightFill{height: calc(100vh - 160px); max-height: 100vh;overflow-y: auto;}  
.maxheightFill{max-Height: calc(100vh - 160px); overflow-y: auto;overflow-x: hidden;}
 
.xSmall-btn{padding: 5px 15px; font-size:15px;}

history-toolbar [selected-grouping='status'] .heightFill{height: 25vh;}

.tags{ margin-top: -5px;overflow: auto !important; 
  border: 1px solid #ccc !important;
  font-family: STC-Regular;
  min-height: 40px !important;
  display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-left:40px !important
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    
    webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
     
}

.customelabel label{position: absolute;right:40px;}

tags-input.ng-invalid .tags{box-shadow:none !important}
.tags .tag-list{ margin-bottom: 0;  display: inline-block; vertical-align: middle;}
.tags .input{margin-top: 7px !important;float: none !important;border: 1px solid #e7e7e7;width:95% !important;font-family: Stc-Font-regular !Important;}
tags-input .tags{padding-left: 50px !important}
.box{display: block !important}
 
 .delegationDashboard .col-md-6{padding: 0 0px;}
  .delegationDashboard .col-md-6:nth-child(even) .userStatistics{border-right:5px solid #fff}
 .delegationDashboard .dashboardUser{margin:0 0px;border:1px solid #fff;border-bottom:1px solid #e4e4e4;margin-bottom: 0px;font-size: 14px;font-weight: 700;line-height: 15px;padding-top:0px;transition: all 0.5s ease;position: relative;}
 .delegationDashboard .col-md-6:nth-child(odd) .dashboardUser{border-left:1px solid #e4e4e4;padding-left:4px;}
 
.warningalert,  .alert.vacationWarning{position: absolute ;width: 95%;z-index: 10;right: 9px;top: -5px;background: rgba(254, 236, 170,0.8);border:1px solid #f2bd55 !important;padding-top:8px;padding-bottom: 0px;}
.alert-warning { color: #995906;font-size:12.5px}
.delegationSystem .alert-dismissable .close, .delegationSystem .alert-dismissible .close {  left: 21px; right: 0px;right: 8px; top: -7px;}
 
 .warningalert{position: static;color: #000 !important; font-size: 13px !important;  line-height: 25px;display: inline-block;width:97%} 
 .warningalert input[type='button']{background: transparent;padding: 3px 5px;border:1px solid #9f6000;line-height: 14px;}
 .warningalert .fa{color:#9f6000;font-size:30px;margin: 10px 0;}
 .form-group span.active{color:#FF375E;text-decoration: underline !important;cursor: pointer;}
 
 .alert {position: relative;}
 
 .delegationDashboard .dashboardUser:hover{border:1px solid #e0e0e0;border-radius:5px;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2) inset;}
 .delegationDashboard .dashboardUser .row{margin: 0 0}
 .delegationDashboard .dashboardUser:nth-child(2) {border:0px;}
 .delegationDashboard .dashboardUser .mail-link{display: inline-block;}
 .delegationDashboard .dashboardUser .mail-link button , .delegationUnit .basicInfo .sendMail{background: #fff;border:0px;}
.delegationDashboard .userPhoto {text-align: center;color:#423f3d}

tags-input .tags .tag-item.delegated-service-tag{background: #f7f7f7;border:1px solid #818181;color:#000;line-height: 16px;}
tags-input .tags .tag-item.delegated-service-tag .remove-button{color:#585858}
tags-input .tags .tag-item{height:21px !important;}
.not-allowed-service-tag{background: #1c252c !important;border:1px solid #1c252c !important;color:#fff !important;}

.greyBar{position:relative;background: #f3f3f1;padding:8px;display: inline-block;width: 100%;border-radius:5px;color:#888;margin:5px 0 15px;font-weight: 700;font-size:15px;}

.greyBar:after, .greyBar:before {
	top: 100%;
	right: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.greyBar:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #f3f3f1;
	border-width: 8px;
	margin-right: -8px;
}
 
 

.greyBar a{border:1px solid #888;border-radius:50%;width: 22px;height: 22px; text-align: center;}
.greyBar .fa{color:#888;font-size: 13px;font-weight: 400;}

.dashboardUser label a{font-size:15px;color:#5d5d5d}
.mail-link .fa{color:#5d5d5d}

.delegationDashboard .userStatistics{background: #f5f5f5;color:#ababab;text-align: center;padding:6px 5px;margin:6px 0 0 !important;display: inline-block;width: 100%}
.delegationDashboard .userStatistics .clickable{color:#ababab;transition: all 0.3s ease;}

.delegationDashboard .userStatistics span{display: inline-block;width:100%}
.delegationDashboard .userStatistics .value{transition: all 0.3s ease;width:30px;height: 30px;border:1px solid  #c4c4c4;border-radius:50%;color:#4F008C;padding:6px 5px 0;}
.delegationDashboard .userStatistics .clickable:hover{color:#4F008C;}
.delegationDashboard .userStatistics .clickable:hover .value{background: #FF375E;color:#fff;border:1px solid  #FF375E;}

.delegationDashboard .addButton{
background: rgba(113,44,129,.8);position: absolute;top: 30%;right:65%;padding: 0px 0;border-radius: 5px;
transform: translate(-50%, -50%);
    z-index: 1000;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;overflow: hidden;transition: all 0.5s ease;}

.delegationDashboard .addButton button{background: #ff375e;padding:14px 15px;border:0px solid #fff;color:#fff;text-align: center}
.delegationDashboard .addButton button:hover{background: #ff375e;}
.delegationDashboard .addButton button a{color:#fff;text-decoration: none;}

.delegationTabs{display: inline-block;width:100%;margin-bottom: 17px; margin-top: 5px;overflow: hidden;border-top:0px !important;}
.delegationTabs .btnspad {width: 25%; padding: 12px; font-size: 20px;position: relative;float: right;border-radius:0px;border-left:1px solid #4F008C !important;border-top:1px solid #4F008C !important;margin-bottom: 0px !important}
.delegationTabs .btnspad:hover{background: #f4eff5 !important;color:#4F008C}
.delegationTabs statistics-tab:last-child .btnspad{border-left:0px !important}

.delegationTabs .delegationTitle{font-size: 18px;width: 100px !important;display: inline-block;white-space: pre-line;text-align: right;line-height: 20px;position: absolute;right: 10px;bottom: 10px;}
.delegationTabs .delegationsNumber{font-size: 25px;float: left;margin-left: 10px;}

.delegationDashboard .userPhoto img{border-radius:50%;border:1px solid #c8c8c8;width: 110px;height: 110px;margin-bottom: 5px;}
.delegationDashboard .userPhoto a{color:#FF375E;}
.delegationModal .modal-title{font-size: 20px;font-weight: 700;} 


.hovicon {display: inline-block; cursor: pointer; margin: 12px auto 10px;width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; text-decoration: none; z-index: 1;}
.hovicon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content:''; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.hovicon:before {display: block; -webkit-font-smoothing: antialiased;}

.hovicon.effect-1:after {
    top: -7px;
    right: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #f0f0f0;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
/* Effect 1a */
.hovicon.effect-1.sub-a:hover { background: rgba(240, 240, 240, 1); color: #41ab6b;} 
.hovicon.effect-1.sub-a:hover:after {-webkit-transform: scale(1);  -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}
.hovicon.effect-1.sub-b:hover {background: rgba(255, 255, 255, 1);   color: #41ab6b;} 
.hovicon.effect-1.sub-b:after {-webkit-transform: scale(1.2);  -moz-transform: scale(1.2); -ms-transform: scale(1.2);   transform: scale(1.2);}
.hovicon.effect-1.sub-b:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);  opacity: 1;}


.dropdown-menu .uib-typeahead-match .hovicon{width: 30px;height: 30px;margin:0px;}
.input-group-addon{border:0px}
 
 .delegationUnit{margin-bottom: 10px;position: relative}
 .delegationUnit .basicInfo img.delegationPhoto{width: 70px;height: 70px;border: 2px solid #e4e4e4;border-radius:50%;margin-bottom: 5px;position: relative;}
 .delegationUnit hr{margin-top:2px;margin-botto:2px;}
 .delegationUnit .numberOfServices{display: inline-block; width: 95%; border-top: 1px solid #efefef; padding-top: 5px;}
 .delegationUnit .userInfo{margin-top:8px;margin-right: 10px;}

   .submit-reason-history-item, .submit-reason-modal {
    position: absolute;
    left: 0px;
    width: 0;
    z-index:0;
    margin: -3px 0 0;
    box-sizing: border-box;
     background: #fff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .5);
    border: 0px solid #fff;
    border-radius: 3px; 
    height: 35px;
     -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    
}
.submit-reason-modal {margin-top: -35px;}
.submit-reason-history-item button ,  .submit-reason-modal button  {padding:0 ;font-size: 0px;}
.submit-reason-history-item.reason-visible button , .submit-reason-modal.reason-visible button{padding:5px 15px 5px 15px ;font-size: 14px;}

.submit-reason-history-item.reason-visible {  width: 98%;   background: #fff; box-shadow: 0px 2px 8px rgba(0, 0, 0, .5);  border: 4px solid #fff; z-index:100;left: 4px;}
.submit-reason-modal.reason-visible {width: 97%;text-align: right;left: 1%;padding-left:4px;}
.modal-footer{position: relative;overflow: hidden;}

.submit-reason-history-item .inline-add-form input[type='text']  {width:95% !important}
.submit-reason-modal .inline-add-form input[type='text'] {width:100% !important}
.submit-reason-history-item .inline-add-form  {top: -2px; }
.submit-reason-modal .inline-add-form {top: 3px; }

.submit-reason-history-item  .small-btn, .submit-reason-modal .small-btn{font-size: 15px;}



 .firstPart{background: #f8f8f8;font-weight: 700;}
 .unitDetails .firstPart{float: right;width:100%;}
 .unitDetails .secondPart{width:28%;float: right;}
  .unitDetails .height-45{height: 37px !important;}
 .firstPart div{float: right;}
 .stcColor{color:#FF375E;}
  
 .clickable{cursor: pointer;}
 .delegate-service .clickable:hover,.secondPart .clickable:hover {text-decoration:none;}
 
 .p0{padding:0}
 .p5{padding:5px}
 .p05{padding:0 5px}
 
 .m0{margin: 0px !important;}
 .m8{margin: 0 8px}
 .m4{margin: 0 4px !important}
 .m15{margin-top: 15px;}
 .mbottom20{margin-bottom: 20px !important;}
 
 .border0{border:0px !important}
 .horizontalSp{border-bottom:2px solid #e4e4e4;width:8px;margin:5px 3px!important;}
 
 .sort_export{margin: 0 0 10px;border-bottom: 1px solid #f0f0f0;padding:0 0 2px;}
 .sort_export button{color:#4F008C !important;font-size: 13px;font-weight: 700;padding:0px;background: transparent !important;} 
 .sort_export .fa{color:#5f5f5f}
 
 .dateContianer {display: inline-block; width: 100%; padding: 0px 0px; color: #555;  background-color: #fff; border: 1px solid #ccc; border-radius: 4px;}
 .dateContianer .form-group{margin-bottom: 0}
 .dateContianer .form-control{border:0px !important;}
 .dateContianer .input-group-addon{background: #fff;}
 .dateContianer .input-group-addon .fa{color:#a7a4a5}
 .advancedSearcContainer .stc-btn-default{width: 38px;margin: 2px 0 0 0}
 
 .stc-btn-default{color:#FF375E !important}
 .stc-btn-default:hover{color:#fff !important}
 
 .nano{height:300px}
 
 .closeErrorMsg{position: absolute; left: 12px; top: 6px; font-size: 15px;}
 .historyAccordion .panel .panel-heading{background: #f3f3f1;padding:5px 15px}
 .historyAccordion .panel .panel-heading .panel-title a{color:#414142;display: block;background: transparent !important;text-decoration: none;padding-top:5px;padding-bottom:5px}
 .historyAccordion .panel .panel-heading .panel-title .accordion-toggle:before{border-top: 5px solid #8e9aa0;}
  
  
 .historyAccordion .panel-open .panel-heading{background: #8e9aa0;padding:5px 15px;}
 .historyAccordion .panel-open .panel-heading:hover{background: #7c8d95;padding:5px 15px}
 .historyAccordion .panel-open .panel-heading .panel-title a{color:#fff;display: block;background: transparent !important}
 .historyAccordion .panel-open .panel-heading .panel-title .accordion-toggle:before{border-top: 5px solid #f3f3f1;}
 .historyAccordion .panel{border:0px;}
 .historyAccordion .panel-body{padding:10px 0px;}
 .historyAccordion .panel-heading+.panel-collapse>.panel-body{border:0px !important;box-shadow: 0px 0px 0px #000;}
  
 
 
 .delegate-details{margin: 10px auto}
 .delegate-details .roundedAction{border:1px solid #777777; background:#fff;color:#777777;width:24px;height: 23px;text-align: center;border-radius:50%;display: inline-block;margin-top: -8px;margin-right: 4px;padding-top:1px}
 .delegate-details .roundedAction .fa-close{margin:-1px -1px 0 0}
 .delegate-details .roundedAction .fa-envelope{font-size:89%;margin-top: -1px;}
 .delegate-details .sendMail:hover{background: #FF375E;border:1px solid #FF375E;}
 .delegate-details .sendMail:hover .fa{color:#fff}
 
 .delegate-details .employeeDetails img.delegatePhoto {width: 120px;  height: 120px; border: 2px solid #e4e4e4;  border-radius: 50%;  margin: 5px auto;  clear: both;}
 .delegate-details .employeeName{font-size:25px;}
 .delegate-details .employeeTitle{font-size:16px;}
 .delegate-details .newDelegation{width:170px;font-size: 20px;margin: 10px auto;}  
 .delegate-details .delegate-services-search{background: #f4f4f4;padding:5px;display: inline-block}
 
 .delegationSystem  .portlet-content-container{display: inline-block;width: 100%}
    
 .delegate-service{border-bottom: 1px solid #e4e4e4;display: inline-block;width: 100%}
 
 .delegate-service > div{margin:3px 0 5px;display: table;height: 100%;border-left: 1px solid #e4e4e4}
 .delegate-service .daysLeft{height: 52px;position: relative;display: flex;justify-content: center; align-items: center;}
 .delegate-service .daysLeft:after  , .unitDetails .daysLeft:after {
	left: 100%;
	top: 18px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(193, 193, 193, 0);
	border-left-color: #c1c1c1;
	border-width: 7px;	 
}

.unitDetails .daysLeft:after {top: 15px;}

.createDelegationSuccess.sweet-alert{padding:5px 0 17px 0}
.createDelegationSuccess.sweet-alert button.cancel {
    background-color: transparent;
    border-radius: 5px;
    color: #FF375E;
    border: 1px solid #FF375E !important;
    padding: 7px 20px 5px 20px;
    font-size: 16px;
    font-weight: normal;
    margin: 15px 5px 0 5px;
 }
.createDelegationSuccess.sweet-alert button.confirm{	
	background-color: #FF375E !important;
	border-radius: 5px !important;
    color: #fff !important;
     border: 1px solid #FF375E;
    padding: 7px 20px 5px 20px;
    font-size: 16px;
    font-weight: normal;
}
.createDelegationSuccess.sweet-alert button{margin:15px 5px 0 5px}
 
.createDelegationSuccess.sweet-alert button:hover { background: #FF375E !important; color:#fff !important; -webkit-transition: all .3s ease; transition: all .3s ease;}
.createDelegationSuccess.sweet-alert .sa-button-container{ border-top: 1px solid #e4e4e4;  margin-top: 10px; text-align: left;  padding-left: 17px; }
.createDelegationSuccess.sweet-alert p{text-align: right;padding-left:130px;padding-right:20px;color:#333;background: url(../images/success.png) no-repeat 10% 0;min-height: 70px;line-height: 20px;}
.createDelegationSuccess.sweet-alert  h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0px 0 12px;
    padding: 0;
    line-height: 40px;
    display: block;
    border-bottom: 1px solid #e4e4e4;
    text-align: right;
    padding-right: 20px;
    padding-bottom: 0;
    font-size: 19px;
}
 
 .dropdown-menu>li>a{white-space: normal !important;}
 delegation-autocomplete .dropdown-menu>li>a{white-space: normal !important;}
 samp{font-family:STC-Regular}
 .spanBlockInside span{display: inline-block;width: 100%}
 .delegate-service  .processed ,  .delegate-service .pendingstatus{background: #00c48c;color:#DFF2BF;display: inline-block; text-align: center;margin-bottom: 4px;width:35px;font-size:14px;margin-top: 3px;}
 .delegate-service  .processedText{color:#00c48c;font-size:14px;}
 
 .delegate-service .pendingstatus{background: #FEEFB3;color:#9F6000}
 .delegate-service .pendingText{color:#9F6000;font-size:15px;}
 
 .delegate-service .serviceName{font-size:17px;color:#000}
 .delegate-service .delegateType{font-size:15px;color:#FF375E}
 .delegate-service .requestedCountText{font-size:15px;color:RGBA(0,0,0,0.5)}
 .delegate-service .requestedCount{font-size:17px;color:#FF375E;font-weight: 700}
 
 .delegationPagination{display: inline-block;width:100%;height:100%}
 .delegationPagination select.form-control{width:48px;padding-top:5px;margin-top:15px;padding: 0 5px 0 0}
 .delegationPagination .paginationLabel{color:RGBA(0,0,0,0.5);margin-left:10px;float:right;padding-top:5px;margin-top:15px;}
 
 .delegationPagination .pagination li.active a {  color: #fff; background-color: #ff375e;  border-color: #ff375e;}
 
 .delegationSystem .portlet-content{padding:0 5px;}
 .firstPart div , .firstPart {padding-left:5px;padding-right:5px;}
 .firstPart div {padding:6px 0 ;text-align: center;font-size: 13px;line-height: 20px;}
 .firstPart div.daysLeft{padding: 0px !important;text-align: center;line-height: 43px; height: 43px;display: flex;
justify-content: center; align-items: center;}
 .firstPart .daysLeft div{padding: 2px 0px;text-align: center;width: 100%;}
 .delegationUnit .processed ,  .delegationUnit .pendingstatus{background: #00c48c;color:#DFF2BF;display: inline-block; text-align: center;margin-bottom: 4px;width:25px;min-height: 20px;}
 .delegationUnit .processedText{color:#00c48c;}
 
 .delegationUnit .pendingstatus{background: #FEEFB3;color:#9F6000}
 .delegationUnit .pendingText{color:#9F6000;} 
  
 .delegationUnit .basicInfo , .delegationUnit  .unitDetails{display: inline-block;width: 100%;font-size: 13px;position: relative;}
 .daysLeft{background: #c1c1c1;padding: 2px !important;color:#fff;font-weight: 700;font-size: 12px;}
 
 .delegationSearch{background: #fafafa; padding: 8px 10px;display: inline-block; width: 100%;}
 
 .dropdown-menu.advancedSearcContainer { left: -7px;right: auto;width: 327px;padding: 15px 10px; background:#fafafa;border-top: 0;z-index: 10001;margin-top:3px;overflow:initial;min-height: 168px;position: absolute;}
 
 .border-grey { border: 1px solid #e1e1e1 !important;}
 .height-45{height: 40px !important;}
 .addDelegation{padding:10px 10px 0px 10px;border-left:1px solid #e4e4e4;overflow-x:hidden }
 .addDelegation .form-horizontal .form-group{margin-left:0px;margin-right:0px ;}
 .delegationSystem input[type=checkbox] {height: 15px;width: 15px;vertical-align: middle;margin: 0 0 .4em .4em;border: 1px solid #cccaca;-webkit-appearance: none;-webkit-transition: box-shadow .2s;border-radius: 3px;cursor: pointer;box-shadow: -1px 0px 1px #bdb9b9;}
 .delegationSystem input[type=checkbox]:active:not(:disabled) {border-color: #FF375E}
 .delegationSystem input[type=checkbox]:focus { outline: none}
 .delegationSystem input[type=checkbox]:checked { border-color: #FF375E; background-color: #FF375E}
 
 .black-btn{background:#000;color:#fff}
.tag-list{max-height: 150px;overflow: auto}
 
 .fromTotable{margin:4px auto 0;background: #fbfbfb;color: #333; width: 80%;border-radius:5px;display: inline-block;
    font-size: 13px;}
 .fromTotable span{float: right;padding: 5px 7px;display: inline-block;}
 .fromTotable .fromTitle , .fromTotable .toTitle{background: #f5f5f5;width:50px;}
 .sepratorBeforeAfter::after , .sepratorBeforeAfter::before{ 
 content:"";border-top:1px solid #c5c5c5;border-right:1px solid #c5c5c5;width:50px;height:20px;margin: -16px 10px;display: inline-block;}
 .sepratorBeforeAfter::after {border-right:0px solid #c5c5c5;border-left:1px solid #c5c5c5;}
 .employeeTitle{color:#FF375E;}
 
 
 .stc-btn-action {font-family: Stc-Font-regular;text-shadow:none !important;font-size: 22px;background: #FF375E !important;color: #fff !important;border: 1px solid #FF375E !important;height: 37px;display: inline-block;padding-bottom: 20px;padding-top: 0;margin-right:5px;}
 .stc-btn-action:hover {background: #FF375E !important;color:#fff;-webkit-transition: all .3s ease; transition: all .3s ease}
 .stc-btn-action:active {background: #FF375E !important}
	.w100{width:100%}
	.m5{margin:10px 0 10px}
	.selectServices{position: absolute;left: 20px;top: 30px;width: 40px;line-height: 6px;font-size: 36px;font-weight: 400;height: 30px;}
	.sub-title{font-weight: 700;margin:10px 0 0;padding: 0}
	.addDelegation .input-group{width:100%;margin-bottom: 5px;}
 	.selectService .nav-tabs{margin-bottom: 10px;}
	 
.stc-btn-default:hover{color:#fff;}

.advancedSearcContainer .calendarMoreSearch{padding:5px 10px;border:0px;}
.advancedSearcContainer .dateTime{display: inline-block;margin-bottom: 0px;}
.advancedSearcContainer .dateTime div{margin:0px !important;padding: 0px !important;}
.advancedSearcContainer .calendarMoreSearch .clearDate{ }
.advancedSearcContainer .calendarMoreSearch .fa-calendar{margin: 5px -5px 0 0}
.datetimepicker{padding:5px}
.datetimepicker .table th , .datetimepicker .table td {padding:5px;}
.datetimepicker .table th{border-radius:0px !important}

.advancedSearcContainer .dateTime div.col-md-6:first-child .input-group.date input.form-control{border-radius: 0 5px 5px 0 !important; border-left: 0px !important;padding-right:3px;}
.advancedSearcContainer .dateTime div.col-md-6:last-child .input-group.date input.form-control{border-right: 0px !important;  border-radius: 5px 0 0 5px !important;padding-right:3px;}

.activeDelegation .delegationDashboard{padding: 5px;border-right:1px solid #ececec;}
.activeDelegation .delegationDashboard .userStatistics{margin:6px 0}
.activeDelegation .delegationDashboard .dashboardUser{margin-right: 24px;}
.dashboardUser .vacation{display: block;margin-right: 75px;margin-bottom: 5px;}
.dashboardUser .vacation:first-child{margin-top:-15px;}

.modal-body { height: 61vh !important;}

.selectService{min-height: 250px;}

.selectService .loading-pane{width:100%;height: calc(100vh - 250px );}
.selectService.tabs50 .loading-pane{width:100%;height: 60vh;}


.selectService .nav-tabs{border-bottom:1px solid #8e9aa0;border-left:0px;border-radius:3px;overflow: hidden;margin: 0;display: inline-block;width: 40%;background: #4F008C;}
.selectService .nav-tabs li{height: 44px;min-width: 70px;width: 33%;text-align: center;border-left:1px solid #8e9aa0;border-top:1px solid #8e9aa0;background: #4F008C; border-radius:0px;}

.selectService.tabs50 .nav-tabs{width:48% !important}
.selectService.tabs50 .nav-tabs li{height: 44px;min-width: 70px;width: 33%;text-align: center;border-left:1px solid #8e9aa0; background: #8e9aa0; border-radius:0px;}

.selectService .nav-tabs li:last-child{width: 34%;}
.selectService .nav-tabs li:first-child{ border-right:1px solid #8e9aa0;}

.selectService .nav-tabs>li>a{color:#4F008C;border:0px;font-size:17px;margin: 0px !important;padding-top:8px;border-radius:0px;background: #fff}
.selectService.tabs50 .nav-tabs>li>a{padding-top:9px;}
.selectService .nav-tabs>li>a:hover , .selectService .nav-tabs>li.active>a{background:#ff375e;color:#fff;border:0px }

.custometable , .table-condensed{margin: 10px 0 10px;font-size: 13px;}
.custometable>tbody>tr>td , .table-condensed>tbody>tr>td {border-left:0px;padding:10px 5px !important;}
.custometable>thead>tr>th , .table-condensed>thead>tr>th{border-left:0px;background: #f5f5f5;padding: 5px !important;}


.selectService .table-hover>tbody>tr:hover {background-color: #fdfafa;}

.text-lightpurple{color:#FF375E !important;}
.text-green{color:#00c48c !important;}
.text-blue{color:#1f78e0 !important;}

.back-lightpurple,.back-green ,.back-blue{display: inline-block;padding:2px 5px;text-align: center;font-weight: 700}
.back-lightpurple{background:#FF375E;color:#fff;}
.back-green{background:#00c48c;color:#dff2bf;}
.back-blue{background:#FEEFB3;color:#9F6000;}

.fs18{font-size:18px;}
.wAuto{width: auto !important}
.selectService table button.wAuto{padding:0 1px; float: left;font-size: 14px;}
.modal-header button.close{font-size:27px}
.dropdown-menu{max-height: 350px;overflow: auto}
.custometable .dropdown-menu{max-height: 200px;overflow: auto}

.servicesTree .panel-heading{padding:0px;}
.servicesTree .accordion-toggle{background: #f4f4f4;color:#4F008C;width: 100%;display: inline-block;padding: 13px 20px 13px 40px;text-decoration: none;font-size:17px;font-weight: 700}
.servicesTree .accordion-toggle:before{margin-left:15px;}
.servicesTree .accordion-toggle:hover{margin-right:0px !important;margin-left:0px !important; padding: 13px 20px 13px 40px;background: #4f008c;}
.servicesTree .panel-open .accordion-toggle{background:#4F008C /* rgba(113, 44, 129, 0.8) */;color:#fff;}
 
.servicesTree .panel-open .accordion-toggle:before {content: ""; position: absolute;left: 0; top: 20px; width: 0; height: 0; border-top: 0px solid #4F008C; border-bottom: 5px solid #fff; border-right: 5px solid rgba(255, 255, 255, 0); border-left: 5px solid rgba(255, 255, 255, 0);}
.delegationSystem .servicesTree  input[type=checkbox]{float: right;margin: 2px 3px 2px 9px}
.delegationSystem .servicesTree li.angular-ui-tree-node{margin:8px 0}
.delegationSystem .servicesTree li ol{margin-right: -23px;}
.delegationSystem .servicesTree li{padding-right:25px;}

.delegationSystem .dropdown-menu li.uib-typeahead-match{padding-right: 0px;}
.parentArrow , .parentArrowClosed{position: absolute;right:0px;top:2px;cursor: pointer;}

.parentArrow:before{ content: ""; position: absolute;margin-top:5px; 
	border-top: 5px solid #FF375E;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0); 
}
 .parentArrowClosed:before{ content: "";position: absolute;margin-top:1px; 
    border-top: 5px solid rgba(255, 255, 255, 0);
    border-bottom: 5px solid rgba(255, 255, 255, 0);
    border-right: 5px solid #4F008C;
    border-left: 0px solid #4F008C; 
 }
 

.action-container{float: left;margin-bottom: 0px; text-align: left;padding-right: 0;font-weight: lighter;}
.servicesTree{margin-top: 5px;}
uib-accordion{margin-top: 5px;display: block}

.delegationSearch .customeAutoComplete .dropdown-menu{width:335px}

.clickable{color:#1F78E0;cursor: pointer;}
.clickable:hover{text-decoration:underline;color:#165fb4}

 input[type=checkbox]:checked {border-color: #007dc6; background-color: #007dc6;}
.modal-body { overflow-y: auto;padding:0 15px !important}

.customAutocomplete #loader {
    display: block;
    position: relative;
    right: 81%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: -33px -0px 0 0;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #4F008C;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
     .customAutocomplete  #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        right: 5px;
        left: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #FF375E;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    .customAutocomplete  #loader:after {
        content: "";
        position: absolute;
        top: 10px;
        right:10px;
        left: 10px;
        bottom: 10px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #ff6a39;
        border-left-color: #ff6a39;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

     input[type=checkbox]:checked:before {
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 4px;
    margin-top: 1px;
}

.switcher{font-size:16px;color:#4F008C;margin-top: -28px; margin-bottom: 5px;}

.switcher .switch {
  position: relative;
  display: inline-block;
  width:30px;
  height: 17px;
  vertical-align: middle;
  margin-left:5px;
}

.switch input {display:none;}

.slider {
  position: absolute !important;
  cursor: pointer !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: #ccc;
  -webkit-transition: .4s !important;
  transition: .4s !important;
  width: auto !important;
  height: auto !important;
  margin: 0px !important;
  padding:0 !important;
  border: 0px !important;
  display: inline !important;
}
.delegatedTo .slider{background-color: #FF375E !important}
.delegatedTo .badge{background-color: #ccc}

.slider:before , .slider:after { 
  position: absolute;
  content: "";
  height: 13px !important;
  width: 13px !important;
  right: 2px;
  bottom: 1.2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f054';
  color: #FF375E;
  font-size: 9px;
  line-height: 15px;
  padding-right: 1px;
}
 
  
input:checked + .slider {
  background-color: #FF375E !important;
}
 
    
input:focus + .slider {
  box-shadow: 0 0 1px #FF375E;
}

input:checked + .slider:before , input:checked + .slider:after   {
  -webkit-transform: translateX(-8px) !important;
  -ms-transform: translateX(-8px) !important;
  transform: translateX(-8px) !important; 
}
 

input:checked + .slider:after {   
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f053';
  color: #FF375E;   
  font-size: 9px;
  line-height: 15px;
  right:10px;
  background:transparent;  
  top: 0.5px;
}

/* Rounded sliders */
.slider.round { border-radius: 10px !important;}
.slider.round:before , .slider.round:after { border-radius: 50%;}



.delegation-type-info-icon {display: inline-block;width: 27px; height: 25px;vertical-align: middle;margin: 0 3px;cursor:pointer;}
.delegate-type-info {background: url(../images/decision_on_Behalf.png) no-repeat;background-size:21px 20px;}
.draft-type-info {background: url(../images/prepare_on_behalf.png) no-repeat;background-size:21px 20px;}
.feedback-type-info {background: url(../images/auto_feedback.png) no-repeat;background-size:21px 20px;}


 .acceptanceVisible .firstPart{height: 34px;width: 81%;}
 .acceptanceVisible .unitDetails .secondPart{width: 19%;background: #f8f8f8} 

 .cancellationVisible .firstPart{height: 34px;width: 90%;}
 .cancellationVisible .unitDetails .secondPart{width: 10%;background: #f8f8f8}
 
 .cancellationVisible .firstPart .daysLeft , .acceptanceVisible .firstPart .daysLeft{padding:0;height: 33px;}
 .cancellationVisible .unitDetails .daysLeft:after , .acceptanceVisible .unitDetails .daysLeft:after { top: 11px; }
 .cancellationVisible .firstPart div , .acceptanceVisible .firstPart div{line-height: 13px;}
 .cancellationVisible  .secondPart  button.btn , .acceptanceVisible  .secondPart  button.btn{float: right;padding: 3px 7px;margin: 3px 2px}
 .cancellationVisible  .horizontalSp , .acceptanceVisible  .horizontalSp{height: auto !important;margin-top: 1px !important}
 
 
 .statisticsVisible .firstPart{ width: 70%;}
 .statisticsVisible .unitDetails .secondPart{width: 30%;}


.tooltip-inner { min-width: 20px !important;padding: 3px 2px !important}
.small-btn {padding: 5px 15px !important;font-size:15px !important;font-weight: 400 !important}
.fontSize13{font-size: 13px;}
.popover-content{padding: 10px !important;}

.hierarchy-level-H , .hierarchy-level-P , .hierarchy-level-L {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size:0px;
}

.hierarchy-level-H:before {
   content: "\f139";
   font-size:14px;
}

.hierarchy-level-P{background:#373d45; width: 12px;height: 12px;border-radius:50%;padding:1px 2.5px 0}
.hierarchy-level-P:before {
   content: "=";
   font-size:11px; 
   font-weight:700;
   color:#fff;  
}

.hierarchy-level-L:before {
   content: "\f13a";
   font-size:14px;
}

.hold-background , .active-background , .expired-background , .cancelled-background , .pending-background ,.rejected-background {display: inline-block;width: 8px;height: 20px;vertical-align: middle;margin-right: 5px;}
.hold-background { background-color: #BDE5F8;}
.active-background {background-color: #DFF2BF;}
.expired-background { background-color: #FFD5D5;}
.cancelled-background {background-color: #a0a0a0;}
.pending-background{background-color: #FEEFB3;}
.rejected-background{background-color: #F44336;}

.addDelegation  .form-control[readonly] , .dateContianer .form-control[readonly]{background-color: #fff ; opacity: 1;font-size:11px;box-shadow:none; font-family: inherit;}

@media screen and (min-width: 1024px) {
	.delegationUnit .basicInfo img.delegationPhoto{width: 60px;height: 60px;}
	.posRelative .form-group{position: relative;}
    .selectServices{left:5px;}	
}

@media screen and (min-width: 768px) {
	.delegationUnit .basicInfo img.delegationPhoto{width: 60px;height: 60px;}
	.delegationModal .modal-dialog {width:900px;}
	.delegationModal .modal-dialog .modal-body{padding:5px;}	
}



@media screen and (max-width: 1024px) { 
	.posRelative .form-group{position: relative;}
 	.selectServices{left:5px;} 	
   .delegationSystem .btn , .delegationSystem .stc-btn-default{margin-bottom: 5px !important;}
    delegation-type-input , delegate-user-input{padding: 0px !important;}
    delegation-period-input .col-xs-12{padding:0px;}
  .heightFill { height: 53vh;}
  .addDelegation{border-left:0px;}
   .selectService .nav-tabs{width: 65%;margin-bottom: 10px;}
  .selectService .loading-pane{width:910px;height: 180px;} 
 
}



@media screen and (max-width: 768px) { /* iPhone landscape ***/

.delegationDashboard .col-sm-6{width:50%}
.date{width: 100%} 
.col-md-2.p0{padding-left:15px !important;padding-right:15px !important;}
.delegationDashboard .addButton{display: block !important;}
 
 .selectService table{margin-bottom: 10px !important;}  
 .selectService .nav-tabs{width: 85%;margin-bottom: 10px;}
 .unitDetails .firstPart{ width:85%;}   
 .unitDetails .secondPart{width:15%;}
  
 .selectService .loading-pane{width:607px;height: 130px;}
   .sepratorBeforeAfter::after , .sepratorBeforeAfter::before{ 
 content:"";border-top:0px ;border-right:0px;width:0px;height:0px;margin: 0px;display: inline-block;}
 .sepratorBeforeAfter::after {border-right:0px solid #c5c5c5;border-left:0px solid #c5c5c5;}
 .fromTotable{width: 100%}
 .delegationSearch .customeAutoComplete .dropdown-menu{width:576px}
 .height-45{margin-bottom: 5px;}
  
  .delegate-service{border-bottom: 0px;}
  .delegate-service > div{border-bottom:1px solid #e4e4e4;border-left:0px}
  .delegate-service > div > br{display: none}
  .delegate-service > div .serviceName{margin-left: 10px;display: inline-block;margin-bottom: 5px;}
  
}

@media screen and (max-width: 415px) { /* iPhone 6s   ***/

	.delegationDashboard .col-sm-6{width:100% !important}
    .delegationTabs .btnspad { width: 100%;padding:6px 10px;border-bottom: 1px solid #e4e4e4 !important}
	.primary-btn , .stc-btn-default{width:100% !important; margin-bottom: 5px;}
    .delegationTabs .delegationsNumber{font-size: 25px;}
    .delegationTabs .delegationTitle  {width:auto !important;position: static;}
    .dropdown-menu.advancedSearcContainer {width: 321px;}
    .datetimepicker{width: 304px !important;}
    .selectService .loading-pane{width:353px;height: 75px;} 
     .unitDetails .firstPart{ width:70%;}   
 	.unitDetails .secondPart{width:30%;} 
    .selectService .nav-tabs{width: 100%;margin-bottom: 10px;}
    .selectService .nav-tabs li{width: 100% !important;border:1px solid #8e9aa0}
     .delegationSearch .customeAutoComplete .dropdown-menu{width:324px} 
    
}
@media screen and (max-width: 376px) { /* iPhone 6  ***/
	 .dropdown-menu.advancedSearcContainer {width: 284px;}  
	  .datetimepicker{width: 263px !important;}
	  .selectService .loading-pane{width:314px;height: 71px;}
	  .delegationSearch .customeAutoComplete .dropdown-menu{width:285px}
	
}

/************** End Delegation ***************/

@supports (-ms-ime-align:auto) {
	
  .tags{direction:ltr !important;}
   tags-input .tags {overflow: hidden !important;}
   tags-input .tags .input{float: right !important}

}

.dropdown-menu li {position:relative;width:100%}
.dropdown-menu li> a{font-size:13px;}
.dropdown-menu li> a .hierarchy-level-H , .dropdown-menu li> a .hierarchy-level-P , .dropdown-menu li> a .hierarchy-level-L
{position:absolute;left:10px;top:11px}
.delegationSystem .dropdown-menu li> a samp{font-size:10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:50px}
.delegationSystem .dropdown-menu li> a img{border:1px solid #a8a6a6}
.delegationSystem .dropdown-menu li> a employee-photo{margin-left:10px;float:right;}
.delegationSystem .dropdown-menu li.uib-typeahead-match {min-width: 300px;}
.delegationSystem .box{box-shadow:none;}