.ai-quarter{}/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Author     : Venky
*/
@font-face{
    font-family:'Roboto-Condensed';
    src: url(../fonts/Roboto-Condensed.ttf);
}
@font-face{
    font-family:'Roboto-Light';
    src: url(../fonts/Roboto-Light.ttf);
}
@font-face{
    font-family:'Roboto-Medium';
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face{
    font-family:'Roboto-Regular';
    src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#Source Sans Pro') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Gothic';
    src: url('../fonts/Gothic/gothic.eot');
    src: url('../fonts/Gothic/gothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gothic/gothic.woff') format('woff'),
         url('../fonts/Gothic/gothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/gotham.eot');
    src: url('../fonts/Gotham/gotham.woff') format('woff'),
         url('../fonts/Gotham/gotham.ttf') format('truetype');
    src: url('../fonts/Gotham/gotham-bold.eot');
    src: url('../fonts/Gotham/gotham-bold.woff') format('woff'),
         url('../fonts/Gotham/gotham-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face{
    font-family:'Roboto-Thin';
    src: url(../fonts/Roboto-Thin.ttf);
}

html, body{
    background: #fff;
    font-family:  'Source Sans Pro', Helvetica, sans-serif;
    font-weight: 400;
    font-size:.85em;
    counter-reset:section;
    color: #222222;
    line-height: 1.3em;
    letter-spacing: .03em;
    /*font-variant: small-caps !important;*/
}
.ui-widget, .ui-widget-content{
    font-family:'Source Sans Pro', Helvetica, sans-serif !important;
    background:#fff !important;
    /*font-variant: small-caps !important;*/
}
.ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea{
    /*text-transform: uppercase;*/
    /*font-variant: small-caps !important;*/
}
ul{ margin: 0px; padding: 0px;}
table{
    width:100%;
}
pre{
    font-size: .95em; font-family:  'calibri', Helvetica, sans-serif;/*font-variant: small-caps !important;*/
}
/*============     headingTitles ======*/
.MainHeadeing{font-size: 1.3em;}
.subHeadeing{font-size: 1.2em;}
.min1Headeing{font-size: 1.1em;}

/*================      font- sizes ==================*/
.ui-widget{font-size: .9em !important;}
.ui-dialog .ui-dialog-title{font-size: 1.2em;}
h3, .h3{font-size: 1.2em;}
h4, .h4{font-size: 1.1em;}
/*===================    z-index ==============================*/
.zindex200{
    z-index: 200;
}
/*=========================  font-sizes =============*/

p{font-size:.95em;}
.fs04{ font-size: 0.4em;}
.fs05{ font-size: 0.5em;}
.fs06{ font-size: 0.6em;}
.fs07{ font-size: 0.7em;}
.fs08{ font-size: 0.8em;}
.fs09{ font-size: 0.9em !important;}
.fs095{ font-size: 0.95em !important;}
.fs1{font-size: 1em !important;}
.fs11{font-size: 1.1em !important;}
.fs12{font-size: 1.2em !important;}
.fs13{font-size: 1.3em !important;}
.fs14{font-size: 1.4em !important;}
.fs15{font-size: 1.5em !important;}
.fs16{font-size: 1.6em !important;}
.fs17{font-size: 1.7em !important;}
.fs18{font-size: 1.8em !important;}
.fs19{font-size: 1.9em !important;}
.fs2{font-size: 2em !important;}
.currencyType{
    font-size: .6em;
}
.gpluscolor,
.linkedincolor, 
.facebookcolor, 
.sharedSocial .gpluscolor, 
div.file_upload,
.subDroppable.ui-droppable p{
    font-size: .8em;
}
.dealDate1, .subDealMenu li{
    font-size: .9em;
}
.select2-container{font-size: 1em !important;}
input[type=checkbox].css-checkboxround + label.css-label, 
input[type=checkbox].css-checkboxround + label.css-label,
input[type=checkbox].css-checkbox + label.css-label,
input[type=checkbox].css-checkbox-sm1 + label.css-label-sm1,
input[type=checkbox].css-checkbox-hot + label.css-label-hot ,
.goTop, .ui-jqgrid .ui-jqgrid-view,
.btn-group.fr .dropdown-menu,
.componentsTable input, 
.componentsTable select,#deals_add_block input,
.componentsTable>tbody>tr>td,
.cinnerTable>tbody>tr>td, 
.ui-menu-item{
    font-size: 1em;
}
.btn,.addButton, .altButton,
.feedbackBtn,
.addButton1,.panel-title, 
input[type=radio].css-radio + label.css-radio-label,
.componentsTable>thead>tr>th, 
.componentsTable>tfoot>tr>th,
.headerDetails label{
 font-size: 1.1em !important;    
}

#error_div, #error, 
#reports_error,#sucess, 
#success,#success_div, 
.contact-name, #content > .content-header h1, 
label.custom, .statusTitle, 
.fa-approved:before, 
.fa-toBeApproved:before, 
.fa-notApproved:before{
    font-size: 1em; 
}
#error_div, #error, 
#reports_error,#sucess, 
#success,#success_div{
    z-index: 99999 !important;
}

.fa-non_billable:before{
    color: red;
    content: "\f068";
}
.fa-billable:before{
    color: green;
    content: "\f00c";
}
.atum-apps-block li a h3{
    font-size:.9em;
}
#content > .content-header > .breadcrumb > li > a, .hint, .features{ 
    font-size:1.1em;
}
body > .header .logo{
    font-size: 2em;
}
body > .header .logo img{margin-top: -5px;}
#login h1, .pricing-table .heading, .title,.pt-footer,.bg-Won .title {
    font-size:1.1em;
}
.contactPerson, .dealDate, #content > .content-header > .breadcrumb{
    font-size:.95em;
}
.dealCurrencyone,.dealCurrency_All, .dealCurrency,#selected_item{
    font-size:1.3em;
}

input[type=checkbox]:checked + label.custom:before, 
.dealsStatus li{
    font-size: 1.3em;
}
#dropen p{
    font-size: 1.4em;
}
.subDroppable.ui-droppable{ 
    font-size: 1.6em;
}
input[type=radio]:checked + label.custom:before{
    font-size: 2.5em;
}
.modal-dialog { font-size: 1em;}
.modal-dialog input, .modal-dialog .select2-container, .modal-dialog select, 
.modal-dialog textarea{ font-size: .9em !important;}
/*------------   font-weights--------------*/
.normalFont{font-weight: normal;}
.boldFont{font-weight: 700; color: #000;}

/*------ utiltity classes -----*/
.fl{ float:left !important; }
.fr{ float: right !important; }
.fn{float:none !important;}

/*its also known as clearfix*/

.padding8_0{padding-top:8px;}
.pr03{padding-right:3px;}
.pr05{padding-right:5px;}
.pr08{padding-right:8px;}
/*------------   text align --------*/

.tl{ text-align: left!important;}
.tc{ text-align: center !important;}
.tr{ text-align: right !important;}
.lowerCase{text-transform: lowercase;}
.upperCase{text-transform:uppercase;}
.ttNone{text-transform:none;}

/*=====================  position classes ===========*/
.pa{position: absolute;}
.ps{position: static;}

/*=====================  Display class ===========*/
.dn{display: none;}
.dib{display: inline-block;}
/*---------   opacity classes------------*/
.op05{opacity: .5;}
.op01{opacity: 0;}
/*---------   opacity classes------------*/
.cursurPointer{cursor: pointer;}
/*------------  Element Defines --------------------------*/
p{margin: 0px;}

/*-----------   color combinations -------------  */
.skin-blue .navbar, .skin-blue .logo,.ui-widget-header, .addButton{
    background: #1b0454  !important;
    border: 1px solid #1b0454  !important;
}
.projectBlock.expand, .dealExpanded,.addedItems li:hover {
    border-left: 12px solid #1b0454  !important;
}
#content > .content-header, .skin-blue .left-side{
   background:  #F4F4F4 !important;
}
.skin-blue .sidebar > .sidebar-menu > li > a:hover, .skin-blue .sidebar > .sidebar-menu > li.active > a,
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover{
    color:  #438EB9 !important;
    background: #f9f9f9;
}
/* color Combinations ending ---*/
:focus {outline:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color:none;
    background-image: none;
    color: rgb(0, 0, 0);
}

a .fa-edit{
    color: #FC8011;
}
.thinLine{
    margin: 5px 0px;
    color: #efefef;
}

.wordBreak{
    -ms-word-break: break-all;
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
/*-----------------------=--  icons -------------------*/
#lightBg{
	position:fixed;
	display:none;
        margin: -200px;
	width:100000px;
	height:100000px;
	background: rgba(24, 32, 40, 0.9);
	z-index: 1800;
}
.atum-apps{
	width:23px;
	height:23px;
	background:url('../icons/atum_apps.gif');
        cursor: pointer;
}
.ai-quarter{
	width:32px;
	height:32px;
        cursor: pointer;
	margin-bottom: -7px;
	background:url('../icons/add_quarter.gif');
}
.atum-deals{
	width:49px;
	height:49px;
	background:url('../icons/deals.gif');
}
.atum-budgets{
	width:49px;
	height:49px;
	background:url('../icons/budgets.gif');
}
.atum-ta{
	width:49px;
	height:49px;
	background:url('../icons/ta.gif');
}
.atum-org{
	width:49px;
	height:49px;
	background:url('../icons/orgnazation_stucture.gif');
}
.atum-resources{
	width:49px;
	height:49px;
	background:url('../icons/resources.gif');
}
.atum-elog{
	width:49px;
	height:49px;
	background:url('../icons/elog.gif');
	background-size:100%;
}
.atum-pm{
	width:49px;
	height:49px;
	background:url('../icons/pm_icon.png');
}
.atum-am{
	width:49px;
	height:49px;
	background:url('../icons/am.gif');
}
.atum-pa{
	width:49px;
	height:49px;
	background:url('../icons/pa.gif');
}
.atum-tm{
	width:49px;
	height:49px;
	background:url('../icons/tm.png');
}
.atum-lrm{
	width:49px;
	height:49px;
	background:url('../icons/lrm.png');
}
.atum-rp{
	width:49px;
	height:49px;
	background:url('../icons/rp.png');
}
/*----------  notification -----------------*/
#error_div, #error, #reports_error, #errordiv{
    position: fixed;
    right: 0px;
    padding:2px 10px;
    background: #f00;
    border-radius: 4px 0px 0px 5px;
    width: 300px;
    color: #fff;
    display: none;
    transition:.6s;
    z-index: 2000;
}
#error_div:before, #error:before, #reports_error:before, #errordiv:before{
    font-family: 'FontAwesome';
    color: #fff;
    content: "\f12a";
    width: 25px;
    padding-right: 10px;
}
#sucess, #success, #success_div{
    position: fixed;
    right: 0px;
    padding:2px 10px;
    background:green;
    border-radius: 4px 0px 0px 5px;
    width: 300px;
    color: #fff;
    display: none;
    transition:.6s;
    z-index: 2000;
}
#sucess:before, #success_div:before, #success:before{
    font-family: 'FontAwesome';
    color: #fff;
    content: "\f12a";
    width: 25px;
    padding-right: 10px;
}
.vm{
    vertical-align: middle !important;
}


label{
	font-weight:400; margin: 2px 0px;
}
.slider.slider-horizontal .slider-track{
	border-radius: 0px !important;
	background: #57C9FF !important;
}
.edctable .slider.slider-horizontal{
	width:83%;
        padding:12px 0px;
}
.slider.slider-horizontal{
        margin: 5px 0px;
}
.slider.slider-horizontal .slider-track{
    height: 6px !important;
}
.slider-handle{
    width: 15px !important;
    height: 15px !important;
    opacity:1 !important;
}

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1;  /*For IE 6/7 (trigger hasLayout) */
}
.dropdown-menu>li>a{
}
.closeStausRow{
    padding:0px 15px;
}
.mainStausRow{
    padding:15px 15px 20px;
}
.wrapper {
    /*margin-top:33px;*/ /* old version */ 
    margin-top:40px;
    
}

.atum-apps-block{
	padding:10px 15px !important;
}
.atum-apps-block li{
	display:inline-block;
	padding: 5px 7px;
	border:1px solid #fff;
}
.atum-apps-block li:hover{
	border:1px solid #ebebeb;
}
.atum-apps-block li a{
	border:0px !important;
	padding:5px 10px !important;

}
.atum-apps-block li a h3{
	margin:0px !important;
	padding:0px !important;
	text-align:center;
}
.atum-apps-block li a:hover{
	background:#fff !important;
}
.pricing-table {
    width: 100%;
    margin: 25px auto;
    text-align: center;
    padding: 10px;
    padding-right: 0;
}
.pricing-table .heading{
    color: #9C9E9F;
    text-transform: uppercase;
    margin-bottom: 4rem;
}
.block{
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
/*    border: 1px solid red;*/
}
/*Shared properties*/
.title,.pt-footer{
    color: #FEFEFE;
    text-transform: capitalize;
    line-height: 1em;
    position: relative;
    margin: 0px;
}
.pt-footer a{
    text-decoration: underline;
}
.content{
    position: relative;
    color: #FEFEFE;
    padding: 20px 0 10px 0;
}
/*arrow creation*/


/*/arrow creation*/
.price{
        position: relative;
        display: inline-block;
        margin-bottom: 0px;
        margin: 0px;
        padding: 0px 10px;
        width: 100%;
}
.price .cno{
}

.price span{    
    letter-spacing:0px;
    font-weight: 500;        
}
.price sup{
    position: absolute;    
    top: 12px;
    left: -12px;
}
.hint{
    font-style: italic;
    
}
.features{
    list-style-type: none;    
    background: #FCFCFC;
    text-align: left;
    color: #9C9C9C;
    padding:30px 30px;
    margin: 0px;
}
.features li{
    padding:15px 0;
    width: 100%;
}
.features li span{
   padding-right: 0.4rem; 
}
.pt-footer{
    text-transform: capitalize;
}
.pt-footer p{
    text-align: center;
}
.bottomCountBox, .topCountBox{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.bottomCountBox .content{
    min-height: 60px;
}
.bottomCountBox .title{
    min-height: 23px !important;
    line-height: 23px !important;
}
/*PERSONAL*/
#sub_droppable_won{
    background: #1BD580;
}
#sub_droppable_unqualified{
    background: #dbdbdb;
}
#sub_droppable_lost{
    background: #E42141;
}
.bg-Won .title{        
    background: #00A65A;
    margin: 0px;
    text-indent: 10px;
}
.bg-Won .content,.bg-Won .pt-footer{
    background: #1BD580;
    padding: 10px;
    
}
.bg-Won .content:after{	
	border-top-color: #82DACA;	
}
.bg-Won .pt-footer:after{
    border-top-color: #FFFFFF;
}
/*PROFESSIONAL*/
.bg-Hold .title{
    background: #BDC5C9;
    text-indent: 10px;
}
.bg-Hold .content,.bg-Hold .pt-footer{
    background: #DBDBDB;
    padding: 10px;
}
.bg-Hold .content:after{	
	border-top-color: #DBDBDB;	
}
.bg-Hold .pt-footer:after{
    border-top-color: #FFFFFF;
}
/*BUSINESS*/
.bg-Lost .title{
    background: #ba1c47;
    text-indent: 10px;
}
.bg-Lost .content,.bg-Lost .pt-footer{
    background: #E42141;
    padding: 10px;
}
.bg-Lost .content:after{	
    border-top-color: #E42141;	
}
.bg-Lost .pt-footer:after {	
    border-top-color: #FFFFFF;	
}

.bg-all .title{
    background: #D8BC30;
    text-indent: 10px;
}
.bg-all .content,.bg-all .pt-footer{
    background: #FFDE3A;
    padding: 10px;
}
.bg-all .content:after{	
    border-top-color: #FFDE3A;	
}
.bg-all .pt-footer:after{
    border-top-color: #FFFFFF;
}


/*============= menu bar ================*/
body > .header{
    position: fixed;
}
.left-side{
    position: fixed;
    z-index: 200;
}
.right-side{
    margin-top: -10px;
    padding-top: 10px;
    background: none;
}
.right-side #content{
    padding: 0px;
}
#content > .content-body{
    padding-top:60px;
    padding-left: 10px;
    padding-right: 10px;
}
.right-side.strech #content > .content-header{
    position: fixed;
    width: 100%;
    left:0%;
    z-index: 250;
    margin: 0px;
    padding: 40px 15px 7px 10px;
}
.right-side.strech #DealsTabs{
    width:91%;
}
#content > .content-header{
    position: fixed;
    width: 87.1%;
    margin: 0px;
    z-index: 150;
    padding: 40px 15px 7px 10px;
}
#content .content-header{
    position: fixed;
    
}


#content > .content-header {
    background: #f5f5f5;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
#content > .content-header h1{
    margin: 0px;
    font-weight:700;
    color: #000;
}
#content > .content-header > .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 7px 5px;
    position: absolute;
    top: 1px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#content > .content-header > .breadcrumb > li > a{
    color: #444;
    text-decoration: none;
    cursor: text;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer {
	border-top: 1px solid #efefef;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a{
	background: none;
	border: none;
	margin-top: 0px;
	
}
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover{
	background:none;

}
.navbar{
    min-height: 33px;
}
body > .header .navbar .sidebar-toggle{
    padding: 0px 5px;
    padding: 0px 0px 0px 9px;
    margin-left: 0px;
    border-left: 1px solid #A3A3A3;
}
.navbar-nav>li>a {
	padding-top: 2px;
        padding-bottom: 2px;
	line-height: 27px;
        cursor: pointer;
}
body > .header .navbar{
    height: 30px;
}
body > .header .logo{
    height: 33px;
    line-height: 33px;
}
.sidebar ul{
    padding: 0px;
    margin: 0px;
}

/*=====================            login ================*/
#login .button{
  width:100px;
  background:#3399cc;
  display:block;
  margin:0 auto;
  margin-top:1%;
  padding:10px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

#login .button:hover{
  background:#2288bb;
}

#login{
  width:100%;
  margin:0 auto;
  margin-top:8px;
  margin-bottom:2%;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
}

#triangle{
  width:0;
  border-top:12px solid transparent;
  border-right:12px solid transparent;
  border-bottom:12px solid #3399cc;
  border-left:12px solid transparent;
  margin:0 auto;
}

#login h1{
  background:#3399cc;
  padding:20px 0;
  font-weight:300;
  text-align:center;
  color:#fff;
  margin: 0px;
}

#login form{
    width: 100%;
}
#login  .sticky-placeholder-wrapper, .forgotPassowrdDiv .sticky-placeholder-wrapper{
    width: 100%;
}
.form-group{
    margin: 0px;
}
.form-control{
    border:0px solid #fff;
    border-bottom:1px solid #73BC32;
    padding:1px;
    color: #1b0454;
    
}
#login input[type="email"],input[type="password"]{
    width:100%;
}

#login input[type="submit"]{
  width:42%;
  background:#3399cc;
  border:0;
  padding:4%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}
#login input[type="reset"]{
  width:42%;
  background:#fff;
  border:0;
  padding:4%;
  color:#000;
  margin-left: 20px;
  border:1px solid #3399cc;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}
#login input[type="submit"]:hover{
  background:#2288bb;
}
.tab-content>.tab-pane{
    padding: 10px 4px;
    color: #000;
}
.tab-content>.tab-pane h4{
    margin: 0px;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.countingNo{
    text-align: center;
    margin: 0px 0px 2px 0px;
}
.countingName{
    text-align: center;
    color:#7EC242;
    margin: 0px;
}

input, select, textarea, .select2-container .select2-choice{
    border: 0px solid #fff;
    border-bottom: 1px solid #ddd;
    background: none;
    font-size: 1em;
}
textarea{
    overflow: hidden; /* prevents scroll bar flash */
    min-height:1.75em; /* prevents text jump on Enter keypress */
    max-height: 6em;
}

input:focus, select:focus, textarea:focus{
    outline: 0;
    border:0;
    border-bottom: 1px solid #0886C0;
}
input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus{
    border-bottom: 0px solid #0886C0;
}
button:focus{
    outline: 0;
}
input:-moz-read-only { /* For Firefox */
    background-color: #efefef;
}

input:read-only {
    background-color: #efefef;
}
.addPersonInputs{
    vertical-align: top;
    background: #fff;
    padding: 15px 20px 10px 0px;
}
.addPersonInputs input, .addPersonInputs select, .addPersonInputs textarea{
    vertical-align: top;
    padding: 3px 5px;
    text-align: left;
}
.addPersonInputs textarea{
    width: 30% !important;
    height: 27px !important;
}
#contact_address{
    width: 200px; 
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder{
  color: #929292;
}
input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
  color: #929292;
}
.borderBOx{
    border: 1px solid #010101;
    padding: 5px 10px;
    margin: 5px 0px;
    border-radius: 8px;
}
.contact-name{
    margin: 0px;
    margin-top: 2px;
}
.locationTitle{
    text-transform: capitalize;
}
.dealExpanded .contact-name{
    margin-top: 2px;
}
.contact-name a{
    color: #000;
    font-weight: 300;
    text-transform: capitalize;
    padding-left: 4px;
}
.name-link{
}
.select {
    padding:0px;
    z-index: 50;
    position: absolute;
    left: -12px;
    height: 100%;
    width: 12px;
    border:1px solid rgba(231, 231, 231, 1);
    overflow: hidden;
}
.select input[type=checkbox].css-checkbox-sm + label.css-label-sm{
    height: 100%;
    opacity:0;
}
.select.blue{
    background: #73D51C;
}
.select.blue input[type=checkbox].css-checkbox-sm + label.css-label-sm{
    height: 100%;
    opacity:0;
}
.dealExpanded .select{
    padding-top: 5px;
}
.dealclass{
    border-left:12px solid #fff;
    position: relative;
}
.dealclass:hover{
    border-left: 12px solid rgba(163, 163, 163, 0.5);
}
.dealclass{
    border-left:12px solid #fff;
    position: relative;
}
.dealclass:hover{
    border-left: 12px solid rgba(163, 163, 163, 0.5);
}
.clickable-areaNew{
    display: none;
}
.clickable-area {
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    width: 100%;
}
.advanceButtons{
    position: relative;
    height: 30px;
    display: none;
    margin: 0px;
}
.draggable .select{
    display: block;
    height: 55px;
    background: #73BC32;
    line-height: 55px;
    padding: 0px 3px;
    cursor: move;
}
.draggable .select .fa{
    line-height: 55px;
}
.item .clickable-area{
    width: 100%;
}
.addedItems{
    padding: 0px;
}
.addedItems li{
    list-style-type: none;
    padding: 5px 2px;
    border-left:12px solid #ebebeb;
    margin: 3px 0px;
    min-height: 40px;
}
.addedItems li:hover{
    border-left: 12px solid #2489C5;
    background: rgba(250, 250, 250, 0.9);
}
.addedItems li:hover .contact-name a{
    color: #2489C5;
}
.contactPerson{
    margin: 0px;
    color:#000;
    text-indent: 4px;
    text-transform: capitalize;
}
.dealDate{
    font-weight: 300;
    margin: 0px;
    text-align: right;
}
.dealCurrencyone{
    display: none;
    float: right;
    position: relative;
    padding: 5px 0px;
    padding-top: 10px;
}
.dealCurrency_All{
    float: right;
    position: relative;
    padding: 5px 0px;
    padding-top: 10px;
}

.dealCurrency{
    font-weight: 300;
    margin: 0px;
    text-align: right;
    margin-right: 0px;
}
.dealCurrencyPosition {
    top: 40px;
    right: 10px;
}
.currencyType{
    font-weight: 300;
}
#selected_item{
    color: #73D51C;
    text-transform: uppercase;
}
.addedItems li:hover .icheckbox_minimal{
    background-position: -24px 0px;
}
.displaynone{
    display: none;
}
.addButton1{
    width: 25px;
    height: 25px;
    background: #fff;
    border:1px solid #13BDF8;
    border-radius: 50%;
    margin-left: 30px;

    
}
.addButton{
    background: #1b0454 ;
    border: 1px solid #1b0454 ;
    padding: 4px 10px 4px;
    line-height:1.6em;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    margin: 5px 0px 0px;
    width: 125px;
    text-align: center;
}
.addButton-mini{
    width: 3.5em;
    padding:0px; 
}
.smallEditBtn{
    width: 22px;
    height: 22px;
    background-image: url(../icons/small_edit.png);
    background-size: 100%;
    border: 1px solid #fff;
}
.smalDeleteBtn{
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    background: #f00;
    color: #fff;
}
.smmalDeleteBtn i.fa{
    line-height: 22px !important;
    color: #fff;
}
.LGButton{
    width:13em !important;
}
.miniBtn{
    width:3em !important;
    padding: 1px 10px 1px;
    margin: 0px;
}
.emBtn-1{
    width:1em !important;
    padding: 1px 10px 1px;
    margin: 0px;
}
.myTasksBtn{
    display: inline-block;
    width: 120px;
    text-align: center;
    background: #1b0454 ;
    color: #fff;
    border-radius: 3px;
    z-index: 300;
    padding: 4px 5px;
    border: 1px solid #1b0454 ;
}
.myTasksBtn:hover, .myDeligateTasksBtn:hover{
    opacity: .7;
}
.myTasksBtn a{
    color: #fff;
    padding: 5px 8px;
}
.asignButton{
    width:140px !important;
}
.addButton:hover, .addButton1:hover {
    opacity: .7;
    color: #FAFAFA;
}
.addButton:hover i.fa, .addButton1:hover i.fa{
    color: #FAFAFA;
}
.altButton {
    background: #FC8011 !important;
    border: 1px solid #FC8011 !important;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    height:2.3em;
    color: #fff;
    cursor: pointer;
    border-radius:3px;
    margin: 3px 0px;
    width: 125px;
    text-align: center;
}
.altButton:hover{
    border-radius: 0px;
    opacity: .5;
    color: #FAFAFA;
}
.feedbackBtn {
    background: #FC8011;
    border: 1px solid #FC8011;
    padding:3px 10px 3px;
    margin-bottom: 0;
    height:1.7em;
    color: #fff;
    cursor: pointer;
    border-radius:3px;
    margin: 3px 0px;
    width: 3em;
    text-align: center;
}
.edctable tr td .feedbackBtn .fa{
    line-height: 1em;
}

.feedbackBtn:hover{
    border-radius: 0px;
    opacity: .5;
    color: #FAFAFA;
}
.altButton:hover i.fa{
    color: #FAFAFA;
}
.addButton1{
    background: #13BDF8;
    border: 1px solid #13BDF8;
    padding: 4px 85px 18px 9px;
    margin-bottom: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    margin: 3px 0px;
}
.disableButton{
    width: 25px;
    height: 25px;
    background: #fff;
    border:1px solid #ddd;
    border-radius: 50%;
    margin-left: 30px;
    border-radius: 3px;
}
.addSmallButton{
    width:20px;
    height: 20px;
    background: #fff;
    border:1px solid #13BDF8;
    border-radius: 50%;
    margin-left: 30px;
    border-radius: 3px;
}
.boxAddButton{
    border:0px solid #1b0454;
    z-index: 100;
    padding: 0px 5px;
    cursor: pointer;
    border-radius: 3px;
}
/*=========================== buttons ===============*/
.blueButton{
    padding: 3px 10px;
    background: #0A88C3;
    margin-left: 20px;
    border:1px solid #0A88C3;
}
.greenButton{
    padding: 3px 10px;
    background: #98CF67;
    margin-left: 20px;
    border:1px solid #98CF67;
}
.greenButton1{
    padding: 3px 10px !important;
    background: #98CF67 !important;
   // margin-left: 20px;
    border:1px solid #98CF67 !important;
}
.redButton{
    padding: 3px 10px;
    background: #d32d2a !important;
    margin-left: 10px;
    border:1px solid #d32d2a !important;
    
}
.orangeButton{
    
    padding: 3px 10px;
    background: #ff821c;
    margin-left: 10px;
    border:1px solid #ff821c;
}
.greencircle{ 
    float: left;
    width: 30px !important;
    min-width:  30px !important;
    height: 30px !important;
    border:0px !important;
    background: url('../icons/check.png') no-repeat !important;
    background-size: 100% !important;
    text-align: center;
    border-radius: 50%;
}
.simpleButton{
    color: #73BC32;
    padding: 2px 13px;
}
.simpleButton:hover{
    color: #1b0454;
    padding: 2px 13px;
    cursor: pointer;
}
.redcircle{ 
    float: left;
    width: 30px !important;
    height: 30px !important;
    min-width:  30px !important;
    border:0px !important;
    background: url('../icons/x.png') no-repeat !important; 
    background-size: 100% !important;
    text-align: center; border-radius: 50%; margin-left: 0px;
}
.greencircle:focus, redcircle:focus{
    border: 0;
}
.allDeatils{
    float:right;
    padding-right: 5px;
}
.addedItems li .allDeatils{
    display: none;
}
.addedItems li:hover .allDeatils{
    display: block;
}
.communication-btn{
    border: 1px solid #DFDFDF;
    padding: 0px 12px;
    line-height: 2em;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    height: 25px;
}
.communication-btn .fa{
    line-height: 2em;
}
.contact-quick-info{
   padding: 3px 0px 3px 0px;
}
.nav-tabs>li>a{
    color:#000;
}
/*--------------   radio button ---------------*/
input[type=radio].css-radio {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}
input[type=radio].css-radio + label.css-radio-label {
    padding-left: 24px;
    height: 24px;
    display: inline-block;
    line-height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}
input[type=radio].css-radio:hover + label.css-radio-label {
    background-position:-24px 0px;
}
input[type=radio].css-radio:checked + label.css-radio-label {
    background-position:-48px 0px;
}

input[type=radio].css-radio + label.css-label{
    background-image:url(../icons/blue.png);
}

label.custom {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-weight:500 !important;
	
}

input[type=radio].customRadio{
	display: none;
}
label.custom:before {
	content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        border-radius: 50%;
        bottom: 1px;
        background-color: #FFF;
        border: 1px solid rgba(168, 168, 168, 1);
        box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.radio label.custom:before {
	border-radius: 8px;
}
.checkbox label.custom {
	margin-bottom: 10px;
}
.checkbox label.custom:before {
      border-radius: 3px;
}

input[type=radio]:checked + label.custom:before {
        content: "\2022";
        color: #1b0454;
        text-align: center;
        line-height: .5em;
}

input[type=checkbox]:checked + label.custom:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	color: #f3f3f3;
	text-align: center;
        line-height: .5em;
}
/*-------------   check button -------------------*/

input[type=checkbox].css-checkboxround {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}
input[type=checkbox].css-checkboxround + label.css-label {
    padding-left: 18px;
    height: 20px;
    display: inline-block;
    line-height: 22px;
    background-repeat: no-repeat;
    background-position: -83px 0;
    vertical-align: middle;
    cursor: pointer;
}
input[type=checkbox].css-checkboxround:hover + label.css-label {
    background-position:-100px 0px;
}
input[type=checkbox].css-checkboxround:checked + label.css-label {
    background-position:-117px 0px;
}

input[type=checkbox].css-checkboxround + label.css-label{
    background-image:url(../icons/blue1.png);
}


input[type=checkbox].css-checkbox {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 24px;
    height: 24px;
    display: inline-block;
    line-height: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}
input[type=checkbox].css-checkbox:hover + label.css-label {
    background-position:-24px 0px;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position:-48px 0px;
}

input[type=checkbox].css-checkbox + label.css-label{
    background-image:url(../icons/blue.png);
}
input[type=checkbox].css-checkbox-sm1 {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}
input[type=checkbox].css-checkbox-sm1 + label.css-label-sm1 {
    padding-left:21px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
 }
input[type=checkbox].css-checkbox-sm1:hover + label.css-label-sm1 {
    background-position:0px -17px;
}
input[type=checkbox].css-checkbox-sm1:checked + label.css-label-sm1 {
    background-position:0px -34px;
}
input[type=checkbox].css-checkbox-sm1 + label.css-label-sm1{
    background-image:url(../icons/blue_icons.png);
    background-repeat: no-repeat;
}
input[type=checkbox].css-checkbox-sm {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}
input[type=checkbox].css-checkbox-sm + label.css-label-sm {
    padding-left: 17px;
    height: 20px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 1em;
    vertical-align: middle;
    cursor: pointer;
   
}
input[type=checkbox].css-checkbox-sm:hover + label.css-label-sm {
    background-position:-17px 0px;
}
input[type=checkbox].css-checkbox-sm:checked + label.css-label-sm {
    background-position:-34px 0px;
}

input[type=checkbox].css-checkbox-sm + label.css-label-sm{
    background-image:url(../icons/blue1.png);
    background-repeat: no-repeat;
}
input[type=checkbox].css-checkbox-hot {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}
input[type=checkbox].css-checkbox-hot + label.css-label-hot {
    padding-left: 24px;
    height: 39px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
   
}
input[type=checkbox].css-checkbox-hot:checked + label.css-label-hot {
    background-position:-24px 0px;
    height: 39px;
}

input[type=checkbox].css-checkbox-hot + label.css-label-hot{
    background-image:url(../icons/hot_check.png);
    background-repeat: no-repeat;
    
}

/*===========    file upload ========================*/
div.custom_file_upload {
	
}

input.file {
	width: 150px !important;
	border-right: 0;
	color: #888;
        height:20px;
	outline: none;
}

div.file_upload {
    width: 50px;
    height:17px;
    background: #7abcff;
    background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
    background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
    display: inline;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /* font-weight: bold; */
    color: #FFF;
    text-align: center;
    padding-top:3px;
    right: -1px;
}
div.file_upload:before {
	content: "UPLOAD";
        font-family: Font-Awesome;
	position: absolute;
	left: 0; right: 0;
	text-align: center;
	
	cursor: pointer;
}

div.file_upload input {
	position: relative;
	height: 30px;
	width: 250px;
	display: inline;
	cursor: pointer;
	opacity: 0;
}


.clearboth{
    clear:both;
}
.padding5_10{
    padding:5px 10px;
}
.padding5_0_0{
    padding:5px 0px 0px;
}
.pullRight{
    float: right;
}
.none{
    background: none;
    box-shadow: none;
    border: none;
}



dropdown{
   display: inline-block;
   margin: 20px 50px; 
}
dropdown label, dropdown ul li{
  display: block;
  width: 200px;
  background: #ECF0F1;
  padding: 15px 20px;
}
dropdown label:hover, dropdown ul li:hover{
  background: #1ABC9C;
  color: white;
  cursor: pointer;
}
dropdown label{
  color: #1ABC9C;
  border-left: 4px solid #1ABC9C;
  border-radius: 0 5px 0 0; 
  position: relative;
  z-index: 2;
}
dropdown input{
  display: none;
}
dropdown input ~ ul{
  position: relative;
  visibility: hidden;
  opacity: 0;
  top: -20px;
  z-index: 1;
}
dropdown input:checked + label{
  background: #1ABC9C;
  color: white;
}

dropdown input:checked ~ ul{
  visibility: visible;
  opacity: 1;
  top: 0;
}


.animate{
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;  
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
  -moz-backface-visibility:hidden; /* Firefox */
  -ms-backface-visibility:hidden; /* Internet Explorer */
}
.redBg{
    background:#f00 !important;
}
/*================================   colors ========================*/
.whiteColor{
    color:#fff;
}
.whiteColor:before{
    color: #fff !important;
}
.greenColor{
    color: #5EA92C;
}
.grayColor{
    color: #ddd;
}
.darkGrayColor{
    color: #D3D3D3;
}
.blackColor{ color: #000;}
.blueColor{
    color: #0097db;
}
.darkOrangeColor{
	color:#FC8011 !important;
}
.redColor{
    color: #ff0000;
}
.cyanColor{
    color: #008B8B
}
.darkBlueColor{
    color: #00F;
}
.contactsEditBlock{
    padding: 0px 5px;
}
.contactsEditBlock label{
    min-width: 150px;
    font-weight: 400;
    color: #1b0454;
    vertical-align: top;
}
.contactsEditBlock textarea{
    width: 78.5%;
    height: 45px;
    text-indent: 5px;
}
.contactsEditBlock input[type="text"]{
    width:39%;
    text-indent: 5px;
}
.dealDate1{
    color: blue;
}
.DealValueBox{
    position: relative;
}


.dealsStatus li{
    position:relative;
    list-style-type: none;
    display: inline-block;
    padding: 0px 3%;
    margin: 0px 0px;
    cursor: pointer;
    margin-right: -2px;
}
.dealsStatus li.active{
}
.dealsStatus li.subStatus{
    position: absolute;
    display: block;
    width: 175px;
    margin-left: 49.1%;
    display: none;
    z-index: 150;
    background: #fff;
}
.dealsStatus li.subStatus a .countingNo{
    display: inline-block;
    padding: 1px 3px;
    float:right;
    color: #73BC32;
}
.dealsStatus li a{
    color: #000;
}
.dealsStatus li.active a{
    color: #0097db;
}
.subDealMenu{
    position: absolute;
    right: -1px !important;
    display: none;
    width: 126px !important;
    z-index: 120;
    padding: 0px;
    padding-top: 3px;
}
.subDealMenu li{
    display: inline-block !important;
    width: 100%;
    margin: 0px !important;
    background: #fff;
    border-top: 0px;
    text-align: center;
    width: 126px !important;
    font-size: .95em;
}
.subDealMenu li .countingNo{
    color: #313131;
}
#deal_status_header_5:hover{
    border-bottom: 0px solid #ddd; 
}
#deal_status_header_5:hover .subDealMenu{
    display: block !important;
}

#dropen{
    background-color:#ebebeb;
    width: 9em;
    height:100%;  
    position: fixed;
    right:0px;
    top:0px;
}
#dropen p{
    height: 100%;
    position: relative;
    top:52%;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.subDroppable.ui-droppable{
    height:170px;
    line-height: 170px;
    text-align: center;
    border:1px solid #ebebeb;
    margin: 5px 5px;
    font-weight: bold;
    width: 5.35em;
}
.subDroppable.ui-droppable:hover{
    color: #fff;
}
.assignedEmploeesList li{
    display: inline-block;
    width:7em;
    vertical-align: middle;
}
.assignedEmploeesList>li>span{
    font-weight: 600;
    color: #000;
}
.assignedEmploeesList li.employeeName{
    width:18em;
}
.assignedEmploeesList .myTasksBtn{
    padding: 2px 4px;
}

.dealsList{
    margin-top: 2px;
    
}


.dealsList .draggable{
    position: relative;
    margin: 2px 0px 2px 0px;
    padding:0px 0px;
    background: #fff;
    border-left: 10px solid #ebebeb;
}
.dealsList .draggable .clickable-area{
    width: 100%;
}
#deals_block{
    position: relative;
}
#deals_block .clickable-area{
    width: 100%;
}
.dealExpanded{
    border-left: 12px solid #1b0454  !important;
}
.edctable tr.planExpanded td:first-child{
    padding-left: 3px !important;
}
.planExpanded{
    border-left: 5px solid #1b0454  !important;
}
.contactExpanded{
    border-left: 6px solid #1b0454  !important;
}
.dealsList .draggable:hover{
    border-left: 10px solid rgba(163, 163, 163, 0.5);
}
#block_plans .edctable>tbody>tr{
    border-left: 5px solid #fff;
}
.dealEdit input, .dealEdit select{
    font-weight: 400;
    color: #000;
    margin-left: 0px;
}
.dealEdit .timezoneInput{
    width: 80px;
}
.dealEdit .sourceInput{
    width: 100px;
}
.timezoneInput{
    width: 100px;
}
.timezoneInputSm {
width: 60px;
}
.dealExpanded .clickable-area{
    padding: 0px;
    padding-right: 30px;
    width: 100%;
}
.dealExpanded .dealsBlock{
    padding: 0px 0px 0px 5px;
}
.dealExpanded .componentsTable{
    margin-top: 0px;
}
.greebBg{
    background:#73bc32 !important;
}
.skin-blue .left-side{
    min-height: 100% !important;
}
#deal_remarks{
    height: 24px;
    width: 270px;
}
#deal_form{
    padding: 10px 2px 0px 0px;
}
#deal_form input[type="text"]{
}
.softAssignCount{
    position: relative;
    cursor: pointer;
}
.lostdn{
    display: none;
}
.softAssignCount>span{
    color: #FC8011;
}
.softAssignCount:hover .softAssignBlock{
    display: block !important;
}
.softAssignBlock{
    width: 350px;
    position: absolute;
    z-index: 200;
    background: #fff;
    padding: 10px;
    border: 1px solid #FC8011;
    right: -5px;
    top: 30px;
    box-shadow: 5px 3px 5px #BCAEAE;
    cursor: default !important;
    _cursor: hand;
}
.softAssignBlock:after{
    content: "";
    position: absolute;
    top: -17px;
    right: 10px;
    border-style: solid;
    border-width: 0px 8px 17px;
    border-color: #FC8011 transparent;
    display: block;
    width: 0;
    z-index: 1;
}
#deal_source{
    width:15%;
}
.currencyInput{
    width: 30px;
}
.locationInput{
    width: 100px;
}
#deal_form .modal-body input, #deal_form .modal-body textArea{
    width:65% !important;
    margin: 4px 0px;
}
.deals__main_add_block{
    padding: 20px 10px;
}
.deals__main_add_block input[type="text"]{
    width:19%;
}
.hotDeal0{
    background-position: 0 0;
    width:15px;
    height:22px;
    margin:0px;
    margin-bottom: -7px;
}
.icon-sfAssigned{
    background-image: url(../icons/icon_sfAssigned.jpg);
    background-position: -24px 0;
    width:24px;
    height:24px;
    margin:0px;
}
.icon-sfNotAssigned{
    background-image: url(../icons/icon_sfNotAssigned.jpg);
    background-position: -24px 0;
    width:24px;
    height:24px;
    margin:0px;
}
.hotDeal1{
    background-image: url(../icons/hot_color.png);
    background-position: -15px 0;
    width:15px;
    height:22px;
    margin:0px;
    margin-bottom: -7px;
}
.hotDealsBtn{
    background-image: url(../icons/hot_check.png);
    background-position: -25px 0;
    width: 24px;
    height: 32px;
    padding: 11px;
}


#deal_formula_calculator{
    width:125px;
}
.AddDealTable td .sticky-placeholder-wrapper{
    width:98% !important;
}

.dealsEditBlock{
    padding: 3px 0px 5px 10px;
}
.componentsTable input, .componentsTable select{
    width:97% !important;
}
.componentsTable thead th label, .edctable thead th label{
    margin-bottom: 0px;
}
.dealsEditBlock .table-responsive{
    padding-top: 0px;
}
.dealsEditBlock .pull-right{
    position: absolute;
    right:0;
    bottom: 8px;
    
}
.bottonBots{
    padding: 6px 0px;
}


/*-------------    addd Deal -------------*/
.addDeal{
    
}
.addDeal .sticky-placeholder-wrapper{
    width: 10%;
    margin-left: 5px;
}
.addDeal .sticky-placeholder-wrapper:nth-child(1){
    width: 25%;
}
.addDeal .sticky-placeholder-wrapper:nth-child(2){
    width: 15%;
}
.addDeal .sticky-placeholder-wrapper:nth-child(6){
    width:4%;
}
.addDeal .sticky-placeholder-wrapper input{
    width: 100% !important;
}
.calcvalueDiv{
    position: relative;
    width:100%;
    margin: 0px;
}
.AddDealTable td .calcvalueDiv .sticky-placeholder-wrapper{
    width:70% !important;
}
.addDeal .sticky-placeholder-wrapper:nth-child(5){
    width: 6% !important;
}
.dealAddButton{
    float: left;
    margin-right:10px; 
}

#deals_add_block{
    border: 0px solid #ddd;
    padding-bottom:5px;
    margin-bottom: 5px;
    position: relative;
}
#deals_add_block input{
    line-height: 1em;
}
.addMultipleRows td{
    line-height: 0em !important;
} 
#deal_formula_calculator_block{
    position: absolute;
    z-index: 300;
    background: #fff;
    border: 1px solid #ECECEC;
    padding: 10px 0px;
    width: 126px;
    right: 390px;
    bottom: 34px;
}
#deal_formula_calculator_block .sticky-placeholder-wrapper, 
#deal_formula_calculator_block .sticky-placeholder-wrapper input{
    width:79%;
}
/*==============         dahsboard page ===============*/
.bg-Incoming{
    background: #fbb700;
}
.bg-Updated{
    background: #6ec8ba;
}
.bg-Quote{
    background: #95c13f;
}
.bg-Closure{
    background: #e86269;
}

/*========================    custom font awesome clases =============*/
.fa-Incoming{
    font-family: Font-Awesome;
  
}
.fa-approved:before{
    content:"\f087";
    color: green;
    text-align: center;
}
.fa-toBeApproved:before {
    content: "\f087";
    color: #FC8011;
    text-align: center;
}
.fa-notApproved:before{
    content:"\f088";
    text-align: center;
    color: red;
}
.fa-Call:before{
    content: "\f095";
}
.fa-sop:before, .fa-SOP:before{
    content: "\f0f6";
}
.fa-mail:before, .fa-Mail:before{
    content: "\f003";
}
.fa.fa-check.greenColor, .fa.fa-times.redColor{ cursor: pointer;}
.componentsTable>thead>tr>th, .componentsTable>tfoot>tr>th{
    color: #000;
    padding:0px !important;
    border-bottom: 1px solid #fff;
    font-weight:800;
    border-spacing: 1px;
    text-indent:4px;
}
.componentsTable>thead>tr>th:first-child{
    text-indent: 0px;
}
.componentsTable>tbody>tr>td{
    padding:0px !important;
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff;
    padding-left: 4px !important;
    -ms-word-break: break-all;
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.componentsTable>tbody>tr>td:first-child{
    text-indent: 0px;
    padding-left: 0px !important;
}
.cinnerTable>tbody>tr>td{
    line-height: 1.8em;
    
}
.componentsTable>tbody>tr:hover{
    background: #fff;
}
.componentsTable {
    margin-bottom: 5px;
    margin-top:5px;
    border-bottom: 0px solid #fff !important;
    
}
#employee_details_block .table-responsive{
    margin-top: 25px;
    overflow: auto;
    max-height: 500px;
}
.dealsBlock{
    padding:2px 5px;
}

.headerDetails{
    margin-left: 10px;
    padding-left: 10px;
    display: none;
}
.dealclass.ui-draggable .headerDetails{
    margin-left: 0px;
    padding-left:0px;    
}
.dealclass{
    border-left:12px solid #fff;
    position: relative;
    padding-left: 0px;
}
.dealclass:hover{
    border-left: 12px solid rgba(163, 163, 163, 0.5);
}
.info{
    z-index: 200;
}
headerDetails{
    padding: 3px 0px;
}
.headerDetails label{
    min-width: 180px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #666;
}
.headerDetails label:nth-child(3){
    min-width: 80px !important;
}
.edit{
    padding: 3px 7px;
    background: #fff;
    border: 1px solid #ebebeb;
    color:#000;
    margin-left: 4px;
}
.edit a{
    color:#000;
}

.error{
    color:#ff0000;
}
.success{
    color:green;
}
#dialogMsg{
    height:25px; text-align: center;
}


/*=====================   loading =====================*/
#loading{ 
    position: fixed; width: 100%; 
    height: 800px; 
    font-size:5em; 
    z-index: 5000; 
    display: none; 
}
#loading .loader{
    z-index: 5200;
    top:35%;
    left:48%;
    position: absolute;
}
.loader-ui-front{
    position:fixed; width:100%; 
    height: 800px; background: rgba(255, 255, 255, 0.39);
}
.datepicker.dropdown-menu{
    z-index: 1000 !important;
}
.timepicker{
    width: 60px;
    text-align: center;
}
.datepicker{
    padding: 1px !important;
    border-radius: 0px !important;
    width: 200px !important; 
}
.datepicker.dropdown-menu th, .datepicker.datepicker-inline th,
.datepicker.dropdown-menu td, .datepicker.datepicker-inline td{
    padding: 2px 5px !important;
}
.datepicker table tr td, .datepicker table tr th{
    text-align: center !important;
    width: 22px !important;
    color: rgba(0, 151, 219, 0.79);
    height: 22px !important;
    border-radius: 4px !important;
    border: none;
}
.datepicker table tr th{
    background: #ababab;
    border-radius: 0px !important;
    color:#000 !important;
    
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, 
.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{
    background: #FBB700 !important;
}
.datepicker table tr td span{
    line-height: 51px !important;
    height: 51px !important;
}
.datepicker .table-condensed{
    width:100% !important;
}

.ui-menu-item.ui-state-focus, .ui-menu-item:hover{
    background: #1b0454 !important;
    font-weight: 400 !important;
    color:#fff !important; 
    border:0px solid #fff !important;
}

.ui-menu-item:hover a, .ui-menu-item a:hover, .ui-menu-item a:after{
    background: #1b0454 !important;
    border:0px solid #fff !important;
    color:#fff !important;
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,
.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{
    color:#000 !important;
}
 .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,
 .ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{
     border:0px solid #fbcb09 !important;
     background: #1b0454  !important;
     font-weight:normal !important;
     color:#fff !important;
 }
.ui-front{
     z-index: 2200 !important;
 }
.dealCost{
    font-size: 1.8em;
    font-weight: 500;
    color: #fff;
}
.dealCost a{
    color: #fff;
}
.dealCost a:hover{
    color: #000;
}
/*========================  login panel ==================================*/
.loginpanelpage{
    
}
.login_panel{ 
    width: 350px; 
    margin: 0px auto; 
}
.loginpanelpage input[type="text"], .loginpanelpage input[type="email"], .loginpanelpage input[type="password"]{
    width:100%;
    padding-left: 3px;
}
.loginpanelpage input{
    margin: 10px 0px !important;
}
.loginpanelpage button{
    width: 23%;
    border: 1px solid #ebebeb;
    background: #fff;
    font-size: 1em;
    padding: 10px 15px;
    margin: 5px 20px;
}
.loginpanelpage button:hover{
    border:1px solid #1b0454;
    
}
.forgotPassowrdDiv{
    
}
.forgotPassowrdDiv input{
    margin: 11px 0px;
    width:100%;
}
#forgotPass button{
    border: 0px solid #fff;
    width: auto !important;
    margin: 0px 3px !important;
    padding: 0px !important;
}
#forgotPass .sticky-placeholder-wrapper{
    width:100%;
}
.loginheader .logo {
    float: left;
    font-size: 1.4em;
    line-height: 50px;
    text-align: center;
    padding: 0 10px;
    width: 100%;
    font-family: 'Kaushan Script', cursive;
    font-weight: 500;
    height: 50px;
    display: block;
    background-color: #1b0454 ;
    color: #f9f9f9;
}
#mailModal label{ min-width: 40px; padding-top: 10px;}
#mailModal label.css-label-sm{ min-width: 0px; padding-top: 0px;}
#mailModal .sticky-placeholder-wrapper{
    width: 98%;
}
#mailModal input, #mailModal textarea{ 
    min-width: 100%;
    margin: 0px 0px;
}
#mailModal .select2-container{ 
    min-width: 100%;
    margin: 2px 0px;
    padding-left: 20px;
}
#mailModal input[type="checkbox"]{ 
    min-width: 0% !important;
    margin:0px 0px;
}
.filterDiv{
    padding: 0px 0px 0px;
    margin-bottom: 4px;
}
.searchInput{
    padding: 5px 8px;
    margin: 2px 10px 2px 0px;
    width: 280px;
}
.searchInput:focus{
    padding: 5px 8px;
    width: 280px;
}
.changeStatus{
    padding: 5px 8px;
    margin:2px 8px 2px 0px;
}
.changeStatusDiv{
    display: none;
}
.IncomingColor{
    color: #FBB700 !important;
}
.UpdatedColor{
    color: #6EC8BA !important;
}
.QuoteColor{
    color: #95C13F !important;
}
.ClosureColor{
    color: #E86269 !important;
}
.WonColor{
    color: #1BD580 !important;
}
.HoldColor{
    color: #BDC5C9 !important;
}
.LostColor{
    color: #BA1C47 !important;
}
.statusButtons .dropdown-menu{
    right: 0 !important;
    float: right !important;
    left: -92px;
}
.statusButtons .btn, .statusButtons .btn.btn-default{
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #fff;
    border-color: #FFF;
    border-bottom-color: #FFF;
}
.statusButtons .btn.btn-default.active, .statusButtons .dropdown-menu>li>a.active{
    color: #1b0454 !important;
    background: #F4F4F4;
}
.dashbordleft{
	position:relative;
}
#DealsTabs{
    position: fixed;
    width:79.1%;
    background: #fff;
    z-index:120;
    margin-top: -8px;
    min-height: 40px;
    margin-left: -10px;
    padding: 8px 0px 0px 10px;
}
#DealsTabs:after{
    clear:both;
}
#DealsTabs .extraIcons{
    right:-2px;
    top:5px;
}
#Tabs_content{
    margin-top:40px;
}

.DealstabCurrency{
    float: right;
    margin-top:-11px;
    color: #000;
}
.dealsStatus{
    position:relative;
    margin: 0px;
    padding: 0px;
}
.DealsStatusUl{
    position:absolute;
    right: 0px;
    top:30px;
    z-index: 100;
}
.DealsStatusUl li{
    position: relative;
    display: inline-block;
    list-style-type: none;
    margin: 0px;
    border:1px solid #fff;
    border-bottom: 1px solid #ddd;
    padding: 2px 15px;
    font-size: 1.1em;
}
.DealsStatusUl li.active{
    border: 1px solid #ddd !important;
    border-bottom: 0px solid #ddd !important;
}
.DealsStatusUl li a{
    color: #313131;
}
.InnerSubDeals{
    position: absolute;
    right: 0px;
    z-index: 100;
    border-top: 0px;
    display: none;
    padding-top:3px;
    z-index: 100;
}
.InnerSubDeals li{
    display: inline-block;
    margin: 0px;
    width: 125px;
    background: #fff;
    font-size: 1em;
    border: 0px;
    border: 1px solid #ddd;
    border-top: 1px solid #fff;
    text-align: center;
}
#deal_status_header_5:hover .InnerSubDeals{
    display: block;
}
.deaCurrencyPosition{
    position: absolute;
    top: -5px;
    right: 23px;
}
.componentName{
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.8em;
}
#deals_block_content{
    padding: 0px 10px 0px 0px; 
}
#deals_block_content .leftIcons{
    position: absolute;
    right: 10px;
    top: 0px;
}
.cinnerTable td, .cinnerTable th{
    padding:0px !important;
    border-top: 1px solid #ddd;
    
}
.cinnerTable>thead>tr>th, .dealsByTable>thead>tr>th{
    border-bottom: 1px solid #000;
    
}
#components_block table tr td, #contacts_block table tr td{
    font-size: .95em;
}
#components_block table tr th, #contacts_block table tr th, .cinnerTable tr th{
    color: #000;
    font-weight: 600;
    font-size: 1.1em;
}
#components_block table tfoot tr th, #contacts_block table tr tfoot th, 
.componentsTable>tfoot>tr>th, .dealsByTable>tfoot>tr>th, .cinnerTable>tfoot>tr>th{
    border-top:1px solid #000;
    padding: 5px 0px !important;
}
.dealsByTable>tfoot>tr>th.pr08, #components_block table tfoot tr th.pr08{
    padding-right: 8px !important;
}
#components_block table tr td a, #contacts_block table tr td a, .cinnerTable tfoot tr td a{
    color: #6B6B6B;
}
.showassignBlock{
    position: relative;
}
.assignemployeeBlock{
    position: absolute;
    background: #fff;
    right: 0px;
    width: 401px !important;
    z-index: 100;
    display: none;
}
.showassignBlock:hover .assignemployeeBlock{
    display: block
}
.fa.fa-angle-left.fc1, .backBtn{
    border: 1px solid;
    width: 27px;
    height: 27px;
    line-height: 25px;
    border-radius: 50%;
    padding-left: 8px;
    font-size: 1.1em !important;
}

.dealsByTable{
    width: 85%;
}
.fa.fa-angle-left.fc1{
    border: 1px solid;
    width: 27px;
    height: 27px;
    line-height: 25px;
    border-radius: 50%;
    padding-left: 8px;
    font-size: 1.1em !important;
}
.backBtn{
    width: 30px;
    height: 30px;
    font-size:1.1em;
    border-radius: 30px;
    border: 1px solid #1b0454;
    position: relative;
    z-index: 1000;
    background: #fff;
}
.backBtn:hover{
    width:65px;
    height:30px;
    
}
.backBtn .fc{
    line-height: 26px;
    position: absolute;
    left: 8px;
    top:3px;
}
.backBtn .backtext{
    font-size:12px;
    display: none;
}
.backBtn:hover .backtext{
    display: block;
    padding-left:9px;
}
.editBtn{
    color: #FC8011;
    padding: 5px;
    border: 1px solid #FC8011;
    border-radius: 2px;
}
.chart-area{

}
.toppadding8{
    padding:0px 0px 0px;
    
}
/*==========================  select box custom code ===============*/
.select-hidden {
}
.selectDrop {
    cursor:pointer;
    display:inline-block;
    position:relative;
    color:black;
    border-bottom:1px solid rgba(115, 188, 50, 0.5);;
}
.styledSelect {
    position:absolute;
    top:5px;
    right:0;
    bottom:0;
    left:0;
    background-color:white;
    padding:10px 10px;
    font-size: 1em;
}
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top: 16px;
    right:6px;
}
.styledSelect:active, .styledSelect.active {
    
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.options li {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
}
.options li:hover {
    background-color:#39f;
    color:white;
}

.select-wrapper{
		float: left;
		display: inline-block;
		border: 1px solid #d8d8d8;            
		background: url("../images/dropdown.png") no-repeat right center;
		cursor: pointer;
}
.select-wrapper, .select-wrapper select{
        width: 200px;
        height: 26px;
        line-height: 26px;
}
.select-wrapper:hover{
        background: url("../images/dropdown-hover.png") no-repeat right center;
        border-color: #239fdb;
}
.select-wrapper .holder{
        display: block;
        margin: 0 35px 0 5px;
        white-space: nowrap;            
        overflow: hidden;
        cursor: pointer;
        position: relative;
        z-index: -1;
}
.select-wrapper select{
    margin: 0;
    position: absolute;
    z-index: 2;            
    cursor: pointer;
    outline: none;
    opacity: 0;
    /* CSS hacks for older browsers */
    _noFocusLine: expression(this.hideFocus=true); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
        
        
/*===========================   module menu    =========================*/
.modeuleMenu .nav li a{
    padding:0px 15px;
    line-height: 41px;
}
.modeuleMenu .nav li a:hover, .modeuleMenu .nav li a:focus{
    background: none;
}
/*===============   components ========================*/
.addComponentDiv, .addContactDiv, .addGraphDiv{
    padding:10px 0px 20px 0px;
    width: 75%;
    float: left;
}
.topbarDeals{
    padding:0px 10px 0px 0px;
}
.chartdiv>div>div>a{
    display:none !important;
}
.subHeading{
    font-size: 1.1em;
}
/* Default custom select styles */
div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    background: #fff;
    z-index: 100;
    width: 100%;
    max-width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.cs-select:focus {
    outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
    display: none;
}

.cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Placeholder and selected option */
.cs-select > span {
    padding-right: 3em;
}
.cs-select > span::after,
.cs-select .cs-selected span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cs-select > span::after {
    content: '\25BE';
    right: 1em;
}
.cs-select .cs-selected span::after {
    content: '\2713';
    margin-left: 1em;
}
.cs-select.cs-active > span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
/* Options */
.cs-select .cs-options {
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    visibility: hidden;
}
.cs-select.cs-active .cs-options {
    visibility: visible;
}
.cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cs-select ul span {
    padding: 1em;
}
.cs-select ul li.cs-focus span {
    background-color: #ddd;
}
.extraIcons{
    position: absolute;
    top:0px;
    right:12px;
}
.extraIcons .fa, .inneredit .fa,  .leftIcons .fa{
    font-size: 1.5em;
    color: #13BDF8;
    padding:2px 5px;
}
.extraIcons .fa.fa-envelope-o, .inneredit .fa.fa-envelope-o,  .leftIcons .fa.fa-envelope-o{
   font-size:1.8em;
    color: #13BDF8;
    padding:2px 5px;
}

.extraIcons .fa-file-excel-o, .inneredit .fa-file-excel-o, .leftIcons .fa-file-excel-o{
    color: #207244;
}
.extraIcons .fa-file-pdf-o, .inneredit .fa-file-pdf-o, .leftIcons .fa-file-pdf-o{
    color: #FB0002;
}
.extraIcons .fa-pencil, .inneredit .fa-pencil,  .leftIcons .fa-pencil{
    color: gray;
}
#search_deals_block{
    display: inline-block;
    float: left;
}
.contact-subtitle{
    padding-left: 5px;
    line-height: 30px;
}
.leftIcons{
    float: right;
}
.w100{
    width: 100%;
}
.assignEmpoyeeBlock .select2-container{
    width: 19em;
}


/*=============================    talent acquisition   =========================*/


/*===============================       budgets --------------------- */
.edctable{width:100%;}
.edctable tr th{
    font-weight: 500;
    color: black;
    font-size: 1em;
    border-bottom: 1px solid #fff;
    text-transform: none;
    padding-left: 4px !important;
    padding-right:4px !important;
    line-height: 2em;
    background: white ;
}
.edctable tr td{
    padding: 0px;
    vertical-align:top;
    padding-left: 4px !important;
    font-size: .95em;
    
}
.edctable.table-bordered tr td{
    text-transform: uppercase; 
}

.edctable tr td .edctable tr td{ font-size: 1em; padding-left: 0px !important;}
.table-bordered>thead>tr>th{
    font-size: 1em !important; 
}
.bordered tr th, .bordered tr td{
    border: 1px solid #efefef;
}
.edctable tbody tr:nth-child(odd){
    
}
.edctable tbody tr:nth-child(even){
    
}
.edctable tr td select, .edctable tr td input[type="text"], .edctable tr td input[type="email"], .edctable tr td input[type="password"],.edctable tr td textarea, .edctable tr td .select2-container{
    max-width: 100% !important;
    width:99% !important;
    margin: 3px 0px !important; 
}
.edctable tr td input[type="checkbox"]{
    margin: 6px 0px !important; 
}
.edctable tr td .select2-container{
    width: 95%;
    margin-left: 0px;
    min-width: 60px !important;
}
.edctable tr td a{
    cursor: pointer;
}
.edctable .sticky-placeholder-wrapper{
    width:95%;
}
.edctable .sticky-placeholder-wrapper input{
    width:100%;
}
.edctable td input{
    width:95%;
    margin:0px !important;
}
.edctable td input[type="number"]{
    width: auto !important;
    text-align: right;
    margin: 3px 0px !important;
}
.edctable tr td .fa{
    line-height: 1.4em;
    font-size:1em;
    cursor: pointer;
}
.edctable tr td:first-child{
    padding-left:0px;
}
.edctable-sm{
    width:100%;
    
}
.edctable-sm tr th{
    font-weight: 500;
    color: #1b0454;
    font-size: 1.1em;
    text-transform:capitalize;
}
.addEdc, .addBands{
    padding: 5px 15px;
}
.addEdc .sticky-placeholder-wrapper, .addBands .sticky-placeholder-wrapper{
    width:80%;
}
.addEdc .sticky-placeholder-wrapper input, .addBands .sticky-placeholder-wrapper input{
    width:100%;
}
.updateEdcBtn, .updateBtn{
    display: none;
}
.updateEdcBtn, .editEdcBtn{
    width: 25px;
    margin: 0px 10px 0px 5px;
}
.editLevelBtn, .editBusinessUnitBtn, .editBusinessTitleBtn,.editmatrixBtn{
    margin: 0px 5px;
}
.middleInput{
	width:320px;
}
.slider-track{
	background:#fff !important;

}

.budgetName{
    margin: 0px;
    font-size: 1.1em;
    color: #FC8011;
    text-indent: 4px;
    text-transform: capitalize;
    
}
.budget-subtitle{
    padding-left: 5px;
    line-height: 1.6em;
}
/*===================    elog --------------------*/
.addCustomerBlock{
	width:100%;
	display:none;
	padding:10px 0px;

}
.addCustomertable, .showCustomertable {
	width:100%;
}
.addCustomertable td select, .showCustomertable tr td select{
	width:92%;
}
 .showCustomertable tr td textarea{
	width:100%;
}
.addCustomertable .select2-container{
	margin-left:15px;
}
.addCustomertable tr td input[type="text"]{
	width:98%;

}
.addTaskInput{
	width:100%;
}
.addTaskBlock{
	display:none;
}
.addSystemDeatils{
	width:80%;
	padding:10px  0px;
}
.addSystemDeatils label{
	min-width:13em;
	color:#1b0454;
	vertical-align:top;
}
.addSystemDeatils input[type="text"], .addSystemDeatils select, .addSystemDeatils .select2-container, #system_details_add_form  p textarea{
	min-width:20em;
        float:right;
}

.addInterVal{
	padding:10px 0px;
	display:none;
}
.addInterVal #interval{
	width:17%;
}
#intervalTable tbody tr td input{
	width:50%;
	margin-right:10px;
}
.allPlans, .selectedPlansDiv{
	border: 1px solid #efefef;
	max-height:170px;
	min-height:170px;
	padding:5px 10px;
	overflow:auto;
        position: relative;
}
.selectedPlansDiv .css-label-sm{
	display:none !important;
}
.selectedPlansDiv>div{
	list-style-type:disc;
}
.selectedPlansDiv .custom_file_upload{
        display: none !important;
}
.addPlanDiv{
	padding:10px 0px;
}
.addMentenincePlan{
	display:none;
}
.addPlanDiv select{
	width:150px !important
}
.addPlanDiv input[type="text"]{
    width:17em;
}
#customer_system{
	width:230px !important
}
.addPlanDiv input.datepicker{
	width:120px !important
}
.selectPlansDiv{
	padding:8px 0px;
}
.selectPlansDiv input[type="button"]{
	background:#1b0454;
	padding:5px 10px;
	color: #fff;
        border-radius: 3px;
}
.selectPlansDiv input[type="button"]:hover{
	background:#1b0454;
	opacity:.5;

}
.selectButtonDiv{
        position: relative;
	width: auto;
	alignment-adjust: central;
	margin:0px auto;
	text-align:center;
}
.block_edit_maintenance{
	border-bottom:1px solid #efefef;
}
.block_edit_maintenance .edctable{
    margin-left:0px;
}
#maintenance_plan_tasks_block>div>p, .block_edit_maintenance>td>p{
	display: list-item;
	margin-left: 1.3em;
	list-style-type: circle; 

}
.addScheduleBlock p label{
	min-width:25%;
	line-height: 1.8em;
	color:#1b0454;
}
.addScheduleBlock p select, .addScheduleBlock p .select2-container{
	min-width:25em;
}
.addScheduleBlock p input[type="text"]{
        min-width:12.5em;
        width: 14% !important;
}
.schedulePlansBtnDiv{
	width: 61%;
}

/*================     eLog Monitor  =========================*/
.icon_attempted,.icon_escalated,.icon_unattempted,.icon_forwarded{
	width:20px;
	height:20px;
	border-radius: 50%;
	cursor:pointer;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	-webkit-box-shadow: 2px 1px 1px #000000;
        -moz-box-shadow: 2px 1px 1px #000000;
        box-shadow: 2px 1px 1px #000000;
		margin-bottom: 0px;
		margin-left: 7px;
}
.icon_attempted:active,.icon_escalated:active,.icon_unattempted:active,.icon_forwarded:active{
	-webkit-box-shadow: 0px 1px 1px #000000;
        -moz-box-shadow: 0px 1px 1px #000000;
        box-shadow: 0px 1px 1px #000000;
}

.a_demo_four {
	
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	-webkit-border-radius: 50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius: 50%;
}
.a_demo_four:active {
    top:3px;
}
.icon_attempted{
    background:#34A319;
}
.attempted{ }
.icon_escalated{
    background:#B8BFCB;
}
.escalated{
}
.icon_unattempted{
    background:#FFB200;
}
.unattempted{
    color:#FFB200;
}
.icon_forwarded{
    background:#FF0000;
}
.forwarded{
    box-shadow:none !important;
}

.button{
        background-image: -webkit-linear-gradient(top, #FFFFFF, #B4B4B8);
        background-image: -o-linear-gradient(top, #fff, #B4B4B8); /* For Opera 11.1 to 12.0 */
        background-image: -moz-linear-gradient(top, #fff, #B4B4B8); /* For Firefox 3.6 to 15 */
        background-image:  -ms-linear-gradient(top, #fff 0%,#B4B4B8 100%);
        background-image: linear-gradient(top, #FFFFFF, #B4B4B8);
        border-radius: 50%;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px #efefef, inset 0px -3px 1px 1px rgba(204,198,197,.5);
        float:left;
        height:22px;
        margin-left: 5px;
        position: relative;
        width:22px;			
        -webkit-transition: all .1s linear;
        transition: all .1s linear;
        }

.button:after{
        color:#e9e6e4;
        content: "";
        display: block;
        font-size: 7px;
        height: 7px;
        text-decoration: none;
        position: absolute;
        left: 5px;
        top: 6px;
}
.unattempted:hover, .futureTasks:hover{
        background-image: -webkit-linear-gradient(top, #fff, #f4f1ee);
        background-image: -o-linear-gradient(top, #fff, #f4f1ee); /* For Opera 11.1 to 12.0 */
        background-image: -moz-linear-gradient(top, #fff, #f4f1ee); /* For Firefox 3.6 to 15 */
        background-image:  -ms-linear-gradient(top, #fff 0%,#f4f1ee 100%);
        background-image: linear-gradient(top, #fff, #f4f1ee);
        color:#0088cc;
}
.unattempted:active, .futureTasks:active{
        background-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
        background-image: linear-gradient(top, #efedec, #f7f4f4);
        box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
}

.unattempted:active:after, .futureTasks:active:after{
        color:#dbd2d2;
}
.Called:after{
        content:"\f095";
        color:#ff0000;
        font-family:'FontAwesome';
        font-size:1em;
        top: 5px;
        left: 6px;
}
.Called:hover:after{
        color:#ff0000;
}
.SOP:after, .sop:after{
        content: "\f0f6";
        color:#ff0000;
        font-family:'FontAwesome';
        font-size:1em;
        top: 5px;
        left: 6px;
}
.SOP:hover:after, .sop:hover:after{
        color:#ff0000;
}

.Emailed:after{
        content:"\f003";
        color:#ff0000;
        font-family:'FontAwesome';
        font-size:1.1em;
        top:3px;
}
.Emailed:hover:after{
        color:#ff0000;
}
.escalated:after{
        font-family:'FontAwesome';
        content:"\f062";
        color:#97090E;
        font-size: .9em;
        top: 6px;
        left:7px;
}
.escalated:hover:after{
        color:#97090E;
}
.attempted:after{
        content: "✔";
        color:#34A319;
        top: 3px;
        font-size:14px;
}
.attempted:hover:after{
}
.unattempted1{
}
.unattempted:after, .futureTasks:after{
        width: 7px;
        height: 7px;
        background: #FF9900;
        left: 7px;
        top: 9px;
        border-radius: 50%;
}
.unattempted:after{
        width: 7px;
        height: 7px;
        background: #0097db;
        left: 7px;
        top: 9px;
        border-radius: 50%;
}
.unattempted:hover:after, .futureTasks:hover:after{
        color:#eb2f2f;
}
#hdelogMonitortable{
        z-index: 100;
}
.panel-titlelog, #task_description b{
        font-weight: 700;
        color:#000;
        text-align: left;
        margin: 0px;
        font-size: 1.2em;
}
.emailInput{
    width:20em !important;
    min-width: 20em;
}
.mailplace{
        width: auto !important;
        position: absolute;
        text-transform: lowercase !important;
}
.relativeBlock{
        position:relative;
}
#main_regiter{
        display: none;
        padding: 10px 0px;
}
#main_regiter .edctable tr td{
        padding:2px;
}

 /*==========================             skille management ==============================*/
.category-details-form input,.category-details-form textarea {
width:250px;
margin-bottom:20px;
}

.ui-sortable li ul {
margin-left:39px;
padding:0;
}

.list-fields ul li {
margin-bottom:10px;
}

.list-categories .category_div,.list-fields .cfield-div {
background-color:#F7F7F7;
border:solid 1px #EEEEEE;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
position:relative;
padding:5px;
}

.cfield-hover {
background:#fffccc;
background-color:#fffccc!important;
}

.list-categories .category_row {
height:26px;
padding-left:87px;
}

.ico-childrens {
position:absolute;
left:36px;
top:1px;
border-right:solid 1px #fff;
width:38px;
height:36px;
margin-left:2px;
}

.ui-sortable li ul li ul li ul .category_row {
padding-left:49px;
}

.ico-childrens .toggle {
width:10px;
height:10px;
display:block;
float:left;
text-indent:-99999px;
margin-left:7px;
margin-top:7px;
padding:10px;
}

.list-categories .name-cat,.list-fields .name-edit-cfield {
padding-right:300px;
font-size:1em;
line-height:26px;
color:#616161;
}

.list-fields .name-edit-cfield {
padding-left:10px;
}

ul.subcategories {
margin-left:20px;
}

.list-categories li {
margin-top:10px;
list-style-type:none;
}

div.disabled .category_row,.category_li .disabled {
background-color:#fff;
} 
.actions-cat,.actions-edit-cfield {
    float:right;
    position:absolute;
    right:10px;
    top:8px;
}
.ico,.status-expanded,.status-collapsed {
background-image:url(images/split.png)!important;
}
.ico-droppable {
background-position:-64px -352px;
position:absolute;
left:1px;
top:1px;
border-right:solid 1px #fff;
width:34px;
height:36px;
margin-left:2px;
cursor:move;
}

.ico-droppable:hover,.ico-droppable-white {
background-position:-96px -352px;
}

.ico-close {
background-position:-152px -288px;
float:right!important;
width:20px!important;
height:20px!important;
padding:0!important;
}

.ico-close:hover {
background-position:-172px -288px;
}

.ico-drop-down {
background-position:-152px -308px;
}

.status-collapsed {
background-position:-147px -343px;
}

.status-expanded {
background-position:-167px -343px;
}
#skills{ min-height: 250px;}
 #categories{
     padding: 5px 20px;
 }
 .skillsNextdiv, #update_skills_btn{
        position: absolute;
        right: 84px;
        bottom: -36px;
 }
 .skillsSelectedView{
     max-height: 250px;
    overflow: auto;
 }
#categories ul li, .categories ul li{ list-style-type: none; padding:0px; border: 1px solid #fff; margin:0px;}
#categories ul li label, .categories ul li label{font-size: 1em !important;}
#categories ul li.mainTitle1, .categories ul li.mainTitle1{ font-weight: 600; font-size: 1.2em; color: #000;}
#categories label, .categories label{width:100%;}
.proceedBtn{ 
    background: #FC8011;
    border: 1px solid #FC8011;
    padding: 6px 10px 6px;
    margin-bottom: 0;
    font-size: 1em;
    height:2.6em;
    color: #fff;
    cursor: pointer;
    border-radius:3px;
    margin: 3px 0px;
    width: 125px;
    text-align: center;
}
.proceedBtn2{ 
    background: #FC8011;
    border: 1px solid #FC8011;
    padding: 6px 10px 6px;
    margin-bottom: 0;
    font-size: 1em;
    height:2.6em;
    color: #fff;
    cursor: pointer;
    border-radius:3px;
    margin: 3px 127px;
    width: 125px;
    text-align: center;
}
.skillCertification{ 
    background: #1A84C3;
    border: 1px solid #1A84C3;
    padding: 3px 10px 6px;
    margin-bottom: 0;
    font-size: 1em;
    height:2.6em;
    color: #fff;
    cursor: pointer;
    border-radius:3px;
    margin: 3px 0px;
    width: 125px;
    text-align: center;
}
.getsubskill li{ 
    list-style-type: none; 
    display: inline-block; 
    min-width:6.7em; 
    font-size: .8em; color: #363636;
}
#stage_2 .getsubskill li label{
    width:1em; 
    max-width: 1em;
}
.skillsUpdationBlock .mainSkill li{
    padding: 0px 5px;
    text-align: center;
}
.skillsUpdationBlock .clsSkillset .mainSkill li{
    min-width:112px !important;
    text-align: center;
}
.skillsUpdationBlock .getsubskill li{
    min-width:112px;
    text-align: center;
}
.getsubskill li label{ font-size:1.2em !important; min-width: 3em;}
.getsubskill li:last-child{ min-width:50px !important;}
.skillDatialBlock{
    max-height: 280px;
    overflow: auto;
}
.getsubskill li.subskillTitle{
    font-weight: 500 !important;
    width: 25em;
    font-size: 1em;
    line-height: 2.2em;
    text-align: left !important;;
}

.skillDatialBlock .resourceSkillsUl li:first-child{
    width: 62% !important;
}
.mCustomScrollbar.skillDatialBlock .resourceSkillsUl li{
    width:33% !important;
}
.mCustomScrollbar.skillDatialBlock .resourceSkillsUl li:first-child{
    width:61% !important;
}
.mainSkill li{
    list-style-type: none; display: inline-block; color: #000; line-height: 2em; padding: 0px 5px;
}
.mainSkill li:last-child{ min-width:78px !important; text-align: center; }
.mainSkillName{ 
    font-size: 1.2em; color:#1b0454; 
    text-transform: uppercase; width:20em; 
}
.clsSkillset .mainSkillName{
    width:15em;
    margin-left: 5em;
    font-weight: 600;
}
.subskillname{ font-size: 1.1em; color: #010101;}
.proceedBtn1:hover{ border:2px solid #1b0454; color: #1b0454;}
.FormElement label{
    min-width:11%;
    vertical-align: top;
}

.category-details-form input, .category-details-form textarea{
    min-width: 88%;
    margin-bottom: 0px;
}
.ui-tabs .ui-tabs-panel{
    padding: 5px;
}
.table-bordered{
    margin: 5px 0px;
}
.table-bordered>thead>tr>th{
    font-size: 1.1em;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td{
    border-bottom-width: 1px;
    padding: 1px !important;
    line-height: 1.9em;
}
.table-bordered>tbody>tr>td>input[type="text"],.table-bordered>tbody>tr>td>select,.table-bordered>tbody>tr>td>input[type="number"],.table-bordered>tbody>tr>td>.select2-container{
    width: 98%;
 //   line-height: 1.5em;
    margin: 0px !important;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    border-top: 1px solid #fff;
}
.table-bordered>thead>tr.subskills>th{
    border: 0px solid #fff !important;
}
.table>thead>tr>th>div{
    position: absolute;
    margin-top: -1.3em;
}
.table-contains-actions .table-bordered{
    border: 0px solid #fff !important;
}
.table-contains-actions .table-bordered>thead>tr>th, .table-contains-actions .table>thead>tr>td{
    border: 0px solid #fff !important;
}
.table-contains-actions .table-bordered>thead>tr>th>.fa, .table-contains-actions .table>thead>tr>td>.fa{
    color: #1b0454;
    cursor: pointer;
}
.table-contains-actions .table-bordered>thead>tr>th{
    border-bottom: 1px solid #1b0454 !important;
}
.skillsReviewMianUIBlock li{
    display: inline-block;
    list-style-type: none;
    min-width: 10.9em;
    font-size: 1.1em;
    color:#1b0454;
}
.skillsReviewUIBlock li{
    display: inline-block;
    list-style-type: none;
    min-width: 12em;
}
.skillsReviewUIBlock li.reviewEmail{
    min-width: 18em;
}
.skillsReviewMianUIBlock li.reviewEmail{
    min-width: 16.3em;
}
.reviewSkilsindBlock{
    max-height: 300px;
    overflow: auto;
}
.reviewSkillMainUI li{
    display: inline-block;
    list-style-type: none;
    min-width: 8em;
}
.reviewSkillMainUI li span{
    font-size: 1.1em;
    color: #1b0454;
}
.reviewSkillUI li{
    display: inline-block;
    list-style-type: none;
    min-width: 8em;

}
.tooltip.top {
padding: 5px 0;
margin-top: 10px;
}
#acquired_level_block_skills label{
    min-width: 13em;
}
.customDialog input[type="number"]{
    text-align: right;
}
.salaryInput{
    max-width:8em !important; 
    min-width: 8em !important;
    width: 8em !important;
}
.reviewSkillUI li.skillLi, .reviewSkillMainUI li.skillLi{
    min-width: 30em;
    max-width: 30em;
}
.taoCandindateUi .addButton{
    width:2.2em !important;
    padding: 4px 6px 4px;
}
.taoCandindateUi .altButton{
    width:2.2em !important;
    padding: 4px 6px 4px;
    height: auto;
}
.taoCandindateUi li{
    min-width: 2em !important;
}
.taoCandindateUi li.candidateName{
    width:15em;
}
.taoCandindateUi li.numericValue{
    width:5.5em;
}
.taoCandindateUi li.candidateEmail{
    width:18em;
    text-transform:lowercase;
}
.taoCandindateUi li.mobileNo{
    width:9em;
}
.taoCandindateUi.Head li span{
    font-size: 1.1em;
    font-weight: 700;
    color: #000;
}
.taoCandindateUi.Head li.candidateEmail{
    text-transform: none;
}
.exsitedMainTEOUI li{
    display: inline-block;
    list-style-type: none;
    width: 7em;
    color: white;
}
.exsitedMainTEOUI li span{
    font-size: 1.1em;
    font-weight: 600;
}
.exsitedMainTEOUI li.noOfResouce, .exsitedTEOUI li.noOfResouce{
    width: 5em;
}
.exsitedTEOUI{
    cursor: pointer;
}
.exsitedMainTEOUI li.resourceSideTitle, .exsitedTEOUI li.resourceSideTitle{
    width: 14em;
}
.exsitedTEOUI li{
    display: inline-block;
    list-style-type: none;
    width: 7em;
}
.exsitedTEOUI li.RcontactName, .exsitedMainTEOUI li.RcontactName{
    width: 10em;
}
.activityLogs li{
    display: inline-block;
    list-style-type: none;
    min-width: 9em;
}
.activityLogs li span{
    font-size:1.1em;
    color: #000;
    font-weight: 600;
}

/*----- eform ----*/
.eformModules{
    margin: 5px 0px;
}
.eformModules li {
    padding: 5px 9px 3px 9px;
    background: #efefef;
    margin: 0px;
    padding-right: 15px;
    border-top-right-radius: 41em;
    BORDER-BOTTOM: 4px solid #ddd;
    opacity: .6;
}
.eformModules li.active, .eformModules li.completed.active{
     BORDER-BOTTOM: 4px solid #F80;
     opacity: 1;
}
.eformModules li.completed{
     BORDER-BOTTOM: 4px solid green;
     opacity: .6;
}
.file_upload_new input[type=file]{
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 27px;
    left: 0px;
}
/*==========================       oraganization structure ===============*/
.ui-dialog .ui-dialog-titlebar-close:before{
    content: 'X';
}
.ui-dialog .ui-dialog-titlebar-close{
    background: #fff;
    color: #1b0454;
    border: 1px solid #fff;
}
.ui-draggable .ui-dialog-titlebar{
    background: #1b0454;
    border: 1px solid #1b0454;
    border-radius: 0px;
}
.bp-title-frame{
    background: #1b0454 !important;
    
}
.ui-dialog-content.ui-widget-content{
    
}
.ui-dialog-content.ui-widget-content .sticky-placeholder-wrapper{
    width:100%;
    margin: 5px 0px;
}
.ui-dialog-content.ui-widget-content input[type="text"]{
    /*width:100%;*/
}
.ui-tabs .ui-tabs-nav{
    border: 1px solid rgba(0, 151, 219, 0.12);
    background: rgba(0, 151, 219, 0.32);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a{
    color:#fff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
    border:1px solid #1b0454;
    border-bottom: 0px;
    border-radius: 4px 4px 0px 0px;
}
.ui-tabs.ui-widget.ui-widget-content{
    background: #fff;
    border:0px solid #fff;
}
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.customDialogSM{	
    width: 500px;
    padding: 6px -2px 3px;
    top: 50%;
    z-index: 2000;
    border: 0px solid #1b0454;
    position: fixed;
    left: 50%;
    margin: -200px 0 0 -250px;
    background: #fff;
    min-height: 300px;
    font-size: 1em;
}

.customDialog{	
    width: 500px;
    padding: 5px 15px 15px;
    top: 50%;
    z-index: 2000;
    border: 5px solid #1b0454;
    position: fixed;
    left: 50%;
    margin: -200px 0 0 -250px;
    background: #fff;
    min-height: 300px;
    font-size: 1em;
}
.smallDialog{
    width:350px;
    margin: -200px 0 0 -175px;
}
.customSMDialog{	
    width: 500px;
    padding: 15px;
    top: 50%;
    z-index: 2000;
    border: 5px solid #1b0454;
    position: fixed;
    left: 50%;
    margin: -75px 0 0 -250px;
    background: #fff;
    min-height: 150px;
}
.customDialog .closeButton{
    position: absolute;
    background: #fff;
    top: -21px;
    right: -19px;
    width: 27px;
    color: #1b0454;
    font-weight: 600;
    padding: 5px 0px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%; 
    cursor: pointer;
}
.custommdDialog{
    width: 60%;
    min-height: 400px;
    max-height: 500px;
    margin-top: -250px;
    margin-left:-30%; 
}
.special-dialog{
    width: 50% !important;
}
.md-dialog{
    width: 70% !important;
}
.modal-open .datepicker{
    z-index: 2000 !important;
}
.modal-footer {
    padding: 5px 15px 15px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}
/* ===========================   custom radio ================*/
input[type=radio].css-radiocheck {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
    
}
input[type=radio].css-radiocheck + label.radiocheck-label {
    padding-left:21px;
    height:17px; 
    display:inline-block;
    line-height:17px;
    background-repeat:no-repeat;
    background-position: 0 -18px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=radio].css-radiocheck:hover + label.radiocheck-label {
    background-position: 0 -18px;
}

input[type=radio].css-radiocheck:checked + label.radiocheck-label {
    background-position: 0 -36px;
}

input[type=radio].css-radiocheck + label.radiocheck-label{
    background-image:url(../icons/blueradio.png);
}

/*============================   resoucres =======================*/
.addResoucreBlock{
    border-bottom: 1px dotted #1b0454;
}
.addResoucreBlock label{
    width: 12em;
    vertical-align: top;
}
.addResoucreBlock input[type="text"], .addResoucreBlock textarea, .addResoucreBlock .select2-container,.addResoucreBlock select, .addResoucreBlock input[type="email"]{
    width: 25em;
}
.addResoucreBlock .rateColumn, .addResoucreBlock .datePicketForTAR{
    width: 12em !important;
}
#block_feedback textarea{
    width:100%;
}
.dialog-title{
    font-weight: 700;
    color:#1b0454;
    text-align: center;
    margin: 0px;
    font-size: 1.1em;
    line-height: 1.8em;
    
}
.customDialog .dialog-title{ font-size:  1.1em;}
.dialog-titletl{
    font-weight: 700;
    color:#000;
    text-align: left;
    margin: 0px;
    font-size: 1.1em;
    line-height: 1.8em;
}
.resourceBlock{
    position: relative;
    padding-left: 5px;
    border-left: 8px solid rgba(0, 151, 219, 0.1);
    margin: 2px 0px;
    cursor: pointer;
}
.resourceBlock:hover{
    border-left: 8px solid rgba(0, 151, 219, 0.5);
}
.resourceBlock.expanded{
    padding: 5px 22px;
    padding-left: 24px;
    border: 1px solid rgba(0, 151, 219, 0.68);
    border-left: 8px solid #1b0454;
    background: rgba(212, 212, 212, 0.10);
}
.resourceSkillsUl li{
    display: inline-block;
    list-style-type: none;
}    
.resourceSideTitle{
    color: #000;
}
.resourceSideTitle label{
    font-weight:500 !important;
}
.leftBlock label{
    width: 12em;
    font-weight: 600;
}
.resourceDetails label{
    width: 15em;
    font-weight: 600;
}
#data_resource_1 .prevBtn{
    display: none;
}
.existedTARList .resourceBlock:last-child .nextBtn{
    display: none;
}
.existedTARList{
}
.editRightBlock .categories{
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
}
.resouceSimpleView li, .resouceMainHead li{
    display: inline-block;
    list-style-type: none;
    width: 7.5em;
}
.resouceSimpleView li.resourceSideTitle, .resouceMainHead li.resourceSideTitle{
    width: 15em;
}
.resouceMainHead li.noOfResouce, .resouceSimpleView li.noOfResouce{
    width: 4em;
}
.resouceMainHead li.RcontactName, .resouceSimpleView li.RcontactName{
    width:10em;
}
.resouceMainHead li span{
    display: inline-block;
    list-style-type: none;
    font-weight: 600;
    color: #000;
}
.resouceMainHead{
    margin-left: 42px;
}

.resouceMainHead1{
    margin-left: 37px;
}

.resouceSimpleView li, .candidateMainHead li{
    display: inline-block;
    list-style-type: none;
    width: 7.5em;
}
.resouceSimpleView li.resourceSideTitle, .candidateMainHead li.resourceSideTitle{
    width: 15em;
}
.candidateMainHead li.noOfResouce, .resouceSimpleView li.noOfResouce{
    width: 4em;
}
.candidateMainHead li.RcontactName, .resouceSimpleView li.RcontactName{
    width:10em;
}
.candidateMainHead li span{
    display: inline-block;
    list-style-type: none;
    font-weight: 600;
    color: #fff;
}
.candidateMainHead{
    margin-left: 42px;
}

.resouceMainHead1{
    margin-left: 37px;
}


.TARviewHead{
    margin-left: 0px;
}
.TARviewHead li{
    display: inline-block;
    list-style-type: none;
    width: 7.5em;
}
.TARviewHead li.resourceSideTitle{
    width: 15em;
}
.TARviewHead li.resourceSideTitle:first-child{
    width: 17.7em;
}
.TARviewHead li.resourceSideTitle:last-child{
    width: 14em;
}
.TARviewHead li.noOfResouce{
    width: 4em;
}
.TARviewHead li.RcontactName {
    width: 10em;
}
.nextBtn, .prevBtn {
    position: absolute;
    top: 50%;
    z-index: 10;
}
.prevBtn{
    left: 3px;  
}
.nextBtn {
    right:7px;
}
.sliderarrows {
    font-size: 1.7em;
    color: #545454;
}
.interviewPanel .greencircle{
    padding: 5px;
}
#InterviewLevels ul li{
    list-style-type: none;
    display: inline-block !important;
}
#InterviewLevels ul li input[type="text"], #InterviewLevels ul li textarea{
    padding: 0px;
    margin: 0px;
}
/*------------------  tar assignments --------------*/
.assignTARBtn{
    text-align: center;
    color: #fff;
    padding: 8px 0px;
    font-size: 1.2em;
    position: absolute;
    left:0px;
    top: 50%;
    margin-top: -140px;
    z-index: 5000000;
    cursor: pointer;
    transition: .5s;
}
.assignTARBtn p{
   -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    color: #fff;
    margin-left: 30px;
    background: #1b0454;
    padding: 6px 15px;
    text-transform: uppercase;
    float: left;
}
.assignTARBtn:hover{
}
.assignedTAODivision{
    position: fixed;
    width: 75%;
    background: #fff;
    right: -73%;
    height: 100%;
    transition: .5s;
    z-index: 500;
    padding-left: 30px;
}
.assignedTAODivision.fullShow{
    right:0%;
}
.assignedTARList{
    position: relative;
    border: 1px solid rgba(0, 151, 219, 0.48);
    height: 95%;
    padding: 10px;
}

/*===================  TAO  ================================*/
.customDialog label{
    width: 12em;
    vertical-align: top;
}
.customDialog.bigLabels label{
    width:15em;
}
.customDialog.bigLabels input.li-sm{
    width:7.3em !important;
    margin: 0px !important;
}
.customDialog select, .customDialog input[type="text"], .customDialog textarea{
    width:20em;
}
#block_feedback, #activity_history_block{
    width: 60%;
    margin:100px -30%;
    margin-top: -185px;
}
#showSkillSet{
    max-height: 380px;
    overflow: auto;
}

/*=============================       transactions ====================*/
.transactionAddBlock label, .addHiretypeBlock label{
    width: 12em
}
.transactionAddBlock input[type="text"], .addHiretypeBlock input[type="text"], .addHiretypeBlock textarea{
    width: 28em
}
.transactionAddBlock{
    padding-top: 10px;
}
.levelSAprovalBlock label{
     width: 12em
}
.levelSAprovalBlock input[type="text"], .levelSAprovalBlock .select2-container{
    width: 17em;
}
.transactionsUl.mainHead{
    padding-left: 10px;
}
.transactionsUl.mainHead li span{
   font-size: 1.1em;
   color: #000;
   font-weight: 600;
}
.transactionsUl{
    
}
.transactionsUl li{
    display: inline-block;
    list-style-type: none;
}
.transation{
    margin: 2px 0px;
    padding-left: 2px;
    border-left: 10px solid rgba(0, 151, 219, 0.12);
}
.transation:hover{
    border-left: 10px solid rgba(0, 151, 219, 0.4);
}
.transation.expanded{
    border: 1px solid rgba(0, 151, 219, 0.54);
    background: rgba(0, 151, 219, 0.01);
    border-left: 10px solid #1b0454;
}
.transactionClass .advanceButtons{
    right: 10px;
}
.li-1em{
    width:1em !important;
}
.li-2em{
    width:2em !important;
}
.li-xs{
    width: 4em !important;
}
.li-sxs{
    width: 5em !important;
}
.li-mxs{
    width: 6em !important;
}
.li-sm{
    width: 7em !important;
}
.li-8m{
    width:9em !important;
}
.li-md{
    width: 11em !important;
}
.li-mmd{
    width: 13.5em !important;
}
.li-lg{
    width: 15em !important;
}
.li-mlg{
    width: 18em !important;
}
.li-19em{
    width: 19em !important;
}
.li-zg{
    width: 20em !important;
}
.li-21em{
    width:21em !important;
}
.css-label-sm1.li-xs{ min-width: 2em !important; color:#000;}
input[type="file"]{
    cursor: pointer !important;
}
#shadow-root{
    cursor: pointer !important;
    
}
.li-xs.number_validation{
    text-align: center;
}
input[type="file"]::-webkit-file-upload-button, button {
    cursor: pointer ;
    width: 40px;

}
/*===================  Candidate Creation ===========*/
.addjobseekerTable{
    margin-top: 10px;
}
.edctable.addjobseekerTable .sticky-placeholder-wrapper{
    width:100%;
    
}
.edctable.addjobseekerTable td input[type="text"], .edctable.addjobseekerTable td input[type="number"], .edctable.addjobseekerTable td input[type="email"], .edctable.addjobseekerTable td textarea, .edctable.addjobseekerTable td select, .edctable.addjobseekerTable td .select2-container{
    width: 100%;
    margin: 3px 0px !important;
}
.edctable.addjobseekerTable td input[type="number"]{
    width: 30%;
}
.genderUl li{
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}
.editleftBlock>p>label, .editRightBlock>p>label{
    width: 11em;
} 
.editleftBlock>p>input[type="text"],.editleftBlock>p>input[type="email"], .editleftBlock>p>textArea, .editleftBlock>p>select, .editleftBlock>p>.sticky-placeholder-wrapper, .editRightBlock>p>input[type="text"],.editRightBlock>p>input[type="email"], .editRightBlock>p>textArea, .editRightBlock>p>select, .editRightBlock>p>.sticky-placeholder-wrapper{
    width: 24em;
}
.editRightBlock p label.radiocheck-label, .editRightBlock p .css-label-sm1{
    color: #313131;
}

.editleftBlockTA>p>label, .editRightBlockTA>p>label{
    width: 21em;
} 
.editleftBlockTA>p>input[type="text"],.editleftBlockTA>p>input[type="email"], .editleftBlockTA>p>textArea, .editleftBlockTA>p>select, .editleftBlockTA>p>.sticky-placeholder-wrapper, .editRightBlockTA>p>input[type="text"],.editRightBlockTA>p>input[type="email"], .editRightBlockTA>p>textArea, .editRightBlockTA>p>select, .editRightBlockTA>p>.sticky-placeholder-wrapper{
    width: 24em;
}
.editRightBlockTA p label.radiocheck-label, .editRightBlockTA p .css-label-sm1{
    color: #313131;
}
.candidateBlock{
    border-left: 8px solid rgba(0, 151, 219, 0.1);
    padding-left: 8px;
    cursor: pointer;
    margin: 5px 0px;
}
.candidateBlock:hover {
    border-left: 8px solid rgba(0, 151, 219, 0.5);
}
.candidateBlock.expand{
    border: 1px solid rgba(0, 151, 219, 0.71);
    padding: -5px 15px;
    border-left: 8px solid rgba(0, 151, 219, 1);
}
.candidateBlock .greencircle{
    padding: 0px !important;
}
.advancedBtns .greencircle{
    padding: 5px !important;
}
.CandidateExistedBlock{
}
#search_candidate_profile input[type='text']{
    width:25em;
}
.assignedTAOBlock{
}
.feedbackSkills li{
    display: inline-block;
    width:7em;
    text-align: center;
}
.feedbackSkills li.mainSkillName{
    font-size: 1em;
    width: 26em;
    color: #000;
    text-align: left;
}
.feedbackSkills li label{
    width: 1em;
}

.taoCandindateUi li{
    list-style-type: none;
    display: inline-block;
    min-width: 150px;
}
.AssginedMainTAOUL li{
    list-style-type: none;
    display: inline-block;
    width: 13.7em;
    font-size:  1.1em;
    color: #000;
}
.AssginedTAOUL li{
    list-style-type: none;
    display: inline-block;
    width: 15em;
}
.chooseBtn{
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 6px 10px 6px 0px;
    margin-bottom: 0;
    font-size: 1.4em;
    height: 2.2em;
    color: #FC8011;
    cursor: pointer;
    border-radius: 3px;
    margin: 3px 0px;
    width: 38px;
    text-align: left;
}
#skills{
    position: relative;
}
#skills .mainSkill{
    position: absolute;
    top: -26px;
}
.candidateSkillBlock {
    overflow: auto;
    max-height: 450px;
    margin-top: 25px;
}
.SkillsBlock {
    overflow: auto;
    max-height: 250px;
    margin-top: 25px;
}
/*===============  negotiation ======================================*/
.blkCandSalary{
    
}
.blkCandSalary label{
    width: 10em;
    font-weight: 600;
}
.negotiationViewBLock{
    background: rgba(212, 212, 212, 0.16);
    padding: 5px 10px;
    color: #4E4E4E;
    border: 1px solid rgba(0, 151, 219, 0.59);
    border-left: 10px solid #1b0454;
}
.negotiationViewBLock label{
    width: 12em;
}
.negotiationViewBLock input[type="text"], .negotiationViewBLock textarea{
    width: 20em;
}

/*================= tao to teo   ================*/
.taoTopBlock .greencircle{
    padding:12px;
}
.taoTopBlock input[type="text"]{
    line-height:2em; 
}
/*===============      search skills ============================*/
.searchSkills{
    max-height: 300px;
    overflow: auto;
}
.mainTitle1{
    font-size:1.2em;
}
.searchSkills ul li.subskillTitle{
    width:24em;
    text-align: left;
}
.searchSkills li{
    list-style-type: none;
    display: inline-block;
    color: #959595;
    width: 6em;
    text-align: center;
}

.searchSkills .skillName{
    font-size: 1.1em;
}
.searchSkillsLeft{
    
}
.searchSkillsLeft .category{
    padding: 5px 0px;
}
.searchSkillsLeft .select2-container{
    min-width:20em;
}
.searchSkillsLeft label{
    width: 16em;
}
.file_upload_new{
    width: 120px;
    background: #1b0454;
    color: #ffffff;
    border-radius: 0px;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 3px 0px;
    margin: 1px 0px;
    cursor: pointer;
    border-radius: 3px;
}
.reversecmb{
    background: #ffffff  !important;
    color: #1b0454 !important;    
}
.file_upload_new:hover{
    opacity: .8;
}
.file_upload_new .fa{
    line-height: 1.2em !important;
}
.file_upload_new:before{
}
.fileNew{
    display: none;
}
.file_upload_new input[type=file]{
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 21px;
}
.file_upload_new input{
    cursor: pointer;
}
.uploadDocumentBlock label{ 
    width: 10em;
}
.requiredDocumentBlock label{
    width: 10em;
}
.requiredDocumentBlock input[type="text"]{
    width: 20em; 
}

/*=====================  negoiation =============*/
.negotiatinsBlockMain{
    
}
.negotiatinsBlockMain li, .negotiatinsBlock li{
    display: inline-block;
    list-style-type: none;
    width:6em;
}
.negotiatinsBlockMain li span{
    font-weight: 600;
    color: #000;
    font-size: 1.1em;    
}
.negotiatinsBlockMain li.edcName, .negotiatinsBlock li.edcName{
    width: 13em;
}
.negotiatinsBlockMain li.idNumber, .negotiatinsBlock li.idNumber{
    width: 3em;
}
.negotiatinsBlockMain li.emailId, .negotiatinsBlock li.emailId{
    width: 16.5em;
}
.negotiatinsBlockMain li.contactNo, .negotiatinsBlock li.contactNo{
    width:8em;
}
.negotiatinsBlock{
    cursor: pointer !important;
}

/*==================== dashbords  ===============*/
.announcement-heading{ font-size: 1.6em;}
.ui-tabs .ui-tabs-nav li{ font-weight: normal;}
.dashboardTabs{ padding:0px 0px; }
.dashboardTabs .tabs ul li{ background: #1779ba;}
.dashboardTabs .ui-tabs{margin: 0px; padding:5px 25px;}
.dashboardTabs .ui-tabs .ui-tabs-nav li.ui-tabs-active{ background: #1862A7; color: #fff;}
.dashboardTabs .ui-state-default, .dashboardTabs .ui-widget-content .ui-state-default, .dashboardTabs .ui-widget-header .ui-state-default{ background: #fff;}
.dashboardTabs .ui-state-default:hover, .dashboardTabs .ui-widget-content .ui-state-default:hover, .dashboardTabs .ui-widget-header .ui-state-default:hover{ background: #1292e8 !important; color:#fff !important;}
.dashboardTabs .ui-tabs .ui-tabs-panel{  border: 1px solid #ebebeb;}
.dashboardTabs .ui-widget-content{ border: 1px solid #1b0454;}
#user_dashboard_block .panel-default, .skillsStatus .panel-default{ border-bottom-color: #fff; box-shadow: none;}
#register_msg{
 font-size: .8em;   
}
.inactived { background: #ebebeb !important; color: #000 !important;}
.inactive1:before{position: absolute; font-size: 3.4em; margin-top: 35px; margin-left: 15px; font-family: FontAwesome; content: "\f00c"; color:green; z-index:300; padding-right: 10px;}
.inactive{position: absolute;
    width: 52px;
    height: 52px;
    font-size: 3.4em;
    margin-top: 12px;
    margin-left: 2px;
    background-image: url('../icons/checkicon1.png'); z-index:300; padding-right: 10px;
}
.socialCounters > .inactive:nth-child(1){
    margin-left: 30px !important;
}

.finactive {
    color: #3B569D !important;
    background: #FFFFFF !important;
    border: 1px solid #3B569D !important;
}
.linactive {
    color: #007BB6 !important;
    background: #FFFFFF !important;
    border: 1px solid #007BB6 !important;
}
.ginactive {
    color: #D53D35 !important;
    background: #FFFFFF !important;
    border: 1px solid #D53D35 !important;
}
.dashboardTabs .table>thead>tr>th{ line-height: 1.4em;}
.mainDashtitle {
    font-weight: bold;
    font-size: 1.3em;
    padding-top: 15px;
    color:#007BB6;
    line-height: 1.3em;
}
.socialIconsizes{border-radius: 50%;
    width: 60px !important;
    height: 60px !important;
    font-size: 1.6em;
    line-height: 60px !important;
}
.socialIconsizes.linkedincolor{ background:#007BB6; color:#fff;}
.socialIconsizes.gpluscolor{ background:#DD4224; color:#fff;}
.socialIconsizes.facebookcolor{ background:#3C599F; color:#fff;}
.scoaillist{ position: relative; height: 50px;}
.scoaillist div{ position: absolute; text-align: center; font-weight: bold; font-size: 2em; line-height: 2em; color: #1b0454;}
.scoaillist div.facebook{left:0px; width: 33.3%; text-align: center;}
.scoaillist div.gplus{right: 0px; width: 33.3%; text-align: center;}
.scoaillist div.linkedin{ left:33.3%; width: 33.3%; text-align: center;}
/*================ second dashbord table  =============*/
.silver, .plat, .gold{
    position: relative;
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 33.3%;
    background: rgba(255,255,255,1);
}
.silver:hover, .plat:hover, .gold:hover{
    
    border-radius: 5px;
}

.activeboard {
    margin-top: -5px;
    padding: 50px 0;
    text-align: center;
    background: #00A3F0;
    color:#fff !important;
}
.activeboard button{
    background: #fff !important;
    color:#00A3F0 !important;
    
}
.activeboard h1{
    font-size: 2em !important;
    color:#fff !important;
    margin-top: 10px !important;
}
  .gold .price {
    background: rgba(255,255,255,1);
    color: rgba(0,0,0,.7);
  }

.gold h1, .gold h2, .gold p, .gold span {
    color: rgba(255,255,255,1);
    }

.plat h1, .silver h1, .gold h1 {
    margin: 40px 0 10px 0;
    font-size: 1.25em;
    color: rgba(0,0,0,0.8);
}

.plat h2, .silver h2, .gold h2 {
    font-size: .75em;
    color: rgba(0,0,0,.6);
    font-weight: 100;
    letter-spacing: 1px;
}

.plat p, .silver p, .gold p {
  color: rgba(0,0,0,.8);
  margin: 10px 0;
  font-weight: 100;
  font-size: 1.1em;
}
.activeboard p{ color: #fff ! important;}
.activeboard button a:hover{ color:#000; text-decoration: none;}
.activeboard button :hover{ border: 1px solid #fff !important;}
.plat span, .silver span, .gold span {
    margin-bottom: 20px;
    padding-bottom: 10px;
    display: inline-block;
    width: 125px;
    font-size: 1.8em;
    font-weight: 700;
    letter-spacing: 1px;
    color: rgba(0,0,0,.5);
    border-bottom: 1px solid rgba(0,0,0,.1);
    }

.price {
    height: 100px;
    width: 100px;
    text-align: center;
    background-color: #00A3F0;
    border-radius: 50%;
    line-height: 100px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 100;
    margin: 20px auto;
}

.plat button, .silver button, .gold button {
    display: block;
    margin: 20px auto;
    width: 150px;
    height: 35px;
    background:#00A3F0;
    border: none;
    border-radius: 5px;
    color: rgba(255,255,255,1);
    font-size: 1.2em;
    font-weight: 100;
    transition: all ease-in-out .2s;
}
.plat button:hover, .silver button:hover, .gold button :hover {
    background: #fff; 
    color: #00A3F0;
    border: 1px solid #00A3F0;
  }
/*================    social network ================*/
.sharedSocial .facebookcolor{
    background: #3C599F;
    color:#fff;
    font-size: .8em;
    
}
.sharedSocial .linkedincolor{
    background: #007BB6;
    color:#fff;
    font-size: .8em;
}
.sharedSocial .gpluscolor{
    background: #DD4C39;
    color:#fff;
    font-size: .8em;
}
/*  ================   profile CSS classes   =================*/
#personal_details input[type="radio"]{
    margin-top: 0px;
}
#personal_details td{
    padding:2px 0px;
}
.perosnalDetails>tbody>tr>td{
    line-height: 1.2em !important;
}
.details li.visible-xs{ margin-left: 10px;}
.updateDiv .btn{ margin: 5px 0px;}
.labelName{ min-width: 100px; text-align: left !important; }
.facebookcolor{ 
    color: #fff;
    background: #A7A7A7;
    line-height: 23px;
    border-radius: 50%;
    line-height: 1.8em;
    width: 17px;
    height: 17px;
    text-align: center;
}
.gpluscolor:before{ 
    font-family: FontAwesome; content:"\f0d5"; 
}
.linkedincolor:before{ 
    font-family: FontAwesome; content:"\f0e1";
}
.linkedincolor{ 
    color: #fff;
    background: #A7A7A7;
    line-height: 23px;
    border-radius: 50%;
    line-height: 2em;
    width: 20px;
    height: 20px;
    text-align: center;
}
.gpluscolor{ 
    color: #fff;
    background: #A7A7A7;
    line-height: 23px;
    border-radius: 50%;
    line-height: 2em;
    width: 20px;
    height: 20px;
    text-align: center;
}
.statusTitle{
    color: #1b0454;
    line-height: 1.7em;
    margin: 0px;
}
.textDisplay{
    min-width: 22em;
}
.profileView .panel-default{
    border: 0px solid #fff !important;
    position: relative;
    margin-bottom: 5px;
    box-shadow: none;
}
.profileView .panel-default>.panel-heading{
    background-color: #FFFFFF;
}
.profileView .table>tbody>tr>td{
    padding: 2px;
    position: relative;
}
.profileView .table>tbody>tr>td input[type="text"], .profileView .table>tbody>tr>td textarea{
    min-width: 30em;
}
.profileView .perosnalDetails>tbody>tr>td{
    padding: 6px 0px;
    position: relative;
}
.profileView .btn-group.fr{
    position: absolute;
    right: 0px;
    top: 10px;
}
.btn-group.fr button{
    background: #fff;
    border: 1px solid #efefef;
    padding: 4px 6px !important;
}
.btn-group.fr .dropdown-menu{
    left:-120px !important;
    margin-top: -1px;
}
.subskillsBlock ul li, .skillsHeadingBlock ul li{
    display: inline-block;
    list-style-type: none;
    min-width: 10em;
    text-align:center;
}
.subskillsBlock ul li.skilltypes, .skillsHeadingBlock ul li.skilltypes{
    min-width:35em;
    text-align:left;
}

.bp-photo-frame{
    padding: 6px 0px;
}

.ui-slider-horizontal .ui-slider-range{
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
    background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
    -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}
.ui-slider-horizontal .ui-slider-range:after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
        background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
        z-index: 1;
        -webkit-background-size: 50px 50px;
        -moz-background-size: 50px 50px;
        background-size: 50px 50px;
        -webkit-animation: move 2s linear infinite;
        -moz-animation: move 2s linear infinite;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        overflow: hidden;
}
@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 35px 35px;
		    }
		}
		
@-moz-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 35px 35px;
    }
}



@-webkit-keyframes progress-bar-stripesr { 
    from { background-position: 0 0 }

    to { background-position: 40px 0 }
}

@-moz-keyframes progress-bar-stripesr { 
    from { background-position: 0 0 }

    to { background-position: 40px 0 }
}
@keyframes progress-bar-stripesr { 
    from { background-position: 0 0 }

    to { background-position: 40px 0 }
}
/* ------------------   org structure -------------*/
.all-scroll{
    cursor: all-scroll;
}
.bt-item-frame{
    background: #fff !important;
}
.listnone li{
    list-style-type: none;
}

.inlineUI li{
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
}
.inlineUI>li>label{
    font-weight: 600;
    color: #000;
}

/*=================   grid view ==*/
.ui-jqgrid-view{
    width:100% !important;
}
.tablediv>table{
    width:100% !important;
}
/*-- .ui-jqgrid, .ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-jqgrid-toppager, .ui-jqgrid .ui-jqgrid-bdiv, .ui-jqgrid .ui-jqgrid-htable, .ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-jqgrid-sdiv, .ui-jqgrid .ui-jqgrid-ftable{
    width:100% !important;
}
.ui-jqgrid .ui-jqgrid-btable{
    width: 98.5%;
    margin-right: 66px !important;
}  */
.ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button{
  //  color: #343434 !important;
    margin: 1px;
    padding: 2px !important;
    line-height: 1em;
    height: 2em;  
    font-size: .9em !important;
}
.ui-jqgrid .ui-jqgrid-view input[type="checkbox"]{
    height: auto;
}
.ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels .ui-state-default{
    font-size: 1.1em !important;
}

.secondColumn{ background: #EEFFF4;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: none !important;
}
.ui-widget-content{
    border: 1px solid #ddd !important;
}
.ui-widget-header{
    background: #1b0454  !important;
    border: 1px solid #1b0454  !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color: #000 !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    color: #000 !important;
    background: #efefef !important;
    border: 1px solid #efefef !important;
}
.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels .ui-state-default, .ui-jqgrid tr.footrow-ltr td{
    background: #1b0454  !important;
    color: #fff !important;
    font-weight: 400 !important;
}
.ui-state-default .ui-icon, .ui-widget-content .ui-state-default .ui-icon, .ui-widget-header .ui-state-default .ui-icon{
    color: #fff !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    border: 1px solid #efefef !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: 1px solid #89CEFF  !important;
    color: #000 !important;
    background:#89CEFF  !important
}
.ui-widget-content .ui-state-highlight.expanded, .ui-widget-content .jqgrow.expanded {
    border: 1px solid #89CEFF !important;
    color: #000 !important;
    background: #89CEFF !important;
}
.ui-jqgrid tr.ui-row-ltr.expanded td{
    border-right-color: #fff !important;
}
.ui-jqgrid tr.ui-row-ltr.expanded td.secondColumn, .ui-state-highlight, .ui-widget-content .ui-state-highlight .secondColumn{
    background: #89CEFF;
}
.ui-jqgrid .ui-subgrid td.subgrid-data{
    padding: 0px 0px !important;
    background:#E2F4FF !important;
    color: #000;
}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td{
    background:#E2F4FF !important;
    color: #000;
}
.ui-jqgrid .ui-jqgrid-pager{
    position: absolute !important;
    top:-1px !important;
}
/*  --.ui-jqgrid #Approvals_pager.ui-jqgrid-pager, #gbox_leave_list_records .ui-jqgrid-pager, #gbox_employee_leave_list_records .ui-jqgrid-pager, 
    #gbox_rsa_master_list_records .ui-jqgrid-pager, #gbox_rsakey_issue_list_records .ui-jqgrid-pager {
    display: none !important;
}   --*/
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div{
    padding: 2px 0px !important;
}

.ui-jqgrid tr.jqgrow td{
    white-space: nowrap !important;
    font-size: .85em;
    text-transform: capitalize !important;
    /*font-variant: small-caps !important;*/
}
.ui-jqgrid tr.ui-row-ltr .modal-dialog td{
    font-size: 1em !important;
}
 .ui-jqgrid tr.ui-row-ltr .modal-dialog th{
    font-size: 1.1em !important;
}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td{
    text-transform: uppercase !important;
    font-size: 1em;
}
.ui-jqgrid .ui-jqgrid-toppager{
    display: block;
    opacity: 0 !important;
}
.ui-jqgrid .ui-jqgrid-sortable .fa-paperclip{
    margin-top: 4px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ 
    font-family:  'Source Sans Pro', Helvetica, sans-serif !important;/*font-variant: small-caps !important;*/
}
.ui-widget select option{ color: #000;}
.progress.active .progress-bar.rightActive {
    -webkit-animation: progress-bar-stripesr 2s linear infinite !important;
    -moz-animation: progress-bar-stripesr 2s linear infinite !important;
    animation: progress-bar-stripesr 2s linear infinite !important;
}
.ui-jqgrid .ui-subgrid td.subgrid-data .ui-jqgrid .ui-jqgrid-htable th{
    background: #ddd !important;
    color: #000 !important;
}
.ui-widget-content .ui-state-default.cvteste, .cvteste {
    background-color: #CFCFCF  !important
 }
 .ui-jqgrid .loading{
     background: #fff !important;
 }
 .ui-jqdialog{ position:  fixed !important;}
#emp_wise_list_records .ui-th-subgrid, #yearly_reports .ui-th-subgrid, #daily_project_list_records .ui-th-subgrid, #run_rate .ui-th-subgrid{
    opacity:0.3 !important;
}
#list_records .ui-th-subgrid {
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden;
    border:0px !important;
    display: hidden !important;
    font-size: .1px !important;
}
a[href="http://www.amcharts.com/javascript-charts/"]{
    display: none !important;
}

/*------    eWon panel -----*/
.panel.panel-eWon{
    border:0px solid #ECECEC !important;
}
.panel-eWon .panel-heading{
    padding-left:3px !important; 
    padding-right: 0px;
}
.panel-eWon .panel-heading div input{
    vertical-align: middle;
}
.panel-eWon .panel-heading div.fr{
    position: relative;
    z-index: 100;
}

.goTop{
    background: none;
    border: 2px solid #438EB9;
}
/*--
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .boldFont,.ui-jqgrid tr.footrow td ,.table-bordered>thead>tr>th, .edctable tr th{
     font-family: 'Lucida Sans Unicode', Helvetica, sans-serif !important;
     font-weight: 600;
}--*/
.scrollToTop{
	padding:10px; 
	text-align:center; 
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:15px;
	right:40px;
	display:none;
}
.scrollToTop:hover{
	text-decoration:none;
}
.goTop{
    border-radius: 50%;
    height: 2.5em;
    width: 2.5em;
    color: #438EB9;
}


/*-----------    chat system ------*/
.chatListBlock{
    position: fixed;
    right: 0px;  
    height:85%;
    top: 10%;
    padding-left: 15px;
    z-index: 1000;
}
.chatListBlock .sticky-placeholder-wrapper, .chatListBlock input[type="text"]{
    width: 100%;
}
.filterInputBlock{
    padding: 5px 0px;
}
.searchContactBlock{
    position: absolute;
    background: #fff;
    left: -250px;    
}
#chatIconLi.cactive .fa-comments-o{ color: #46BBFF; }
.panel.panel-eWonTheme .panel-heading{ background: #438EB9 !important; color: #fff; padding: 5px 5px !important;}
.panel.panel-eWonTheme .panel-body{ border:1px solid #438EB9 !important; padding: 5px 0px 5px 5px !important;}
#left_searchoffline_users_div{ padding: 0px; margin: 0px;}
#left_searchoffline_users_div li.online{ list-style-type: none; padding: 0px; margin: 0px;}
div.media-body label{cursor:pointer; font-size:1em; color:#1b0454 ; line-height:28px; font-weight:600; text-transform: capitalize;}
.quick-chat-list{ padding: 0px; margin: 0px;}
.quick-chat-list li{ list-style-type: none; padding: 0px; margin: 0px;}
.quick-chat-list li a { font-weight: 400 !important; color: #1b0454 ; font-synthesis: 400;}
.chatStatusIcon{
    width:8px;
    height:8px;
    border-radius:50%;  
    margin: 0px;
    padding: 0px;
    border: 1px solid #fff;
}
.chatStatusIcon.online{ background: green; border: 1px solid green;}
.chatStatusIcon.offline{ background:#fff;}

/* ==============   leave module ====================*/
.leaveApplyBlock{}
.leaveApplyBlock p{margin: 3px 0px;}
.leaveApplyBlock p label{width: 10.5em;}
.leaveApplyBlock p select,.leaveApplyBlock p input,.leaveApplyBlock p .select2-container, .leaveApplyBlock p textarea{ width:22em; margin: 0px;}
.leavepoliciesBlock{ height:90%; position: absolute; right: 0px;top: 48px; overflow: auto; margin: 0px; left: 8px; padding: 0px;}
.holidaysBlock{
    width:100%;
    z-index: 200;
    background: #fff;
    right: 0px;
    padding: 20px 10px;
    min-height: 250px;
    padding-left: 15px;
}
.holidaysBlock .closeButton {
    width: 50px;
    background: #1b0454;
    text-align: center;
    padding: 4px 5px;
    margin-top: -12px;
    float: right;
    color: #fff;
    cursor: pointer;
    border-radius: 0px !important;
    position: static;
}
.closeButtonLveave{
}
.mainparaHead{ text-transform: uppercase; font-weight: 600;margin:2px 0px; margin-top:8px;}
.paraHead{ font-weight: 600; color: #1b0454; }
.leavepoliciesBlock ul{margin-left:30px; padding: 0px;}
.leavepoliciesBlock ul li{ list-style-type:disc !important; font-size: .9em;}
.leavepoliciesBlock ul li .fa{ color: #1b0454; font-size: .8em;}
.LeavePolicyMain{
    width: 370px;
    position: absolute;
    height: 88%;
    right: 0px;
    z-index: 200;
    background: #fff;
    border: 1px solid rgba(55, 55, 55, 0.27);
}
.zindex99999{ z-index: 99999 !important;}
.leaveDaysBtn{
    background: rgba(0, 105, 29, 1);
    color: #fff;
    padding: 3px 14px 5px;
    border-radius: 5px;
}
.empLeaveHistoryBlock{
    position: fixed;
    z-index: 99999;
    bottom: 15px;
    left: 153px;
}
.vmTable.edctable tr td{
    vertical-align: middle;
}
.spanColor{
    background-color: #efefef;
}
.smallCaps{
     font-variant: small-caps;
}

/* E50660  */
/* For Common save and cancel button lenght */
.btn-75{
    width:75px;
}