@font-face {
    font-family: 'Lato_Regular';
    src: url('../Fonts/Lato-Regular.ttf');
    src:url('../Fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
     url('../Fonts/Lato-Regular.woff?#iefix') format('woff'),
      url('../Fonts/Lato-Regular.svg?#iefix') format('svg');
    
}
@font-face {
    font-family: 'OpenSans_Regular';
    src:url('../Fonts/OpenSans-Regular.eot');
    src:url('../Fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/OpenSans-Regular.woff') format('woff'),
        url('../Fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../Fonts/OpenSans-Regular.svg') format('svg');
}
@font-face {
    font-family: 'OpenSans_Light';
    src:url('../Fonts/OpenSans-Light.eot');
    src:url('../Fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/OpenSans-Light.woff') format('woff'),
        url('../Fonts/OpenSans-Light.ttf') format('truetype'),
        url('../Fonts/OpenSans-Light.svg') format('svg');
   
}
@font-face {
    font-family: 'OpenSans_Italic';
    src:url('../Fonts/OpenSans-Italic.eot');
    src:url('../Fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/OpenSans-Italic.woff') format('woff'),
        url('../Fonts/OpenSans-Italic.ttf') format('truetype'),
        url('../Fonts/OpenSans-Italic.svg') format('svg');
}
@font-face {
    font-family: 'OpenSans_Bold';
    src:url('../Fonts/OpenSans-Bold.eot');
    src:url('../Fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/OpenSans-Bold.woff') format('woff'),
        url('../Fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../Fonts/OpenSans-Bold.svg') format('svg');
}

@font-face {
    font-family: 'Myraidpro_Regular';
    src: url('../fonts/myriadpro.eot');
    src: url('../fonts/myriadpro.eot?#iefix') format('embedded-opentype'), url('../fonts/Myraidpro_Regular.ttf') format('truetype'), url('../fonts/myriadpro.woff') format('woff'), url('../fonts/myriadpro.woff2') format('woff2');
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../Fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../Fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../Fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../Fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
*
{
margin: 0%;
padding: 0%;
}
html
{
	    margin: 0%;
    padding: 0%;
    height: 100%;
    width: 100%;

}
body
{
	margin: 0%;
	padding: 0% !important;
	background-color: white;
	position: relative;
    padding-right:0px !important;
}
.header
{
    background-color: #34383c;
    padding: 0%;
    padding:4px;
}
input[type=checkbox], input[type=radio] {
    margin: 0px 3px 1px;
    margin-top: 1px\9;
    line-height: normal;
}
.content_down {
  
position: relative;
  
top: 60px;
  
width: 99.6%;
  
float: left;
  
/* z-index: 1000; */
  
right: 0;
  
left: 0;
}
.logo_section {
    padding-top: 5px;
}
.profile_section {
    padding-top: 5px !important;
}

.logo_section img
{
  
}
.title 
{

}
.title h2
{
	color: #b1b7bb;
    font-family: 'OpenSans_Light';
/*    font-size: 47px; */
    margin-top: 0%;
    vertical-align: middle;
    margin-top: 0px;
        font-size: 32px;
       padding-top: 15px;
}
.title h2 span
{
	font-family: 'OpenSans_Italic';
	font-size: 32px;
}
.profile
{
    padding: 3px;
    margin: 0%;
    top: 0%;
}
.profile_title h3
{
    color: #cacdd0;
    font-size: 16px;
    font-family: 'Myraidpro_Regular';
    margin-top: 6px;
    padding-left: 14px !important;
}
.profile_title h3:hover
{
	color: #cacdd0;   

}
.profile_title
{
	padding: 4px;
}
.profile_dp 
{
        display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
     border: 2px solid #00a810;
	
}
.profile_dp img
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
	  
	    
}
.nexelus_link
{
	padding: 0%;
}
.nexelus_link img
{
    float: right;
}
.pointer
{
    cursor:pointer;
}
.content{
	
margin: 0%;
	
padding: 0%;
	
position: relative;
}

.content-area{
	
	padding-left:12px;
	padding-right:12px;
}

.sidemenu
{
	 background-color: #34383c /*#4d5f84*/;
    height: 100%;
    padding: 0%;
    margin: 0%;
    position: fixed;
    width: 83px;
    top: 60px;
    z-index: 3;
}
.sidemenu ul
{
	padding: 0%;
    margin: 0%;
    position: relative;
} 
.sidemenu ul li
{
	      list-style: none;
    display: block;
    text-align: center;
    /* margin-top: 10px; */
    color: #fff;
   font-size: 12px;
   padding: 10px;
   position: relative;
}  
.sidemenu ul a:hover
{
	text-decoration: none;
	color: #6e7ea1;
}
.sidemenu ul li:hover
{
	
	color: #79bfed;
}
.sidemenu ul li a i
{
	 font-size: 12px;
     padding: 10px;
}
.sidemenu ul a li i
{
	 display: block;
}

.navigation .active
{
	background-color: #777777/*#6e7ea1*/;
    padding: 0%;
    color: #fff;
    padding: 7px;
    font-family: 'OpenSans_Regular';
    font-size: 12px;
}
.sidemenu ul .active a
{
	background-color: #777777/*#6e7ea1*/;
    padding: 0%;
	color: #fff;
    padding: 10px;
	font-family: 'OpenSans_Regular';
	 font-size: 12px;
}
.brief_icon
{
	background: url('../images/brief.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .brief_icon
{
	background: url('../images/brief_active.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.campaign_icon
{
	background: url('../images/campaign.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
 	
}
.active .campaign_icon
{
	background: url('../images/campaign_active.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.mediaplan_icon
{
	background: url('../images/mediaplan.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .mediaplan_icon
{
	background: url('../images/mediaplan_active.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.rfp_icon
{
	background: url('~/MediaPlanning/images/rfp.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .rfp_icon
{
	background: url('../images/rfp_active.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.trafficking_icon
{
	background: url('../images/trafficking.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;

}
.active .trafficking_icon
{
	background: url('../images/trafficking_active.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;

}
.buying_icon
{
	background: url('../images/buying.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .buying_icon
{
	background: url('../images/buying_active.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.tracking_icon
{
	background: url('../images/tracking.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active.tracking_icon
{
	background: url('../images/tracking_active.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.closing_icon
{
	background: url('../images/closing.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .closing_icon
{
	background: url('../images/closing_active.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.setup_icon
{
	background: url('../images/setup.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .setup_icon
{
	background: url('../images/setup_active.png');
	content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.sidecontent
{
	position: relative;
    left: 80px;
    top: 60px;
    width: 94%;
    margin: 0%;
    padding: 0%;
    z-index: 0;
}
.sidecontent h3
{
	font-family: 'OpenSans_Regular';
	font-size: 20px;
        text-align: left;
        padding: 0%;

}
.search_row
{
	margin-bottom: 0px;
	text-align: right;
}
#search_row_placement
{
    padding:0%;
}
.search_row .left_heading {
    margin-bottom: 5px;
    text-align: left;
}
.searchbar {
    margin-top: 5px;
    padding: 0%;
    margin-bottom: 5px;
}
.search_row h3 {
    text-align: right;
}
.grid_layout 
{
}
.grid_row_1
{
	background-color: white/* #d4d7db*/;
	border-radius: 3px;
}
.grid_actions
{
	padding: 0%;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 0%;
    float: right;
}
.grid_actions ul
{
	padding: 5px;
    margin: 0%;
    float: right;
   padding-right: 10px;
}

.grid_actions ul li
{
	color: #fff;
	display: inline-block;
	list-style: none;
}

.grid_actions ul li a:before
{
	content: "";
/*	margin-left: 12px; */
}

.grid_actions ul li a
{
	display: inline-block;
	list-style: none;
	color: #fff/*#7b7b7b*/;
	font-size: 14px;
	font-family: 'OpenSans_Regular';
}
.grid_actions ul li a:after {
       margin-left: 8px;
}
.grid_actions ul li:not(:last-child) a:after {
    content: "|";
    color: white;
}


.grid_actions ul a:hover
{
	text-decoration: none;
	color: #79bfed;
}

.grid_actions ul li:hover
{
	color: #79bfed;
}
.grid_actions ul li i:hover{
    color: #fff;
    cursor: pointer;
}
.grid_actions .btn {
    display: inline-block;
    padding: 0px 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}



.grid_actions_customfields
{
	padding: 0%;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 0%;
    float: right;
}
.grid_actions_customfields ul
{
	padding: 5px;
    margin: 0%;
    float: right;
   padding-right: 10px;
}

.grid_actions_customfields ul li
{
	display: inline-block;
	list-style: none;
}


.grid_actions_customfields ul li a:before
{
	content: "";
	margin-left: 12px;
}
.grid_actions_customfields ul li a
{
	display: inline-block;
	list-style: none;
	color: #fff/*#7b7b7b*/;
	font-size: 14px;
	font-family: 'OpenSans_Regular';
}
.grid_actions_customfields ul li a:after {
       margin-left: 0px;
}
.grid_actions_customfields ul li:not(:last-child) a:after {
    content: "";
    color: white;
}


.grid_actions_customfields ul a:hover
{
	text-decoration: none;
	color: #79bfed;
}

.grid_actions_customfields ul li:hover
{
	color: #79bfed;
}
.grid_actions_customfields .btn {
    display: inline-block;
    padding: 0px 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*---------------------------------*/
.bread_crumbs {
    padding: 0%;
    margin-right: 0px;
    margin-top: 25px;
    margin-bottom: 0px;
    text-align: left;
}
.bread_crumbs ul
{
	padding: 0px;
    margin: 0%;
}

.bread_crumbs ul li
{
	display: inline-block;
	list-style: none;
}
.bread_crumbs ul li a:before
{
	/*content: "";*/
	margin-left: 0px;
}
.bread_crumbs ul li a
{
	display: inline-block;
	list-style: none;
	color: #666666/*#7b7b7b*/;
	font-size: 12px;
	font-family: 'OpenSans_Regular';
}



.bread_crumbs ul a:hover
{
	text-decoration: none;
	color: #79bfed;
}

.bread_crumbs ul li:hover
{
	color: #79bfed;
}

.bread_crumbs ul li a:after
{
	margin-left: 0px;
}

/*---------------------------------*/


.custom-checkbox
{
    width: 18px;
    height: 18px !important;
    margin: 4px 0 0 !important
}









.grid_row_2
{
    background-color: #7b7b7b;/*#6e7ea1*//*#2471af*/
    border-radius: 8px 8px 0px 0px !important;
    padding: 0%;
    width: 100%;
    z-index: 1;
}

.grid_row_3
{
    background-color: #7b7b7b;/*#6e7ea1*//*#2471af*/
    border-radius: 8px 8px 0px 0px !important;
    padding: 0%;
    width: 100%;
    /*z-index: 20;*/
}
.grid_row_header
{
        background-color: #133149 ;
}
 /*Nosheen CHANGES Start*/
.grid_mainheading
{
text-align: left;
    padding-left: 8px;

}
.grid_mainheading h3
{
    color: #fff;
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 18px;
    float: left;
}
.grid_heading h3 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 11px;
    font-size: 18px;
    text-align: right;
    /* float: right !important; */
    width: 100%; 


}
.top_nav_sub {
    /* width: 100%; */
    /* height: 26px; */
    /* min-width: 990px; */
    /* margin: auto; */
    /* padding: 2px 0 0 0; */
    background-color: transparent !important;
    /* border: solid 0px red; */
    /* float: right; */
    /* margin-top: 10px !important; */
    position: absolute !important;
    right: 15px;
    z-index: 2;
    top: 0;
}
ul.buttons_toolbar {
    /* position: absolute; */
    /* overflow: hidden; */
    /* height: auto; */
    margin: 0;
    padding: 0px;
    /* width: 100%; */
    /* list-style: none; */
    text-align: left;
    /* background: #D6D6D6 url(../img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x; */
    /* background-color: #E6EEF9; */
    border: 0px solid #BBB;
    float: right;
    text-align: right !important;
}
ul.buttons_toolbar li {
    /* font-size: 0.9em; */
    font-family: "OpenSans_Regular";
    margin: 0;
    padding: 0px;
    float: left;
    color: #fff !important;
    border: 1px solid transparent;
    border-right-color: transparent !important;
    border-right-color: transparent !important;
    cursor: pointer;
    list-style: none;
    min-height: 40px !important;
    float: initial !important;
    display: inline-block;
    background-color: transparent !important;
    border-radius: 0px;
}
ul.buttons_toolbar li a {
    color: #fff !important;
    text-decoration: none;
    outline: none;
    display: inline-block !important;
    border: solid 0px red;
    font-family: 'OpenSans_Regular';
    /*padding: 11px 10px !important;*/
    font-size: 13px !important;
}
ul.buttons_toolbar li img {
    float: left;
    /* padding: 0px 2px 0 5px; */
    /* margin-right: 6px; */
    vertical-align: baseline;
    width: 20px;
    vertical-align: middle;
}
.grid_subheading h3
{
	 color: #fff;
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 18px;
    float: left;
}

 /*Nosheen CHANGES End*/
.grid_add
{
	background-color: #4d5f84/*#2c8ad5*/;
    padding: 15px;
	text-align: center;
	border-radius: 3px 8px 0px 0px;
}
 /*Nosheen CHANGES Start*/
.searchbar #target {
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: 6px;
    border: 1px solid #DADADA;
    margin-top: 10px;
    padding-left: 35px;
    width: 100%;
    height: 35px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
 /* For Mozilla Web Browser*/;
}
.searchbar #target:after
{
	content: "|";
}
/*Added by Hamza*/
.searchbarSC .TxtTargetSC {
    background-image: url(../../images/search.png);
    background-repeat: no-repeat;
    background-position: 6px;
    border: 1px solid #DADADA;
    padding-left: 35px;
    width: 100%;
    height: 35px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
 /* For Mozilla Web Browser*/;
}
.searchbarSC .TxtTargetSC:after
{
	content: "|";
}
.searchbar .searchbar_two {
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: 6px;
    border: 1px solid #DADADA;
    margin-top: 10px;
    padding-left: 35px;
    width: 100%;
    height: 35px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
 /* For Mozilla Web Browser*/;
}
.searchbar .searchbar_two:after
{
	content: "|";
}

 /*Nosheen CHANGES End*/
.grid_data
{
	margin: 0%;
	padding: 0%;
}
#expenseTrxTable{
     position:relative;
  
}
.table>thead
{
	background-color: white; /*#a4aeb9*/
	font-size: 12px !important;
	font-family: 'OpenSans_Regular';
	font-weight: bold;
	color: #666666;/*#fff*/
	border-bottom: 1px solid transparent !important;
}
.projectEstimation>thead{
    background-color: transparent; /*#a4aeb9*/
    font-size: 12px !important;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    color: #666666;/*#fff*/
}
.projectEstimation>thead>tr>th{

    vertical-align: bottom;
    border-bottom: 1px solid #727272 !important;
    color: #777777 !important;
    font-weight: 600 !important;
    text-align: center !important;
    font-size: 14px;
    text-transform: uppercase !important;
    font-family: "Open Sans",sans-serif;
}
.projectEstimation>tbody>tr>td{
    text-align :center;
}
.table>thead>tr>th {
   vertical-align: bottom;
   border-bottom: 0px solid #ccc;
   color: #000;
   font-weight: bolder;
   font-size: 12px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th{
 vertical-align: bottom;
 border-bottom: 0px solid #ccc;
 color: #000;
 /* font-weight: bolder; */
 font-size: 12px;
}
.lookup_panel>thead>tr>th{
        vertical-align: bottom;
    border-bottom: 0px solid #666666 !important;
    color: #fafafa;
    font-weight: 600;
}
.table>tbody>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd !important;
    font-family: 'OpenSans_Regular';
    color: #000;
    font-size: 12px;
    /* word-break:break-word; */
    /* position: relative; */
    border-bottom: 0px solid transparent !important;
}
.table>tbody>tr>td>input[type=checkbox], input[type=radio] {
    width: 15px;
    height: 15px;
    border: 0px solid;
}

.table>thead>tr>th>input[type=checkbox], input[type=radio] {
    width: 15px;
    height: 15px;
    border: 0px solid;
}

.mytd {
   padding: 0px !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f6f8fa;
}
.table>tbody>tr:last-child { 
 
border-radius: 0px 0px 3px 3px;
}
.table>tbody>tr:last-child>td:last-child { 
 
border-radius: 0px 0px 5px 0px;
}

.table>tbody>tr:last-child>td:first-child{ 
 
border-radius: 0px 0px 0px 5px;
}
.table>tbody>tr:last-child>td:first-child{ 
 
border-radius: 0px 0px 0px 5px;
}
.table>tbody>tr>td i{
  font-style: normal;
  /* font-size: 18px !important; */
  /* text-align: right; */
}
.arrow_left_icon:before
{
	    background: url('../images/arrow_left.png');
    content: "";
    display: block;
    width: 10px;
    height: 11px;
    background-size: 100%;
    text-align: center;
    margin: 2px auto;
    float: left;
}
.arrow_down_icon:before
{
	    background: url('../images/arrow_down.png');
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-size: 100%;
    text-align: center;
    margin: 2px auto;
    float: left;
}
.level2_td
{
	padding-left: 20px !important;
}
.level3_td
{
	padding-left: 40px !important;
}
.level4_td
{
	padding-left: 60px !important;
}
.level5_td
{
	padding-left: 80px !important;
}
.dropdown-menu {
 
    min-width: 185px;
   
}
.navigations_main
{
	 background-color: #174c78;
}
.sub_navigations
{
	    background-color: #174c78;
	    padding: 0%;
	    z-index: 0;
}
.padd {
    padding-top: 14px;
    padding-bottom: 14px;
}
.nav-padding {
    padding:0%;
}
.sub_navigations ul {
   
	      padding: 0%;
    margin: 0%;
}
.sub_navigations ul li
{
	     display: inline;
    list-style: none;
    /* margin: 0%; */
    /* margin-right: 15px; */
    color: #fff;
    /* height: 20px; */
    padding: 0%;
    float: left;
    display: block;
       padding: 10px 9px;
    border-right: 1px solid #7494ad;
    font-family: 'OpenSans_Regular';
    font-size: 14px;
}
.sub_navigations ul li:hover
{
	cursor: pointer;
    background-color: rgba(255, 255, 255 , 0.5);
}

.sub_navigations .nohover
{
    background-color: #174c78 !important;
	color:#999999 !important;
	cursor:default !important;
}

.sub_navigations ul .active
{
  background-color: #0089eb;
}
.sub_navigations ul li a
{
    color: #fff;
    text-decoration: none;
    font-family: 'OpenSans_Regular';
    font-size: 14px;
}

.under-sub-nav {
     background-color: #ABAFB9;
    padding: 0%;  
}
.under-sub-nav {
   
	     margin-top: 4px;
    margin-bottom: 4px;
}
.under-sub-nav ul li
{
	     display: inline;
    list-style: none;
    /* margin: 0%; */
    /* margin-right: 15px; */
    color: #fff;
    /* height: 20px; */
    padding: 0%;
    float: left;
    display: block;
    padding: 7px 24px;
    border-right:1px solid #D8D8D8
}
.under-sub-nav ul li:hover
{
	cursor: pointer;
    background-color: #B6C1DA;
}
.under-sub-nav ul .active
{
  background-color: #919BB1;
}
.under-sub-nav ul li a
{
    color: #fff;
    text-decoration: none;
}


.mediaplan
{


}   
.edit_mediaplan 
{
	width: 100%;
	margin: 2px 0px;
      color: #34383c;
}
.edit_mediaplan span
{
      color: #024884;
	  text-decoration: underline;
}
.edit_mediaplan h3
{
      color: #024884;
}
.edit_mediaplan .checkbox {
   text-align: center;
   padding-top: 0px;
}
.mediaplan .grid_data {
         margin: 0%;
    padding: 0%;
    /* width: 95%; */
    /* margin: 0 2.5%; */
    border-radius: 0px 0px 6px 6px;
}

.sub_navigations .grid_actions
{
	padding: 0%;
    margin-right: 2px;
    margin-top: 5px;
    margin-bottom: 0%;
    float: right;
}
.sub_navigations .grid_actions ul
{
	padding: 5px;
    margin: 0%;
    float: right;
}

.sub_navigations .grid_actions ul li
{
	display: inline-block;
	list-style: none;
}
.sub_navigations .grid_actions ul li a:before
{
	content: "";
	margin-left: 12px;
}
.sub_navigations .grid_actions ul li a
{
	display: inline-block;
	list-style: none;
	color: #fff/*#7b7b7b*/;
	font-size: 14px;
	font-family: 'OpenSans_Regular';
}



.sub_navigations .grid_actions ul a:hover
{
	text-decoration: none;
	color: #79bfed;
}

.sub_navigations .grid_actions ul li:hover
{
	color: #79bfed;
}

.sub_navigations .grid_actions ul li a:after
{
	content: "|";
	margin-left: 12px;
}
.sub_navigations .grid_actions ul li a:last-child:after  
{
    content: "";
}
    
.form-control {
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: 'OpenSans_Regular';
    font-size: 14px;
}
.btn
{
    padding-left: 15px;
    padding-right: 15px;
    min-width: 63px;
    min-height: 34px;
}
.btn-default {
    color: #333;
    background-color: #cdd0d5;
    border-color: #adadad;
}
hr
{
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #000;
    width: 100%;
    float: left;
}
.grid_actions_left
{
	float: left;
}
.grid_actions_left ul
{
	float: left;
}
.vendor_time
{
   /* padding: 0%;
    margin-bottom: 14px; */
}
.form-box-calender {
    border-radius: 0px;
    background: white;
    box-shadow: none;
    border: 1px solid #CECECE;
    color: #333;
 background: url('../../images/calendar.png') 99% 49% no-repeat;
}

.campaign {
    background-color: #fff;
    padding: 0%;
    width: 98%;
      margin: 0 1%;
}

.campaign .form-control {
    width: 100%;
    min-height: 34px;

}


.campaign .form-horizontal .{
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}
.campaign p 
{
   font-family: 'OpenSans_Regular';
   font-size: 15px;
   color: #5F5F5F;
}
.btn-normal 
{
    width:200px  !important;
}
.btn-small
{
    /* min-width: 100px  !important; */
}
.rfp
{
	background-color: #fff;
    padding: 0%;
    width: 98%;
    margin: 0 1.1%;
}
.rfp .form-control {
    width: 100%;

}

.rfp .form-horizontal .{
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

.rfp textarea.form-control {
    height: auto;
}
.rfp_action_panel
{
	    background-color: #174c78;
    padding: 0%;
}
.rfp_action_panel .sub_navigations
{
	    background-color: transparent;
}
.edit_placement
{
	width: 80%;
	margin: 0 10%;
}

.rfp_placement
{
	width: 90%;
}

.rfp_placement label
{
	    text-align: left;
}
.rfp_placement h3
{
	font-family: 'OpenSans_Regular';
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
       color: #333;
}
.placement_checkbox {
	margin-left: 8.66%;
}
.trafikking_checkbox {
	margin-left: 8.66%;
}
.placement_checkbox .form-control {
    width: 73%;
	margin-left: 11px;
}
.trafikking_checkbox .form-control {
    width: 73%;
	margin-left: 11px;
}
.submit_btn
{
	    text-align: center;
}


.rfp .grid_row_1
{
	background-color: #d4d7db;
	border-radius: 3px;
}
.rfp  .subnavigation_depth3
{
	padding: 0%;
    margin-top: 5px;
    margin-bottom: 0%;
    float: right;
}
.rfp  .subnavigation_depth3 ul
{
	padding: 5px;
    margin: 0%;
    float: right;
}

.rfp  .subnavigation_depth3 ul li
{
	display: inline-block;
	list-style: none;
}
.rfp  .subnavigation_depth3 ul li a:before
{
	content: "";
	margin-left: 12px;
}



.rfp  .subnavigation_depth3 ul a:hover
{
	text-decoration: none;
	color: #79bfed;
}

.rfp  .subnavigation_depth3 ul li:hover
{
	color: #79bfed;
}

.rfp  .subnavigation_depth3 ul li a:after
{
	content: "|";
	margin-left: 12px;
}

.rfp  .subnavigation_depth3 ul li a:last-child:after
{
	content: "";
}

.rfp  .grid_actions_down ul li a{

    display: inline-block;
    list-style: none;
    color: #7b7b7b;
    font-size: 14px;
    font-family: 'OpenSans_Regular';
    text-shadow: 0.5px 0.4px 0px #000;
}
.mediaplan_btn
{
    margin-top: 1%;
    margin-bottom: 5px;
    text-align: left;
}

.filters_list
{
	text-align: left;
	    position: absolute;
    width: 100%;
    z-index: 5;
	background-color: #fff;
}
.list-group a
{
	
     /* background: url('../images/left_arrow.png') no-repeat center right;
    background-position: 97%; */
        color: #6c336c;
	
}
.filters_list ul li a.list-group-item:focus, li a.list-group-item:hover, li button.list-group-item:focus, li button.list-group-item:hover
{
	    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
	
}

.sample 
{
    text-align: left;
    border: 1px solid #ccc;
    padding-bottom: 11px;
    border-radius: 2px;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 50;
    padding-top: 4px;
    display:none;
}
.sample .radio input[type="radio"]:checked{ 

border-bottom: 2px solid #000;

 } 
 
.sample .col-md-12 , .sample label
{
    padding: 0%;
    margin: 0px;
    margin-top: 2px;
	
}
.selectedoption
{
	font-weight: 600;
}
.tags li
{
	list-style: none;
    display: inline-block;
    background-color: #DEE7F8;
    padding: 5px;
    border-radius: 3px;
    margin-top: 8px;
    margin-right: 6px;
}
 
 .dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
#close {
       float: right;
    display: inline-block;
    padding: 0px 5px;
}
#close:hover {
   cursor: pointer;
}

#closeSC {
       float: right;
    display: inline-block;
    padding: 0px 5px;
}
#closeSC:hover {
   cursor: pointer;
}

.checkbox label, .radio label {
    /* min-height: 20px; */
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
}

.control {
    display: inline-block;
    position: relative;
    padding-left: 20px !important;
    margin-bottom: 5px !important;
    cursor: pointer !important;
    /* font-size: 18px !important; */
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
     position: absolute;
    top: 3px;
    left: 0;
    height: 14px;
    width: 14px;
    background: transparent;
    border: 1px solid #333;
    border-radius: 4px;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
{
  background: transparent;
}
.control input:focus ~ .control__indicator {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.control input:checked ~ .control__indicator {
    border: 1px solid transparent;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
        left: 0px;
    top: -4px;
    width: 3px;
    height: 8px;
    /* border: 1px solid #0375c8; */
    /* border-width: 0 10px 8px 0; */
    content: "\f046";
    color: #0375c8;
    font-family: FontAwesome;
    font-size: 17px;
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}










.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    float: right;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 0px; 
    margin-top: 0;
    margin-bottom: 0;
}
.modal-title label{
    margin: 0;
    line-height: 1.42857143;
    font-size: 20px;
}
@media screen and (max-height: 28.75em)
{
.brief_icon
{
	background: url('../images/brief.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .brief_icon
{
	background: url('../images/brief_active.png');
	content: "";
    display: block;
   width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.campaign_icon
{
	background: url('../images/campaign.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
 	
}
.active .campaign_icon
{
	background: url('../images/campaign_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.mediaplan_icon
{
	background: url('../images/mediaplan.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .mediaplan_icon
{
	background: url('../images/mediaplan_active.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.rfp_icon
{
	background: url('~/MediaPlanning/images/rfp.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .rfp_icon
{
	background: url('../images/rfp_active.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}

.proposal_icon
{
	background: url('../images/proposal.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .proposal_icon
{
	background: url('../images/proposal_active.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.trafficking_icon
{
	background: url('../images/trafficking.png');
	content: "";
    display: block;
  width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;

}
.active .trafficking_icon
{
	background: url('../images/trafficking_active.png');
	content: "";
    display: block;
   width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;

}
.buying_icon
{
	background: url('../images/buying.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .buying_icon
{
	background: url('../images/buying_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.tracking_icon
{
	background: url('../images/tracking.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .tracking_icon
{
	background: url('../images/tracking_active.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.closing_icon
{
	background: url('../images/closing.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .closing_icon
{
	background: url('../images/closing_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.setup_icon
{
	background: url('../images/setup.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .setup_icon
{
	background: url('../images/setup_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
}
@media screen and (max-height: 56.142em)
{
.sidemenu ul li {
    list-style: none;
    display: block;
    text-align: center;
    /* margin-top: 10px; */
    color: #fff;
    font-size: 12px;
    padding: 6px;
}
.brief_icon
{
	background: url('../images/brief.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .brief_icon
{
	background: url('../images/brief_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.campaign_icon
{
	background: url('../images/campaign.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
 	
}
.active .campaign_icon
{
	background: url('../images/campaign_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.mediaplan_icon
{
	background: url('../images/mediaplan.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .mediaplan_icon
{
	background: url('../images/mediaplan_active.png');
	content: "";
    display: block;
      width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.rfp_icon
{
	background: url('~/MediaPlanning/images/rfp.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .rfp_icon
{
	background: url('../images/rfp_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.proposal_icon
{
	background: url('../images/proposal.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .proposal_icon
{
	background: url('../images/proposal_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.trafficking_icon
{
	background: url('../images/trafficking.png');
	content: "";
    display: block;
  width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;

}
.active .trafficking_icon
{
	background: url('../images/trafficking_active.png');
	content: "";
    display: block;
 width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;

}
.buying_icon
{
	background: url('../images/buying.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .buying_icon
{
	background: url('../images/buying_active.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.tracking_icon
{
	background: url('../images/tracking.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .tracking_icon
{
	background: url('../images/tracking_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.closing_icon
{
	background: url('../images/closing.png');
	content: "";
    display: block;
   width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .closing_icon
{
	background: url('../images/closing.png');
	content: "";
    display: block;
   width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.setup_icon
{
	background: url('../images/setup.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .setup_icon
{
	background: url('../images/setup_active.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
}

.wide-modal {
    width: 1100px;
}
.number-modal{
       width: 1200px;
}
.number-modal .tile_count .tile_stats_count .count {
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
}
.link_from_navigation {
color:white;
}

.link_from_navigation_span_title {
color:#BBBBBB;
}

.link_from_navigation:hover {
	color: #cacdd0;   
}

.header-container {
    margin: 0%;
    padding: 0%;
    float: left;
    width: 60%;
}

.rfp-selection {
    
}



/* umair css Start Here */
#buyingMainTable thead tr th:nth-child(13)
{
  padding-right: 5px !important;
}
#CampaignSearchResults tbody tr td:nth-child(11)
{
    text-align: right;
    padding-right: 14px;
}
.paddingtwo 
{
    padding: 2px;
}
.inlineBlock 
{
   display: inline-block !important;
}
.proposal_placement_icon
{
	background: url(../../MediaPlanning/images/icn_proposal.png);
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100%;
    vertical-align: middle;
}
#CampaignSearchResults tbody tr td:nth-child(11)
{
    text-align: right;
    padding-right: 14px;
}
.linkunlink {
    padding-bottom: 25px;
    padding-left: 0px;
}
.alignright 
{
    text-align: right;
}

#buyingMainTable tbody tr .details:hover 
{
    background-color:White !important;
}


.padding-left14 
{
    padding-left:14px !important;
}
.procontent-area 
{
    padding: 0px 4px 0px 6px;
}
.custom-procontent-area 
{
    padding: 0px;
}
#selectedSitesTable tbody tr .details:hover 
{
    background-color:White !important;
}
.rfpsitetxt 
{
    text-align: left;
    padding-left: 6px;
    padding-top: 4px;
}

.ellipsis-100
{
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}
input[type="file"] 
{
    height: auto !important;
}
.paddtopSix 
{
    padding-top: 6px !important;
 }
.creativelastupdate 
{
    color: #494949;
    font-family: 'OpenSans_Regular';
    font-size: 12px;
 } 
.creativerefbtn 
{
    background: #494949 !important;
    color: white !important;
    border: 0px solid !important;
    border-radius: 0px !important; 
    margin-right: 9px !important;
}
.headfont 
{
color: #e6e6e6;
    font-family: 'OpenSans_Regular';
}
.selectSitepadd {
    padding: 0px 20px 0px 20px;
}
.margintopseven 
{
    margin-top:7px;
}

.paddtoptwentyfive 
{
  padding-top: 25px !important;
}




/*#buyingMainTable tbody td:nth-child(9)

{
    text-align: left;
    padding-right: 36px;
    padding-left:30px;
}
#buyingMainTable thead th:nth-child(9)

{
    text-align: center;
    padding-right: 36px;
}*/


#rfpSitesTable thead  
{
    background: grey;
    color: white;
}

#rfpSitesTable thead th
{
    padding-left:0px !important;
}

#rfpSitesTable tbody tbody td:nth-child(1)  
{
    width: 8%;
}
#rfpSitesTable tbody td {
    padding: 2px;
    padding-top: 8px;
}
#rfpSitesTable tbody table thead
{
   background: #acbad4 !important;
    color: white;
}
#rfpSitesTable tbody table 
{
    padding: 0px;
    margin: 0px; 
}
.fullWidth 
{
  width: 100% !important;
  margin: 0px !important;
}
.mapTxt 
{
padding-top:12px;
text-align: justify;
}
   
.newClientPlacement 
{
    display: none;
}
.disableexport 
{
    pointer-events: none !important;
    color: #000000 !important;
    cursor: not-allowed !important;
}
.disableexport a 
{
        color: #a7a7a7 !important;
}

.multihead 
{
    font-size: 11px !important;
    padding-right: 16px !important;
}

.placeDimen
{
        font-size: 12px;
    color: #ccc !important;
    font-family: 'OpenSans_Regular';
}
.gotomediaplan 
{
  padding: 6px 0px 4px 15px;

}
.rfp-Pmargin 
{
        margin: 0 0 -8px;
}
.autohight 
{
    height: auto !important;
}

.mythead
{
	    font-size: 13px !important;
}

.crtivecheckbox-position
{
     position: relative;
    top: 5px;
    left: -4px;
}
.creativeform-width
{
   width: 70% !important;
}
.customfield-trunc 
{
    white-space: nowrap !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-right: 30px;
}

.customfield-trunc:focus::-webkit-input-placeholder {
    white-space: nowrap !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.disableLink 
{
    pointer-events: none !important;
    color: #b7b7b7 !important;
    cursor: not-allowed !important;
}
.disableLinkNC 
{
    pointer-events: none !important;
    cursor: not-allowed !important;
}
.modeldailog {
    width: 50%;
}
.modelheight {
height: 379px;
overflow-y: scroll;
}
.error-modeltext {
    color: #333333;
    font-size: 15px;
    font-family: OpenSans_Regular;
    padding-top: 9px;
}
.errorico {
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-redious: 5px;
    border-radius: 50px;
    color: grey;
    color: white;
    background-color: #727272;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding-top: 3px;
    font-family: OpenSans_Regular;
}
#estimateAmtPopup 
{
    float: left;
}
#ioAmtPopup 
{
    float: left;
 }
.buyinginclude-text 
{
    font-family: 'OpenSans_Regular';
    font-size: 14px;
    position: relative;
        display: inline-block;
    top: -4px;
    left: 5px;
}

.buyinghead-percent 
{
    width: 18% !important;
}
.buyingmenu-percent 
{
    width: 82% !important;
}
#buyingheading h3
{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    height: 20px;
}


.buyingamount 
{
    padding: 0px !important;
    text-align: right !important;
 }

.linkplacement-padd
{
    padding-left: 30px;
}

.timeperiod-field-css 
{
   padding: 0%;
   width: 35%;
}

.margin-minus-left15 
{
    margin-left: -15px !important;
}
.ImpressionRatio-width 
{
width: 105%;
}
.dmc-impression-mleft  
{
     margin-left: -15px;
    margin-right: 10px;
}
.margin-bottom8 
{
       margin-bottom: 7px !important;
}
.padding-left4 
{
  padding-left: 4px !important;
}

.padd-left-six 
{
  padding-left: 6px !important;
}
.arrow7 {display: none;}
.arrow8 {display: none;}
.arrow9 {display: none;}
.arrow10 {display: none;}
.arrow11 {display: none;}

.multiedit-tablecolmn 
{
width: 13%;padding-left: 17px;
}
.imgpopup-close 
{
       opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25) !important;
    padding: 6px 11px 8px 12px !important;
    font-size: 19px;
    border-radius: 28px !important;
    border: 2px solid rgb(255, 255, 255) !important;
    position: absolute !important;
    top: -15px;
    right: -27px;
    z-index: 1032;
    text-align: center;
}

.imgpopup-close:hover 
{
      opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25) !important;
    padding: 6px 11px 8px 12px !important;
    font-size: 19px;
    border-radius: 28px !important;
    border: 2px solid rgb(255, 255, 255) !important;
    position: absolute !important;
    top: -15px;
    right: -27px;
    z-index: 1032;
    text-align: center; 
}
.group-revisepo 
{
    width: 100%;
    float: left;
    margin-top: 14px;
    margin-bottom: 0px;
}
.head-revisepo
{
       padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.revisepo-bordertop-zero
{
       padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 0px solid #e5e5e5;
}
.discountTierspadding-left 
{
    padding-left: 23px !important;
}
.discountTiers-padding 
{
    padding:6px !important;
}
.mediavehcle-checkbox
{
    /*padding-top: 8px !important; #23719 Alignment of override get disturbed on media vehicle screen */
}

.customfield-label 
{
    white-space: nowrap;
    /* width: 100%; */
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
}

.padding-ten 
{
    padding:10px !important;
}
.padding-left-ten 
{
    padding-left:10px;
}
.padding-top-zero 
{
    padding-top: 0px !important;
}
.campaign-left-padding 
{
        padding-left: 5px !important;
 }
.multiedit-width 
{
   width: 8.5%;
}
.placement-multiedit-toggle 
{
    display: none;
}
.modal-menu 
{
  padding-bottom: 6px;
}
.modal-menu ul 
{
    float: right;
    display: inline-flex;
    color: black;
}

.modal-menu ul li 
{
     display: block;
    font-size: 17px;
    padding-left: 18px;
    color: black;
}

.modal-menu ul li a {
    color: #333333;
    text-decoration: none;
}

.add-dim 
{
    font-size: 11px !important;
    position: relative !important;
    top: -3px !important;
    left: 5px !important;  
}
.form-76-percent
{
            margin-right: 5px;
    width: 45.5% !important;
}
.clickimp 
{
    text-align:right !important; 
}
.clickimp:-moz-placeholder 
{
    text-align:right !important; 
}
.clickimp:-webkit-input-placeholder 
{
    text-align:right !important; 
}

.align-right
{
    text-align:right;
}
.btn-truncate 
{
    white-space: nowrap;
    width: 215px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lbl-truncate
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bulk-pop-head {
        background-color: grey !important;
    color: white !important;
    padding: 12px !important;
    border-radius: 2px 2px 0px 0px;
    text-align: center;
}

.select-width  
{
    float: right !important;
   overflow: hidden !important;
   -moz-text-overflow: ellipsis !important;
    -webkit-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
}
.select-width-option {
width: 100%;
float: right !important;
overflow: hidden !important;
   -moz-text-overflow: ellipsis !important;
    -webkit-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
max-width: 100%;
}

    
.noBorderRadius
{
    border-radius: 0px !important;
}
.height-auto 
{
height :auto !important;
}
.media-forms-margin 
{
        margin-bottom: 15px;
}
#campaignNameDiv h3
{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    margin-top: 9px;
    margin-bottom: 4px;
    height: 26px;
 }
 #mediaplanNameDiv h3
{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    height: 22px;
    margin-top: 9px;
    margin-bottom: 9px;
 }
  #mediaplanNameDiv h3 i
{
    padding-right: 5px;
    width: 100%;
 }
#purposalNameDiv h3
{
  white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    height: 22px;
    margin-top: 9px;
    margin-bottom: 9px;
 }
 
 #campaignNameDiv h3 i
{
    padding-right: 5px;
    width: 100%;
 }
 #rfpNameDiv h3
{
  white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    height: 22px;
    margin-top: 9px;
    margin-bottom: 9px;
 }
  #rfpNameDiv h3 i
{
    padding-right: 5px;
    width: 100%;
 }
.btn-custome-width 
{
  width:100px;    
}

.head-label
{
    margin: 0 !important;
    font-size: 16px !important;
}
.popup-sm-header 
{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
 }
.popup-sm-close 
{
        margin-top: 6px !important;
}
.popup-sm-body 
{
padding:0px !important;
}
.popup-sm-form 
{
  margin: 0px !important;
    margin-top: 4px !important;
 }
 .popup-sm-hr 
 {
      margin-top: 5px !important;
    margin-bottom: 2px !important;
    width: 100%;
    float: left;
    
 }
 .popup-sm-footer 
 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    text-align: center;
 }

.camp-enddate-label { text-align: right; padding-right: 52px; }
.details-properties {display:block; }
.details-landingpage {display:none; margin-top: 20px;}
.details-documents {display:none; margin-top: 20px;}
.details-comments {display:none; margin-top: 20px;}
.campaign-spacing 
{
        margin-bottom: -5px;
  }
.campaign-remaining-space 
{
    padding: 0px;
    padding-left: 21px;
}
.margin-zero 
{
margin:0px;
}
.padd-mar-zero {
    padding: 0px;
    margin: 0px;
    float: left;
}
.active-space 
{
     width: 10% !important;
    padding-left: 40px !important;
 }
.discount-bt {}

.align-center 
{
 text-align:center;   
 }
.detailsform-checkbox 
{
        padding-top: 6px !important;
        }

.detailsform-padding 
{
        padding-left: 27px;
        }
.grid_row_details
{
    background-color: #6E7D89;/*#6e7ea1*//*#2471af*/;
    padding: 0%;
    width: 99.9%;
    z-index: 20;
}

.heading-padding 
{
   padding-left: 5px !important;
}
.advertise-label-width 
{
    width: 12%;
 }
.udf-form-margin
{
        margin-bottom: 21px;
 }
.padd-search-crt
{
       padding: 0%;
}
.zero-width 
{
width:0%;    
}
.udf-new-btn 
{
width: 92px;
}
.udf-list-spacing 
{
width: 4%;
}
.col-md-label
{
       width: 10.333333%;
}
.container-width 
{
   /* width:100% !important; */
   }
.placement-menu 
{
        letter-spacing: -0.1px;
            margin-bottom: 0.3% !important;
}
.placement-popup
{
        z-index: 1232423423423 !important;
        }
.udf-cont-padding 
{
    padding-left: 100px !important;
    padding-right: 100px !important;
}
.udf-table 
{
    width: 30px !important;
    }
    .udf-table2
{
    width: 50px !important;
    }
        
 .udf-table3
{
    width: 271px !important;
    }
       
#dvMessagePanel 
{
  display:none;
}
.Interim-heading 
{
    padding-left:14px;
    }
.udf-mandatory 
{
        width: 10% !important;
}
.udf-padding 
{ 
    padding: 8px !important;
    } 
.udf-width {
 width: 20.9%;
     padding-top: 8px;
}
.align-right 
{
    text-align: right;
}
.margin-bottom 
{
        margin-bottom: 11px !important;
 }
.zero-padding 
{
    /* padding: 0% !important; */
}
.zero-marginBottom{
    margin-bottom: 0px !important;
}
.popup1-index 
{
     z-index: 1049 !important;   
}
.udfSearch {
    width: 98%;
    padding: 0%;
    margin: 0 1%;
}
.udfTabsScreen 
{
    width: 99%;
    margin-left: 1%;
}
.auth-hight 
{
    line-height: 2 !important;
}

.popup-width 
{
 width: 67%;
}

.popup-bg 
{
background-color:White;
box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.popupbg 
{
    background-color:White;
 } 
.popup-fileupload 
{
 position: absolute;
 top: 20%;
 left: 29%;
}
.popup-table 
{
    width:100% !important;
}
.udf-label 
{
    text-align: right !important;
    width: 12% !important;
}
.udf-check 
{
    width: 4% !important;
    padding-top: 6px !important;
}
.linkcolor 
{
    color:#4F4B4B;
}
.linkcolor:hover {
    color:#4F4B4B !important;
}

.mytable {
     width: 100% !important;
}
.mytable tr { 
     cursor: pointer;
}

.rfp-main {}
.rfp-comments { }
.rfp-document { }
.rfp-placement { }
.rfp-customfield { }
.rfp-selection { }
.rfpscreen {}
.proposalscreen{}
.placement-form {}

.placement-form-toggle {display:none;}
.rfpscreen-toggle {}
.proposalscreen-toggle {}

.proposal-sub {}

.rfp-comments-toggle {display:none;}
.rfp-document-toggle {display:none;}
.rfp-placement-toggle {display:none;}
.rfp-customfield-toggle {display:none;}
.rfp-selection-toggle {display:none;}
.rfp-response-mapping-toggle {display:none;}


.v-center {
  height: 100vh;
  width: 100%;
  display: table;
  position: relative;
  text-align: center;
}
.v-center > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10%;
}

.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  padding-right: 0px !important;
  left: 10%;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

.modal-box ul {

}
.modal-box ul li {

}


.setup
{
	
}
.setup h3
{
	    color: #333;
    font-size: 16px;
    display: inline-block;
    font-family: 'OpenSans_Regular';
}


.setup h3 .material-icons{
    vertical-align: middle !important;
}
.setup h3:before {
    /*background: url('../images/status.png');
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: 100%;
    /* position: absolute; */
    /* left: -15px; */
    /* bottom: 15px; */
    /*vertical-align: middle;
    margin-right: 10px;*/
}

.auth-td 
{
    padding-top: 15px !important;
    padding-bottom: 17px !important;
 }


.error-wrapper 
{
        height: 100%;
    width: 100%;
    text-align: center;
   
}
.error_container  {
           position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
          
 }
.oops {
           font-size: 90px;
    color: #000;
    text-align: center;
}

.nofound {
    color: red;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding-top: 9px;
}
.occure {
    color: #2E3944;
    font-size: 18px;
    text-align: center;
    padding-top: 24px;
}
.errorbt {
    background-color: #FFFFFF !important;
}

.input-my
{
 
}     

.lookup-pagination 
{
       float: right !important;
    padding-left: 22px !important;
    font-size: 14px;
    
 }
     .row
        {
            margin: 0px !important;
        }
 
    .marginbottom 
{
    margin-bottom: 0px !important;
}
.marginbottom10
{
    margin-bottom: 10px !important;
}
.margintop 
{
    margin-top: 0px !important;
}
.marginTop10
{
    margin-top: 10px !important;
}
.marginTop13{
     margin-top: 13px !important;
}
.marginRight50{
     margin-right: 50px !important;
}
.marginBottom10 {
     margin-bottom: 10px !important;
}
.paddingLeft5{
    padding-left: 5px;
}
@media (min-width: 32em) {

.modal-box { width: 70%; }
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}
.modal-footer{
    text-align:right !important;
}
.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {

}

a.close:hover {

}
.form-width {
        width: 100%;
}


#spanFindBy 
{
    padding-left: 10px;
    color: #4F4B4B;
    font-family: OpenSans_Regular !important;
    font-size: 18px;
}
   

.form 
{
 background-color: #fff;
 color: #3670A7;
 width: 100%;
 border: 0px solid #FFFFFF;
 border-collapse: collapse;
 }
 
.lookupstyle {

position: relative;
z-index: 999999;
width: 650px;
left: 14px;
top: 4px;
}

.lookup_outer_container /*container on the page*/
{
    position:absolute;
    top: 2%;
    left: 15%;
    z-index:999999;
   
}


.lookup_container
{
    width: 1000px;
    border: 0px;
    box-shadow: 0px 0px 0px 269px rgba(0, 0, 0, 0.4);
    z-index: initial;
}
.lookup-page-link 
{
    background-color: #337AB7 !important;
    color: white !important;
    border: 1px solid #2E6798 #337AB7 !important;
 }
 
.lookup_panel
{
	width:100%;
}


.lookup_panel_header /*.form_table_header*/
{
    
    background: #7B7B7B;
    height: 40px;
    cursor: move;
}

.lookup_panel_heading
{
    float: left;
    color: #ffffff;
    padding-left: 11px;
    cursor: move;
    font-size: 17px;
    font-family: OpenSans_Regular !important;
}


.lookup_panel_icon
{
	width:2%;
	float:right;
	padding:4px 0 0 0;
	
}

.lookup_table
{
     color: #4F7388;
    border-collapse: collapse;
    border: solid 1px #D0E3F2;
    white-space: nowrap;
    width: 95%;
}
.lookup_table th
{
    padding-left: 16px;
    font-weight: bold;
    background: #7B7B7B;
    letter-spacing: 1px;
    height: 33px;
    color: white;
    font-size: 12px;
    /* line-height: 17px; */
    font-family: OpenSans_Regular !important;
}
.lookup_table td
{
 padding-left: 12px;
    padding-bottom: 4px;
    padding-top: 4px;
    /* padding: 4px; */
    line-height: 23px;
    /* border: solid 1px #D0E3F2; */
    padding-right: 5px;
    font-family: OpenSans_Regular !important;
    font-size: 13px !important;
    color: #4F4B4B;
}

.lookup_table .RowEven 
{
    /*Even Rows*/
    background-color:#fff;
    color:#4F4B4B;
    cursor:pointer;
    font-family: OpenSans_Regular !important;
        font-size: 14px !important;
}
.lookup_table .RowOdd 
{
    /*Odd Rows*/
    background-color:#F5F5F5;
    color: #4F4B4B;
    cursor:pointer;
    font-family: OpenSans_Regular !important;
        font-size: 14px !important;
    
}

.lookup_table .highlightRow 
{
	background-color:#F9F9F9;
	    font-size: 14px !important;
}

.mysearch 
{
 background-color: #337AB7;
    padding: 9px;
    padding-left: 24px;
    padding-right: 24px;
    border: 1px solid #2E6DA4;
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
    color: white !important;
    font-weight: bold;
    text-decoration: none !important;
    }
.form_container
{
	width:100%;
	min-width:750px;
	border:solid 0px green;
	
}
.labeldiv 
{
    /* padding-left: 11px; */
    /* padding-bottom: 21px; */
}
.fieldcell 
{text-align: left;/* padding-top: 13px; */padding-left: 13px;font-family: OpenSans_Regular !important;padding-bottom: 0;color: #4F4B4B !important;font-size: 14px;}

/*======================================================================================*/

.error_msg_list
{
    /*for stylying of ul and li tags for error*/
}
.error_msg_list li
{
    list-style-type:circle;
}
.error_msg
{
    border:solid 1px #D99D9D;
    color:#333333;
    width:100%;
    padding:10px 5px 10px 5px;
    background: #FFE5E5 url(../images/error_msg_icon.png) 10px 50% no-repeat;
    display:none;
}
.information_msg
{
    border:solid 1px #C6D9F0;
    color:#333333;
    /*background-color:#F0F5FB;*/
    width:740px;
    padding:10px 5px 10px 5px;
    /*background: #F0F0F0 url(../images/info_msg_icon.png) 10px 50% no-repeat;*/
    background: #F0F5FB url(../images/info_msg_icon.png) 10px 50% no-repeat;
    
    display:none;
}
.warning_msg
{
    border:solid 1px #EBE867;
    color:#333333;
    width:740px;
    padding:10px 5px 10px 5px;
    background: #FFFEE5 url(../images/warning_msg_icon.png) 10px 50% no-repeat;
    display:none;
}
.error_table
{
    /*
	border-top:solid 1px #C40000;
	border-right:solid 1px #C40000;
	border-bottom:solid 1px #C40000;
	border-left:solid 1px #C40000;
	background-color:#fff;

    */
    
    
	width:98%;
	border-collapse:collapse;
}
.error_table .error_heading
{
	width:35px;
	font-weight:bold;
	color:#C40000;
}
.error_table td
{
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

.radio-label {
  display: inline-block !important;
    position: relative !important;
    top: -2px !important;
    /* left: 0px; */
    font-size: 14px !important;
    letter-spacing: 0px !important;
    color: #4F4B4B !important;
    /* font-family: inherit !important; */
    font-family: OpenSans_Regular !important;
}
      
@media screen and (min-width: 320px) and (max-width: 780px) {

        .sidecontent {
            position: relative;
            left: 80px;
            top: 120px;
            width: 94%;
            margin: 0%;
            padding: 0%;
            z-index: 0;
        }
        .sub_navigations ul li {
           
         }
}
@media screen and (min-width: 780px) and (max-width: 1200px) {
 .sub_navigations ul li {
         
         }
}





/* Umair CSS End here */



 /*Nosheen New Style Start*/
 .tags {
      margin-top: 15px;
}

.tags li:first-child {
    margin-right: 0px;
}

.tagsSC li:first-child {
    margin-right: 0px;
}

.tags li {
      list-style: none;
    display: inline-block;
    background-color: #DEE7F8;
    padding: 4px;
    border-radius: 2px;
    margin-top: 5px;
    margin-right: 2px;
    float: right;
    font-size: 13px;
}

.tagsSC li {
      list-style: none;
    display: inline-block !important;
    background-color: #DEE7F8;
    padding: 4px;
    border-radius: 2px;
    margin-top: 5px;
    margin-right: 2px !important;
    float: right;
    font-size: 13px !important;
}
 .filter_tags {
    padding: 0%;
}




   .calendar_control_left
    {
         width: 49%;
         margin: 0px;
    }
    .calendar_control_right
    {
         width: 49%;
         margin: 0px;
         margin-left: 2px;
    }
    
.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}
.table>tbody>tr:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

.container-fluid{padding: 0px;}
.selected{background-color: #acbad4 !important;}

.table-hover>tbody>tr.selected:hover
{
    background-color: #acbad4;
 }


#table tr{cursor: pointer;}
.udf_new , .udf_edit , .udf_customfields , .udf_customdatalines , udf_customfields
{
    display :none;
    

}
.nav-padding>ul>li.disabled, .nav-padding>ul>li.disabled:focus, .nav-padding>ul>li.disabled:hover
{
        color: #777;
    cursor: not-allowed;
     pointer-events: none;
}
.nav-padding>ul>li.disabled>a, .nav-padding>ul>li.disabled>a:focus, .nav-padding>ul>li.disabled>a:hover
{
        color: #777;
    cursor: not-allowed;
     pointer-events: none;

}

.sub_navigations>ul>li.disabled, .sub_navigations>ul>li.disabled:focus, .sub_navigations>ul>li.disabled:hover
{
        color: #777;
    cursor: not-allowed;
     pointer-events: none;
}
.sub_navigations>ul>li.disabled>a, .sub_navigations>ul>li.disabled>a:focus, .sub_navigations>ul>li.disabled>a:hover
{
        color: #777;
    cursor: not-allowed;
     pointer-events: none;

}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: #eee !important;
  cursor: text !important;
}

 .numberfield_right
    {
        width: 49.40%;
             margin: 0px;
            margin-left: 1px;
    }
    .numberfield_left
    {
        width: 49.40%;
         margin: 0px;
         margin-right: 1px;
    }
    
.disabledlink
{
    cursor: not-allowed;
    pointer-events: none;
}

/*Disabled Fields*/
.disabledfield_parent
{
     cursor: not-allowed;
}
.disabledfield ,  .disabledfield:focus ,.disabledfield:hover
{
      color: #777;
    cursor: not-allowed;
    background-color: #eee;
    pointer-events: none;
}
.form-horizontal .control-label 
{
    padding: 0%;
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
    color: #333;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: OpenSans_Regular;
}
.ui-priority-secondary
{
    opacity: 1 !important;
    font-weight: bold !important;
}
div.footer {
    position: inherit !important;
    margin-top: 0% !important;
    border-top: none !important;
    background-color: transparent !important;
}
.mymargin
{
        padding: 0%;
}
.mymargin .grid_row_2
{
    border-radius: 0px;
    margin-bottom: 10px;
}
.modal-backdrop
{
        position: fixed !important;
}


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) 
  {
      


}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) 
  {
      


}


/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) 
  {
      

    
     .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }
    
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) 
  {

       .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }

}



/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)  
  {
      
        .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }


}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape)  
  {
      
 
    
      .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }
}

}



/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait)  
  {
      
   
    
      .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape)  
  {
      

    
        .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }
}




/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) 
  {
          .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) 
  {
      
        .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) 
  {
      
         .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  
  and (-webkit-min-device-pixel-ratio: 1) 
  {
      
           .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) 
  {
          .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  {
      
             .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) 
  {
      
        .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) 
  {
      
          .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }
}


/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  {
      
             .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) 
  {
      
               .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) 
  {
      
              .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }

}

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  {
      
            .numberfield_right
    {
        width:100%;
             margin: 0px;
    }
    .numberfield_left
    {
        width: 100%;
         margin: 0px;
    }
}

.popupheader
{
     border-radius: 0px;
    margin-bottom: 10px;
}
.popupbody
{
    width: 100%;
    padding: 0%;
}
.popupbody a
{
        margin-bottom: 10px;
    float: right;
    margin-top: 10px;
    font-size: 16px;
}
.popupbody h3
{
         font-family: 'OpenSans_Regular';
    font-size: 16px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0px;
}
.modal-dialog {
     margin: 20px auto;
}


/*CSS FOR RESPONSIVE DESIGN*/
@media all and (min-width: 38em) 
{

.profile_dp 
{
        display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
     border: 2px solid #00a810;
	
}
.profile_dp img
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
	  
	    
}

 
}

@media all and (min-width: 78.32em), screen and ((max-height: 56.142em))
{
.profile {
    /* background-color: #1e2327; */
    padding: 3px;
    margin: 0%;
    top: 0%;
    float: left;
}
.profile_dp 
{
        display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
     border: 2px solid #00a810;
	
}
.profile_dp img
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
	  
	    
}
    
    .calendar_control_left
    {
             width: 49.40%;
    margin: 0px;
    margin-right: 1.015px;
    margin-bottom: 3px;
    }
    .calendar_control_right
    {
               width: 49.40%;
    margin: 0px;
    margin-left: 1.796px;
    margin-bottom: 3px;
    }
    
    .numberfield_right
    {
          width: 49.40%;
    margin: 0px;
    margin-left: 1.812px;
      margin-bottom: 3px;
    }
    .numberfield_left
    {
       width: 49.40%;
    margin: 0px;
    margin-right: 1.015px;
     margin-bottom: 3px;
    }
    .form_control_full
    {
        width: 100%;
        margin-bottom: 3px;
    }
    
.sidemenu {
    background-color: #34383c /*#4d5f84*/;
    height: 100%;
    padding: 0%;
    margin: 0%;
    position: fixed;
    width: 83px;
    top: 63px;
    z-index: 3;
}
.sidemenu ul
{
	padding: 0%;
    margin: 0%;
} 
.sidemenu ul li
{
	      list-style: none;
    display: block;
    text-align: center;
    /* margin-top: 10px; */
    color: #fff;
   font-size: 12px;
     padding: 5px;
}  
.sidemenu ul a:hover
{
	text-decoration: none;
	color: #6e7ea1;
}
.sidemenu ul li:hover
{
	
	color: #79bfed;
}
.sidemenu ul li a i
{
	 font-size: 12px;
     padding: 10px;
}

.navigation .active
{
	background-color: #777777/*#6e7ea1*/;
    padding: 0%;
    color: #fff;
    padding: 5px;
    font-family: 'OpenSans_Regular';
    font-size: 12px;
}
.sidemenu ul .active a
{
	background-color: #777777/*#6e7ea1*/;
    padding: 0%;
	color: #fff;
    padding: 10px;
	font-family: 'OpenSans_Regular';
	 font-size: 12px;
}
.brief_icon
{
	background: url('../images/brief.png');
	content: "";
    display: block;
       width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .brief_icon
{
	background: url('../images/brief_active.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.campaign_icon
{
	background: url('../images/campaign.png');
	content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
 	
}
.active .campaign_icon
{
	background: url('../images/campaign_active.png');
	content: "";
    display: block;
      width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.mediaplan_icon
{
	background: url('../images/mediaplan.png');
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .mediaplan_icon
{
	background: url('../images/mediaplan_active.png');
	content: "";
    display: block;
       width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.rfp_icon
{
	background: url('../images/rfp.png');
	content: "";
    display: block;
        width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .rfp_icon
{
	background: url('../images/rfp_active.png');
	content: "";
    display: block;
       width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.proposal_icon {
    background: url('../images/proposal.png');
    content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}
.active .proposal_icon {
    background: url('../images/proposal_active.png');
    content: "";
    display: block;
     width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
}
.trafficking_icon
{
	background: url('../images/trafficking.png');
	content: "";
    display: block;
       width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;

}
.active .trafficking_icon
{
	background: url('../images/trafficking_active.png');
	content: "";
    display: block;
       width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;

}
.buying_icon
{
	background: url('../images/buying.png');
	content: "";
    display: block;
        width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .buying_icon
{
	background: url('../images/buying_active.png');
	content: "";
    display: block;
       width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.tracking_icon
{
	background: url('../images/tracking.png');
	content: "";
    display: block;
         width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active.tracking_icon
{
	background: url('../images/tracking_active.png');
	content: "";
    display: block;
        width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.closing_icon
{
	background: url('../images/closing.png');
	content: "";
    display: block;
       width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .closing_icon
{
	background: url('../images/closing_active.png');
	content: "";
    display: block;
        width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.setup_icon
{
	background: url('../images/setup.png');
	content: "";
    display: block;
        width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.active .setup_icon
{
	background: url('../images/setup_active.png');
	content: "";
    display: block;
       width: 30px;
    height: 30px;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
	
}
.sidecontent {
    position: relative;
    left: 80px;
    top: 63px;
    width: 94%;
    margin: 0%;
    padding: 0%;
    float: left;
    z-index: 0;
    height: 100%;
    min-height: 100%;
}
    
    
  
}
@media all and (min-width: 93.98em) 
{
    
      
     .numberfield_right
    {
        width: 49.40%;
             margin: 0px;
            margin-left: 1px;
    }
    .numberfield_left
    {
        width: 49.40%;
         margin: 0px;
         margin-right: 1px;
    }
    
  
}

.has-error 
{
     color: #a10704 !important;
    border-color: #a94442 !important;
    /*padding: 0px;*/
    margin-top: 0px;
    background-color: transparent;
   
}
.has-errorfield {
     border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #a94442;
  
   
}

/****************************************************************** New Lookup Style ************************************************************/
.modal-body-lookup
{
    position: relative;
    padding: 0px;
}
.custom-dialog-lookup 
{
    width: 83.6%;
    height: auto;
}
	   
.radio-label-lookup 
{
    display: inline-block !important;
    position: relative !important;    
    font-size: 16px !important;
    letter-spacing: 1px !important;
    color: #4F4B4B !important;
    font-family: OpenSans_Regular !important;
}
.lookup-table-row-odd
{
  background-color: rgba(238, 238, 238, 0.28);
}
.lookup-table-row-odd:active
{
    background-color: red;
}
.lookup-loading
{
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.2);
}
        
.lookup-loading-image
{
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 100;
}
/**************************************************************** New Lookup Style Ends ********************************************************/

/*
table.dataTable thead span.sort-icon {
    display: inline-block;
    padding-left: 5px;
    width: 16px;
    height: 16px;
}
table.dataTable thead .sorting span {
       background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_both.png') no-repeat center right;
}
table.dataTable thead .sorting_asc span {
    background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc.png') no-repeat center right;
}
table.dataTable thead .sorting_desc span {
    background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc.png') no-repeat center right;
}


table.dataTable thead .sorting:after
{
    content: "";
}
table.dataTable thead .sorting_asc:after
{
    content: "";
}
table.dataTable thead .sorting_desc:after
{
    content: "";
}

*/
.btn-danger
{
       color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
   
}
.btn-danger:hover {
      color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #419641;
}
.btn-warning {
    color: #fff;
    background-color: #bc1b1b;
    border-color: #bc1b1b;
}
.btn-warning:hover {
    color: #fff;
    background-color: #c91f1f;
    border-color: #c91f1f;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641;
}
.zero-padding col-lg-12
{
    padding: 0%;
}
.dropdown-searchmenu-sc .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
.button_section
{
    padding-top: 10px;
    padding-bottom: 5px;
    cursor: not-allowed;
        text-align: center;
}
.btn-lookup
{
    margin-top: 10px;
    margin-left: 5px;
}
.btn-lookup-padd
{
    padding-top: 10px;
    padding-bottom: 0px;
}

/*overriding the default css of bootstrap*/
.alert-danger
{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1 !important;
}
.search_action_btns
{
    text-align: center;
    margin-top: 10px;
}

.campaign-main-toggle .form-content-area
{
    padding: 0%;
        padding-left: 3px;
}
.campaign-main-toggle .form-content-area #briefCodeLabel
{
    padding: 0%;
}
.link_from_navigation_span_title_span {
    color: #BBBBBB;
}
.table
{
     width: 100% !important; 
}

.loader {
    width: 100%;
    height: 100%;
    position: fixed;

    text-align: center;
    z-index: 9999999999999999;
    background-color: rgba(0 , 0, 0, 0.1);
}
.loader img {
    width: 10%;
    position: absolute;
    top: 50%;
    left: 45%;
     -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    /* text-align: center; */
}
.integer , .decimal , .integer_negative ,.pos-decimal , .decimal_negative
{
    text-align: right;
}
.clearable{
  background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
  /* padding: 3px 18px 3px 4px; Use the same right padding (18) in jQ! */
  /* border-radius: 3px;*/
  transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; }
.clearable.onX{ cursor: pointer; }
.clearable::-ms-clear {display: none; width:0; height:0;}


::-webkit-input-placeholder{
    text-align: left;
}
:-moz-placeholder {
      text-align: left;
}
::-moz-placeholder {
       text-align: left;
}
:-ms-input-placeholder {
     text-align: left;
}

::-webkit-input-placeholder{
    text-align: left;
}
:-moz-placeholder {
      text-align: left;
}
::-moz-placeholder {
       text-align: left;
}
:-ms-input-placeholder {
     text-align: left;
}
.placement_menu_grid_row_2
{
    padding: 0%;
}
.placement-menu {
 
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    float: right;
    text-align: right;
    padding: 0px;
}
.placement-menu ul {
  padding: 0px !important;
    margin: 0% !important;
    float: left !important;
    width: 100%;
}
.placement-menu ul li{
    display: inline-block;
    list-style: none;
    background-color: #494949;
    padding-left:4px;
    padding-right: 4px;
    border-radius: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 5px;
}
.placement-menu ul li:hover{
    color: #fff;
    background-color: rgba(73 , 73 ,73 , 0.7);
}
.placement-menu ul li:after {
    content: "";
    margin: 0px !important;
}
.placement-menu ul li a {
    color: #fff;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-family: 'OpenSans_Regular';
}
.placement-menu ul li a:before {
    content: "";
    margin: 0px !important;
}
.placement-menu ul li a:after {
    content: "";
    margin: 0px !important;
}
.placement-menu ul li a:hover{
    color: #fff !important;
    text-decoration: none;
}
.placement-menu ul li:last-child:after {
    content: "";
}
   

.placement-menu ul li.disabled, .placement-menu ul li.disabled:focus, .placement-menu ul li.disabled:hover
{
        color: #b7b7b7;
    cursor: not-allowed;
}
.placement-menu ul li.disabled>a, .placement-menu ul li.disabled a:focus, .placement-menu ul li.disabled a:hover
{
        color: #b7b7b7;
    cursor: not-allowed;
     pointer-events: none;

}
 td.details-control 
    {
        background: url('../images/toggle-arrow-right.png') no-repeat center center;
	    cursor: pointer;
	    background-size: 20%;
    }
   tr.shown td.details-control
    {
        background: url('../images/toggle-arrow.png') no-repeat center center;
    }
    
.table .table {
    /* background-color: #fff; */
    /*margin-left: 10px;
    width: 100%;
    border: none;
    margin-bottom: 0px;
    border-top: none;*/
    margin-bottom: 0px;
}

.table .table td.details-control  {
     /*background: url('../images/toggle-arrow-right.png') no-repeat center center;
	    cursor: pointer;
	    background-size: 40%;*/
}

 .table .table tr.shown td.details-control
    {
        /*background: url('../images/toggle-arrow.png') no-repeat center center;*/
    }
    
   
#interimCustInticator
{
    display: none;
}
#interimCustInticator sup {

}

.interim-text {
    text-align: right !important;
    padding: 0px !important;
    padding-top: 2px !important;
    font-size: 17px !important;
}

.mediaplan-formgroup
{
   
    margin-top: 3px;
}
.mediaplan-formgroup .col-sm-3 , .mediaplan-formgroup .col-sm-4 , .mediaplan-formgroup .col-sm-8
{
    padding: 0%;
    margin: 0%;
}
.mediaplan-formgroup img
{
     margin-top: 5px;
}
  .vendorlistprop
  {
      
       /*color: #23527c; change for bug #21658 by Waqas
    text-decoration: underline;*/
  }
.lookup_hr
{
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.lookup_radiobtns
{
    padding: 0%;
}
.lookup_checkboxes
{
        float: right;
    padding: 0%;
}
.radio-label-lookup {
    display: inline-block !important;
    position: relative !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    color: #4F4B4B !important;
    font-family: OpenSans_Regular !important;
}
#lookup-form-content-area
{
    padding: 0%;
    padding-left: 0.5%;
    padding-right: 0.5%;
}

.align-right-dtGrid { 
    text-align:right;
    padding-right  : 20px !important;
}

.align-padd-dtGrid { 
              text-align: center !important;
}

.dt-body-center 
{
    text-align: left!important;
    padding-left: 5px !important;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#mainLookupContent .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}
#mainLookupContent .modal-header .modal-title {
        margin: 0;
    line-height: 1.42857143;
    font-size: 14px;
}
#mainLookupContent .form-group {
    margin-bottom: 5px;
}
#lookupPagination
{
        display: inline-block;
    padding-left: 0;
    margin: 5px 0;
    margin-top: 0px;
    margin-bottom: 5px;
    border-radius: 4px;
    float: right;
}
.lookup_panel table
{
        margin-bottom: 0px;
}
#lookupTable table>tbody>tr>td 
{  
  
    padding-top: 2px;
    padding-bottom: 5px;
    max-width:250px
}

#mainLookupContent2 .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}
#mainLookupContent2 .modal-header .modal-title {
        margin: 0;
    line-height: 1.42857143;
    font-size: 14px;
}
#mainLookupContent2 .form-group {
    margin-bottom: 5px;
}
#lookupPagination2
{
        display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
    float: right;
}
.lookup_panel table
{
        margin-bottom: 0px;
}
#lookupTable2 table>tbody>tr>td 
{  
    /*padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-family: 'OpenSans_Regular';
    color: #666666;
    font-size: 12px; */
    padding-top: 2px;
    padding-bottom: 5px;
}

.subnav-content
{
        background-color: #fff;
    padding: 0%;
    margin: 0%;
    
}
.subnav-content-mainheading
{
    padding: 0%;
}
.subnav-content . form-horizontal
{
    padding: 0%;
   
}
.subnav-content .form-horizontal .top_form_group
{
     margin: 0%;
     margin-top: 15px;
}
.subnav-content hr
{
    margin-top: 0%;
    width: 100%;
    float: left;
}
.arroww1 
{
   
}
.mediaplan-vendorlines-toggle h3
{
    margin-top: 10px !important;
}
.toggle-area-nodata
{
    float: right;
    padding-right: 32px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);  
    transform: rotate(180deg);
}
.toggle-area-nodata .toggle-arrow {cursor: pointer;
    position: absolute;
    left: 0px;
    /* top: 0; */
    bottom: 10px;}
.toggle-area 
{
    float: right;
    padding-right: 32px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);  
    transform: rotate(180deg);
         
}

.toggle-arrow 
{
    cursor: pointer;
    position: absolute;
    left: 0px;
    bottom: 28px;
}

.arrow1 
{
        display: block;  
         }
.arroww1 
{
    display:none;  
   -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);  
    transform: rotate(270deg);
    
    }

.arrow2 
{
    
    display: block;
         
         
         }
.arroww2 
{
    
    display:none;  
   -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);  
    transform: rotate(270deg);
    
    
    }
.arrow3 {display: block;}
.arroww3 
{
    
    
   display:none;  
   -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);  
    transform: rotate(270deg);
          
          
          
          }
.arrow4 {display: none;}
.arroww4 {display:block;}
.arrow5 {display: none;}
.arroww5 {display:block;}
.arrow6 {display: none;} 
.arroww6{display:block;}


.btnPrevious:before
{
     content: "<<";
    margin-right:10px;
}
.btnNext:after
{
        content: ">>";
    margin-left:10px;
}
.actionBtnsGroup
{
    text-align:center !important;
    padding-top: 10px;
    padding-bottom: 20px;
     cursor: not-allowed;
}
.mediaplandetails-toggle hr
{
    width: 100%;
}
.form-group {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.form-group-popup {
    margin-bottom: 1px;
    width: 100%;
    float: left;
}
.form-group-popup1 {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.btn.disabled , .btn.disabled.active, .btn.disabled.focus, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover
{
      pointer-events: none;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover
{
    background-color: #ccc;
    border-color: #ccc;
    color: #333 !important;
   
}
.btn-primary
{
    
}
.subnavigation_depth3
{
    padding: 0%;
    margin: 0px !important;
    float: right;
}
.subnavigation_depth3 ul {
    padding: 0px !important;
    margin: 0% !important;
    float: left !important;
}
.subnavigation_depth3 ul li:before {
       padding:0px;
        margin: 0px;
        content: "";
}
.subnavigation_depth3 ul li {
       padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right : 1px solid #aeaeae;
    float: left;
}
.subnavigation_depth3 ul li:hover {
   
    background-color: rgba(174 , 174, 174, 0.4);
     color:#fff !important;
}

.subnavigation_depth3 ul li.active {
       padding:0px;
    padding-top: 10px;
    background-color: rgba(71,71,71,0.6);
    padding-bottom: 10px;
}
.subnavigation_depth3 ul li.active a{
  
    text-decoration: none;
}
.subnavigation_depth3 ul li.active:first-child {
    padding: 0px;
    padding-top: 10px;
    background-color: rgba(71,71,71,0.6);
    padding-bottom: 10px;
    border-radius: 8px 0px 0px 0px;
}

.subnavigation_depth3 ul li a {
    color:#fff;
}
.subnavigation_depth3 ul li a:hover {
    color:#fff !important;
}

.subnavigation_depth3>ul>li.disabled, .subnavigation_depth3>ul>li.disabled:focus, .subnavigation_depth3>ul>li.disabled:hover
{
        color: #b7b7b7;
    cursor: not-allowed;
     pointer-events: none;
}
.subnavigation_depth3>ul>li.disabled>a, .subnavigation_depth3>ul>li.disabled>a:focus, .subnavigation_depth3>ul>li.disabled>a:hover
{
        color: #b7b7b7;
    cursor: not-allowed;
     pointer-events: none;

}
.placement-newform-toggle
{
    display: none;
}
#txtComments
{
    min-height: 100px;
}
.newinterim
{
    font-weight: bold;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 20px;
    padding: 0%;
}
.btn-syncdcm
{
    background-color: #1f5379;
    color: #fff;
    border-color: #1f5379;
}
.btn-syncdcm:hover
{
    background-color: #164161;
    color: #fff;
    border-color: #164161;
}
.btn-syncdcm.focus,.btn-syncdcm:focus
{
    background-color: #164161;
    color: #fff;
    border-color: #164161;
}

.btn-syncdcm.active,.btn-syncdcm:active
{
    background-color: #164161;
    color: #fff;
    border-color: #164161;
}
.btn-syncad
{
    background-color: #0d63a2;
    color: #fff;
    border-color: #0d63a2;
}
.btn-syncad:hover
{
    background-color: #0f5c95;
    color: #fff;
    border-color: #0f5c95;
}
.btn-syncad.focus,.btn-syncad:focus , .btn-syncad.active,.btn-syncad:active
{
    background-color: #0f5c95;
    color: #fff;
    border-color: #0f5c95;
}

.btn-newrevision
{
    background-color: #20a1c1;
    color: #fff;
    border-color: #20a1c1;
}
.btn-newrevision:hover
{
     background-color: #158dab;
    color: #fff;
    border-color: #158dab;
}
.btn-newrevision.focus,.btn-newrevision:focus , .btn-newrevision.active,.btn-newrevision:active
{
    background-color: #158dab;
    color: #fff;
    border-color: #158dab;
}
.ui-datepicker-current
{
        /*display: none;*/
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: -0.5em 0 0 0 !important;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border: none;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin:0.5em .2em .4em !important;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
    font-size: 12px;
}
.copyRevision .form-group
{
   margin-bottom: 15px
}
.copyRevision a
{
    margin-top: 0% !important;
}

.mediaplan-clientlines-toggle
{
    margin-top: 20px;
}
.dataTables_paginate
{
     margin-right: 0px !important;
     margin-top: 10px;
}
.associate_ad
{
        padding-left: 100px;
}
.twodecimalplaces 
{
     text-align: right;
}
.threedecimalplaces
{
      text-align: right;
}
.nCostRateDecimals, .nPlacementTypeDecimals
{
     text-align: right;
}
.previewBtn:before
{
    content: "\f06e";
    font-family: FontAwesome;
        margin-right: 5px;
}
.previewBtn 
{
    background-color: #093453;
    border-color: #093453;
}
.previewBtn.focus, .previewBtn:focus, .previewBtn:hover
{
    background-color: #093d62;
    border-color: #093d62;
}

.previewtable>tbody>tr>td
{
    border-top: none !important;
    vertical-align: middle;
}
.replace
{
  
    color: #337ab7;
    cursor: pointer;
}
.panelnavigator
{
        text-align: center;
}

.fa-caret-right , .fa-caret-left 
{
        font-size: 35px !important;
}
.fa-eye
{
     font-size: 18px !important;
}
.adTable >tbody>tr>td
{
      padding-bottom: 0%;
}
.adTable .form-box-calender
{
        width: 185px;
}
.adcreative_weight
{
    padding: 0%;
}
.weight_percentage
{
        padding: 0%;
    margin-top: 10%;
    padding-left: 2px;
}
.adselect
{
     padding: 0%;
}
.adselect select
{
     padding: 0%;
}
select
{
    line-height: 28px !important;
}
.adlandingtext
{
        padding: 0%;
    padding-left: 2px;
}
#advertisercreativeform
{
        border: 1px solid;
        padding: 0%;
        position: relative;
        height: auto;
        min-height: 570px;  
}
#advertisercreativeform .leftpanel
{
    
}
#advertisercreativeform .rightpanel
{
        position: relative;
    /* border-left: 1px solid; */
      margin-left: 5%;
      padding-top:10px;
}
.panelnavigator
{
           
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 0%;
    width: 4%;
    text-align: center;
    position: absolute;
    margin: 0px 50%;
    /* display: table-cell; */
    width: 5%;
    top: 50%;
    height: 100%;
    transform: translateY(-50%);
}
.right_navigator
{
    position: relative;
    top: 50%;
        transform: translateY(-50%);
}
.left_navigator
{
    position: relative;
    top: 50%;
        transform: translateY(-50%);
}
.fa-plus-square-o:before {
    content: "\f196";
    font-size: 14px !important;
    /* font-weight: 600; */
}
.fa-minus-square-o:before {
    content: "\f196";
    font-size: 14px !important;
    /* font-weight: 600; */
}
.fa-plus-square-o {
  margin-right: 10px;
}
.fa-minus-square-o {
  margin-right: 10px;
}

.node-icon-img
{
    margin-right: 5px;
}

#lightbox .modal-dialog {
       width: 600px;
    height: 500px;
}

#myModal .modal-dialog {
    width: 800px;
    height: 500px;
}

#lightbox .modal-content .modal-body img {
       width: 600px;
    height: 500px;
}


#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}
.thumbnail
{
    border: none;
    background-color: transparent;
}

.thumbnail:hover
{
    border: none;
    background-color: transparent;
}

input[type="text"][title]:hover:after  
{
    content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
.assign_companion_btn
{
    color: #fff;
    background-color: #0d3f74;
    border-color: #0d3f74;
}
.assign_companion_btn.focus, .assign_companion_btn:focus, .assign_companion_btn:hover {
    color: #fff;
    background-color: #072c53;
    border-color: #072c53;
}
.center_align_content
{
    text-align: center;
}
.rejectBtn
{
    background-color: #ce1e1e;
    color: #fff;
    border-color: #ce1e1e;
}
.rejectBtn:focus ,.rejectBtn:hover
{
    background-color: #ce1e1e;
    color: #fff;
    border-color: #ce1e1e;
}
.approveBtn
{
     background-color: #247732;
    color: #fff;
    border-color: #247732;
}
.approveBtn:focus ,.approveBtn:hover
{
    background-color: #247732;
    color: #fff;
    border-color: #247732;
}


.dashboard_main_left
{
    
    position: relative;
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    border : 1px solid;
    padding: 0%;
    box-shadow: 2px 3px 2px 0px rgba(10,2,0,0.2);

}
.dashboard_main_right
{
  
    position: relative;
    width: 49.5%;
      margin-bottom: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
     border : 1px solid;
    padding: 0%;
    box-shadow: 2px 3px 2px 0px rgba(10,2,0,0.2);
}
.dashboard_main
{
    
    position: relative;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
}
.dashboard_main h3
{
    color: #144868;
    margin-top: 5px;
}

.dashboard_icons {
       position: absolute;
    right: 5px;
    padding: 0%;
    margin: 0%;
    z-index: 10;
}
.dashboardicons
{
      position: relative;
    list-style: none;
    padding: 0;
     float: right;
       right: 10px;
    height: 30px;
    /* width: 100px; */
   top: 13px;
    display: inline-flex;
    /* z-index: 10; */
}

.dashboardicons li {
    /*background-image: url(../../MediaPlanning/images/dashboard_white.png);*/
    background-repeat: no-repeat;
    display: inline-block;
    width: 28px;
    height: 28px;
    position: relative;
    transition: all 350ms ease-out;
    color: #fff;
    font-size: 19px;
}
.dashboardicons li:hover {
    cursor: pointer;
}

.refresh
{
    background-position: 0 0;
}
.search_settings
{
   background-position: -28px 0;
}
.minimize
{
  background-position: -56px 0;
}

#runningmediaplans
{
       padding: 0%;
    margin-top: 10px;
    padding-left: 1%;
  
}
.media_plans 
{
    text-align: center;
    border: 1px solid;
    border-radius: 10px;
    padding: 1%;
    margin-top: 2%;
    /* margin-right: 5px; */
        border-color: #000;
}
.media_plans label
{
  line-height: 20px;
  color: #000;
}
.media_plans .level2
{
      margin-bottom: 0%;
    font-weight: bold;
    color: #000;

}
.media_plans p
{
  line-height: 20px;
  color: #000;
  padding: 0%;
}
.media_plans img
{
    width: 50%;
}
.dashboard_heading
{
    padding: 0%;
    border-bottom: 1px solid;
    background-color: #133149;
    color: #fafafa;
    border-radius: 10px 10px 0px 0px;
    
}

.dashboard_heading h3
{
       font-family: 'OpenSans_Regular';
    font-size: 18px;
    text-align: left;
    padding: 0%;
    color: #fafafa;
    margin-left: 0%;
    top: 10px;
        padding-left: 1%;
        margin-top: 15px;
    margin-bottom: 15px;
}
.budget_detail
{
    text-align: left;
}
.plan_status
{
    font-size: 12px;
}
.planinfo
{
      padding: 0%;
    /* position: relative; */
    /* bottom: -1px; */
    /* top: 97%; */
    /* left: 5px; */
    margin-top: 10px;
    padding-left: 8px;
    
}
.planinfo label
{
    font-weight: bold;
}
#component1
{
     
}
#component2
{
 
}
.link_association
{
    position: relative;
    top: -5px;
    left: 10px;
}
.loading_div
{
    display: none;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 100%;
    /* margin-left: 0%; */
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0 ,0,0,0.4);
    z-index: 1000;
}

.loading_div img
{
    position: absolute;
    width: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2000;
    
}
.component
{
    padding: 0%;
    padding-right: 1%;
    margin-top : -1px;
    position: relative;
}
.searchtags_show
{
      padding: 0%;
    padding-left: 1%;
    min-height: 90px;
}
.search_tags {
   
}
.search_tags li
{
    list-style: none;
    display: inline-block;
    padding: 4px;
    border-radius: 2px;
    margin-top: 5px;
    margin-right: 2px;
    float: left;
    font-size: 13px;  
    background-color: #118bab;
       color: #fff;
    
    
    
}
.dropdown-searchmenu{
	display:none;
	    min-width: 300px;
    position: absolute;
    z-index: 2000;
    right: 0;
    padding: 10px;
    border: 1px solid #000;
       top: 41px;
    background-color: #fff;
}

.dropdown-searchmenu-sc{
	display:none;
	width: 100%;
	position: absolute;
	z-index: 999;
	right: 0px;
	padding: 10px;
	border: 1px solid #ccc;
	top: 35px;
	background-color: #fff;
	text-align: left;
}
.dropdown-searchmenu-sc label{
	text-align: left;
	padding: 0%;
	padding-right: 10px;
	margin: 0%;
	/* margin-bottom: 0% !important; */
}
.dropdown-searchmenu-sc .col-md-12 {
    padding: 0%;
}
.searchbarSC
{
    padding: 0%;
}   
.search_row .searchbarSC
{
    margin-top: 5px;
    padding: 0%;
    margin-bottom: 5px;
} 
.dropdown-searchmenu .checkbox
{
        padding: 0%;
}
.dropdown-searchmenu-sc .checkbox
{
        padding: 0%;
        margin: 0%;
}

.dropdown-searchmenu .checkbox label
{
       padding-left: 5px;
}

.dropdown-searchmenu-cs .checkbox label
{
       padding-left: 5px;
}
    .dropdown-searchmenu:after {
      
    
    position: absolute;
    bottom: 100%;
    right: 11%;
    margin-right: 0px;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 10px solid transparent;
    }
    
  .dropdown-searchmenu:before {
        position: absolute;
    bottom: 100%;
    right: 11%;
    margin-right: 0px;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  border-bottom: 13px solid #000;
    border-top: 10px solid transparent;
    }
  
.dropdown-searchmenu input[type=checkbox] {
    display: none;
}

.dropdown-searchmenu-sc input[type=checkbox] {
       margin-left: 0px;
}

.dropdown-searchmenu .form-box-calender , .dropdown-searchmenu .form-control
{
        margin-bottom: 2px;
    margin-top: 2px;
}

.dropdown-searchmenu-sc .form-box-calender , .dropdown-searchmenu-sc .form-control
{
    margin-bottom: 2px;
    margin-top: 2px;
}
.dropdown-searchmenu-lbl
{
    padding: 0%;
    margin-top: 5px;
}

.dropdown-searchmenu .form-control .dropdown-searchmenu-half
{
  width: 50%;
}
.dropdown-searchmenu .col-md-12
{
 padding: 0%;
}
/* FELX SLIDER */
.clearout {
height:20px;
clear:both;
}


.dashboard_main_fullwidth
{
  
    position: relative;
    margin-right: 1%;
    padding: 0%;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 2px 3px 2px 0px rgba(10,2,0,0.2);
}
.dashboard_dataTable 
{
       margin-top: 4%;
}

.dashboard_dataTable>thead {
    background-color: #b6b6b6;
    font-size: 12px !important;
    font-family: 'OpenSans_Regular';
    font-weight: bold;
    color: #303030;
}
.floating_buttons
{
    position: fixed;
    bottom: 0;
    right: 5px;
    padding-top: 1%;
    padding-right: 0%;
    padding-left: 0%;
        width: 10.666667%;
   
}
.floating_buttons ul
{
     padding: 5%;
    margin: 0%;
}
.floating_buttons li
{   
    list-style: none;
    display: inline;
    color: #fafafa;
        padding: 11px;
   
}
.floating_buttons ul .save_btn
{   
   background-color : #113454;
   color: #fafafa;
   
}
.floating_buttons ul .delete
{   
   background-color : #b92929;
   color: #fafafa;
   
}
.floating_buttons ul .reset
{   
   background-color : #1a5c72;
   color: #fafafa;
   
}
.floating_buttons ul .minimize_control
{   
   background-color : #000;
   color: #fafafa;
   
}
.minimize_control
{
       color: #000!important;
    /* background-color: #000; */
    float: right;
    padding: 0% !important;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.fa-angle-down:before {
    content: "\f107";
    font-weight: bold;
    font-size: 25px;
}
.fa-angle-up:before {
    content: "\f107";
    font-weight: bold;
    font-size: 25px;
}
.rejectedline
{
   text-decoration: line-through;
    color: #a22929;

}
  	.content-slider {
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}
      
		.content-slider li{
		    text-align: center;
		    color: #FFF;
		}
		.content-slider h3 {
		    margin: 0;
		    padding: 70px 0;
		}

.history
{
        /* border-bottom: 1px solid; */
}
.r-align {
    text-align: right !important;
}

#campaignTbl_wrapper
{
        margin-top: 10px;
    padding-bottom: 10px;
}
#planTbl_wrapper
{
      margin-top: 10px;
    padding-bottom: 10px;
}
#mediaPlanStatusTbl_wrapper
{
    margin-top: 10px;
    padding-bottom: 10px;
}
.delete_row {
    color: #133149 !important;
    font-size: 18px !important;
    margin-left: 5px !important;
}
.showemail
{
    color:#133149 !important;
    font-size: 18px !important;
    margin-left: 5px !important;
}
.openemailicon
{
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    margin-left: 5px;

    }
 .norecord 
 {
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
 }
.norecord h3
{
    text-align: center;
    font-family: 'OpenSans_Regular';
    color: #133149;
    vertical-align: middle;
}

.notification_email>tbody>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid transparent !important;
    font-family: 'OpenSans_Regular';
    color: #666666;
    font-size: 12px;
    word-break: break-word;
    position: relative;
}


.dashboard_dataTable td.details-control:after {
   font-weight: bold;
   font-size: 20px;
   margin-left: 15px;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
}
.dashboard_dataTable tr.shown td.details-control:after {
   font-weight: bold;
   font-size: 20px;
  margin-left: 15px;
   content: "\f107";
   font: normal normal normal 14px/1 FontAwesome;
   
}
.dashboard_dataTable td.details-control {
   font-weight: bold;
   font-size: 20px;
  background: none;
}
.dashboard_dataTable tr.shown td.details-control {
   font-weight: bold;
   font-size: 20px;
   background: none;
   
}
#divMediaPlanSummaryChart
{
   margin-bottom: 5px;
   position :relative;
}
.floatingButtons 
{
     text-align: center;
     padding-top: 10px;
     padding-bottom: 20px;
     cursor: not-allowed !important;
     position: fixed;
     bottom: 0;
     width: 100%;
     padding: 0%;
     left: 0%;
     z-index: 20;
}
.floatingg_Buttons{
    text-align: right;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-right:20px !important;
    cursor: not-allowed !important;
    position: fixed;
    top: 160px;
    width: 100%;
    padding: 0%;
    left: 0%;
    z-index: 20;
    margin-right: 67px;
}
.loading_info
{
    
    position: absolute;
    color: #000;
    top: 50%;
    transform: translateY(-50%);
    left: 48.3%;
    font-size: 20px;
    font-weight: bold; 
}
.loading_message
{
       position: absolute;
    color: #000;
    top: 35%;
    transform: translateY(-50%);
    /* left: 48.3%; */
    text-align: center;
    left: 0;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
}
#emailNotificationTbl_wrapper {
    margin-top: 10px;
    padding-bottom: 10px;
}
.legends
{
        text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
}
.lnk-legend
{
    cursor:pointer;
}
.color_legends
{
    display: inline;
}
.color_legends li
{
      display: inline;
    list-style: none;
    font-size: 17px;
}
.color_legends li span
{
    vertical-align: middle;
}
.color_legends li .color_show_yellow:before
{
    color: rgb(255, 255, 217);
       margin-right: 5px;
}

    
.color_legends li .color_show_green:before
{
      color: rgb(206, 255, 206);
       margin-right: 5px;
}
.color_legends li .color_show_red:before
{
  color: rgb(255, 201, 201);
     margin-right: 5px;
}
.color_legends li .color_show_white:before
{
  color: rgb(255, 255, 255);
    margin-right: 5px;
}

.fa-square:before {
   font-size: 24px;
}

.legend { list-style: none;  color: #343434;}
.legend a{
        color: #343434;
}
.legend li {       margin-right: 10px;
    display: inline-block;
    font-family: 'OpenSans_Regular';
    font-weight: 600;
    /* padding-top: 13px; */
    font-size: 16px;
    vertical-align: middle;
  }
.legend span {
    border: 2px solid #ccc;
    float: left;
    width: 30px;
    height: 20px;
    margin: 2px;
    vertical-align: middle;
    margin-right: 5px;
    }
/* your colors */
.placementlegend .superawesome { background-color: rgb(255, 255, 217) !important; }
.placementlegend .awesome { background-color: rgb(206, 255, 206) !important; }
.placementlegend .kindaawesome { background-color: rgb(255, 201, 201) !important; }
.placementlegend .notawesome { background-color: rgb(214, 255, 255) !important; }
.placementlegend .placementunderNegotiation { background-color: rgb(233, 233, 233) !important; }
.placementlegend .placementnew { background-color: rgb(255, 255, 255) !important; }
.legend .overbooked {background-color: #C91426;}
.legend .nonworking { background-color: #ccc }

.hardbooklegend{
    background-color: #a33d72;
}
.softbooklegend{
        background-color: #FFA534;
}

.availablelegend{
        background-color: #1a7d3a;
}

.holidaylegend{
        background-color: #cafef4;
}
.noneditable{
    background-color: #c7c9cc;
}
.otherProjectlegend{
     background-color: #c2cc26;
}
.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
    color:#ff0000;
     margin-left: 4px;
    font-size: 14px;
}
.fa-minus:before {
    content: "\f068";
    /* color: #a22929; */
}
.last_formcontrol_padding
{
    margin-bottom: 4%;
}
.UDFControls 
{
    padding: 0%;
}
.search_main_control
{
        padding: 0%;
    margin-top: 0%;
}
#ctl00_head_resSearchDiv
{
    width: 73%;
    padding: 0%;
}
.form-dashboard .form-group
{
    margin: 0%;
}
.fixedCalendarWidth
{
       max-width: 142px;
}
.fixedComboWidth
{
       max-width: 203px;
}
.plan_name
{
    padding: 0%;
}
.plan_dates
{
    padding: 0%;
}

.icon-external-link:before {
      content: "\f14c";
           font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
.gotoLink
{
    background-color: #114f83;
    border: 1px solid #114f83;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    margin-right: 2px;
    font-family: 'OpenSans_Regular';
    font-size: 14px;
    margin-top: 1px;
    margin-bottom: 0.5px;
}
.gotoLink:hover
{
    background-color: #1763a2;
    border: 1px solid #1763a2;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    margin-right: 2px; 
    font-family: 'OpenSans_Regular';
}

.gotoLink a
{
  
    color: #fff;
 
}

.gotoLink .fa-external-link-square:before {
    content: "\f14c";
    margin-right: 3px;
}
.gotoLink span{
        color: #fff !important;
    font-size: 14px !important;
}
.actionButtonUdf 
{
       margin-left: 83%;
    margin-bottom: 4px;
    float: left;
}
.actionButtonNewLink
{
    width: 18px !important;
    height: 18px !important;
}
.deletelink
{
   background-color: #d9534f !important;
    border-color: #d9534f !important;
   color: #fff;
}
.gotoLink_edit
{
    background-color: #114f83;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    margin-right: 2px; 
    float: left;
    padding-left : 10px;
    padding-right: 10px;
}
.gotoLink_edit a
{
  
    color: #fff;
     font-family: 'OpenSans_Regular';
}

.gotoLink_edit .fa-file-text-o:before {
    content: "\f0f6";
    margin-right: 3px;
}

#limit-char
{
     margin-top: 0%;
}
.required:after {
    content: "\f069";
    font-family: FontAwesome;
    color: red;
    /* font-weight: 700; */
    font-size: 10px;
       top: -2px;
    right: 3px;
    position: absolute;
    /* margin-top: -15px; */
}
.table>tbody>tr>td .fa-check{
    font-style: normal;
    color: green;
    font-size: 14px;
}
#dtPlacement>tbody>tr>td label
{
    vertical-align: top;
    font-family: 'OpenSans_Regular';
    color: #666666;
    font-size: 12px;
    position: relative;
}

.lookup_panel>tbody>tr>td label
{
    vertical-align: top;
    font-family: 'OpenSans_Regular';
    color: #666666;
    font-size: 12px;
    position: relative;
}
.required_field
{
    border: 1px solid #5b5b5b;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(114,114,114,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(114,114,114,.6)
}
.required_label
{
    font-weight: 600 !important;
    color: #cc0a0a !important;
}
.required_label h3
{
    font-weight: 600;
}

.datetimepicker
{
    z-index:1151 !important;
}
textarea.form-control {
    height: auto;
    min-height: 85px !important;
}
textarea:disabled {
    cursor: default !important;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.gotoLink .fa-plus-square:before {
    content: "\f0fe";
    margin-right: 3px;
}
.gotoLink .fa-refresh:before{
    content: "\f021";
    margin-right: 3px;
}
.gotoLink .newfile {
     margin-right: 4px;
     background: url(../../MediaPLanning/images/new_fileicon.png);
     content: "";
     display: inline-block;
     width: 18px;
     height: 18px;
     background-repeat: no-repeat;
     background-size: 100%;
     text-align: center;
     margin: 0 auto;
     vertical-align: middle;
     margin-right: 3px;
}

.gotoLink .newfilea {
    color: #fff;
    vertical-align: super;
}
.initiate
{
    padding-bottom: 4px !important;
}
.creative_header
{
    margin-top: 8px;
    padding: 0%;
    margin-bottom: 8px;
}
.hCreativeFromClientTitle
{
    padding: 0%;
}
.hCreativeFromClientTitle label
{
        margin-top: 6px;
}
.clientLinesModal
{
    width : 75%;
}
.heading-margin-top
{
    margin-top: 0%;
}
.communication_header
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.communication_header label
{
    font-weight: bold;
    padding: 0%;
}
button[id^="btnResPopup"] {
    background: #174c78;
    color: #fafafa;
}
button[id^="btnResPopup"]:hover {
    background: #1a5b92;
    color: #fafafa;
}
button[id^="btnResPopup"]:active {
     background: #1a5b92;
    color: #fafafa;
}

button[id^="btnResPopup"] .fa-envelope 
{
        color: #fafafa;
        margin-right: 4px;
}

.distribution_options
{
    margin-top: 0px;
}
.distribution_options label
{
        margin-bottom: 5px;
}
.floodlight_offset
{
    margin-left: 10%;
}
.floodlight_offset .control_lbl
{
    text-align : right;
    padding: 0%;
}
button[disabled], html input[disabled]
{
    cursor: not-allowed !important;
}
button[disabled].gotoLink
{
   opacity: .65;
   color: #fff;
}
.padding-left-right
{
          padding-right: 7px;
    padding-left: 7px;

}
.buttons_panel
{
    text-align : right;
}
.table>tbody>tr>td .fa-angle-right:before {
    font-size: 20px;
    font-weight: bolder;
}
.table>tbody>tr>td .fa-share-square-o:before {
    font-size: 20px;
    font-weight: bolder;
     color: #174c78;
}
.table>tbody>tr>td .fa-external-link:before
{
  font-size: 20px;
   font-weight: bolder;
    color: #174c78;
}
.navigation_link
{
    margin-right: 4px;
    background: url(../images/arrow_nav.png);
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    margin-right: 3px;
     -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
div:focus
{
    outline: 0px solid transparent;
}
#lnkLevel3
{
    word-wrap: break-word;
}
#dtClient>tbody>tr:hover {
    background-color: #f5f5f5;
    cursor: default !important;
}
.dvFieldListAddForm
{
     padding-right: 2px;
}
.dvFieldListAddForm .btn
{
    margin-top: 15px;
}
#dvMessagePanel .alert {
    padding: 5px;
}
   
.SC_control {
    display: inline-block;
    position: relative;
    padding-left: 20px !important;
    margin-bottom: 0px !important;
    cursor: pointer !important;
    /* font-size: 18px !important; */
}
.SC_control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.SC_control__indicator {
  position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background: transparent;
    border: 1px solid #333;
    border-radius: 4px;
}
.SC_control--radio .SC_control__indicator {
  border-radius: 50%;
}
.SC_control:hover input ~ .SC_control__indicator,
{
  background: transparent;
}
.SC_control input:focus ~ .SC_control__indicator {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.SC_control input:checked ~ .SC_control__indicator {
    border: 1px solid transparent;
}
.SC_control:hover input:not([disabled]):checked ~ .SC_control__indicator,
.SC_control input:checked:focus ~ .SC_control__indicator {
  border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.SC_control input:disabled ~ .SC_control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.SC_control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.SC_control input:checked ~ .SC_control__indicator:after {
  display: block;
}
.SC_control--checkbox .SC_control__indicator:after {
        left: 0px;
    top: -4px;
    width: 3px;
    height: 8px;
    /* border: 1px solid #0375c8; */
    /* border-width: 0 10px 8px 0; */
    content: "\f046";
    color: #0375c8;
    font-family: FontAwesome;
    font-size: 17px;
}
.SC_control--checkbox input:disabled ~ .SC_control__indicator:after {
  border-color: #7b7b7b;
}
#dtClient>tbody>tr>td>.fa-external-link:hover {
    cursor: pointer !important;
}
label[id^='associated_plcment_id_'] a , label[id*=' associated_plcment_id_'] a{
     word-wrap: break-word;
}
#buyingMainTable table 
{
    margin-left: 28px !important;
}


/* For the Side Menu */
*,
*:after,
*::before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

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

/* Icomoon.com */

.gn-menu-main,
.gn-menu-main ul {
		margin: 0;
		padding: 0;
		color: #5f6f81;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		line-height: 60px;
}

.gn-menu-main {
		position: fixed;
		top: 0;
		left: 0;
		height: 60px;
		font-size: 13px;
		z-index: 1000;
}

.gn-menu-main a {
		display: block;
		color: #fafafa;
		text-decoration: none;
		cursor: pointer;
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		background: #174c78;
		color: white;
		text-decoration: none;
}

.gn-menu-main > li {
		display: block;
		float: left;
		text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: relative;
		width: 60px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.gn-menu-main > li > a {
		    padding: 30px;
		    padding-bottom: 10px;
		    padding-top: 15px;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		    font-weight: bold;
		    background-color: #343434;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 0;
		/* height: 100%; */
		overflow: hidden;
		/* min-height: 100%; */
		width: 60px;
		border-top: 1px solid #c6d0da;
		background: #2c2f31;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 330px !important;
		height: 101%;
}

.gn-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 18px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 1px #c6d0da
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.gn-submenu li a {
		color: #ccc;
		/* font-family: Open_Sans; */
		font-weight: 100;
		padding-left: 12px;
}

input.gn-search {
		position: relative;
		z-index: 10;
		padding-left: 60px;
		outline: none;
		border: none;
		background: transparent;
		color: #5f6f81;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		cursor: pointer;
}
.no-touch .gn-menu-main a:hover, .no-touch .gn-menu li.gn-search-item:hover, .no-touch .gn-menu li.gn-search-item:hover a {
     background: #174c78 !important; 
      background-color: #174c78 !important; 
    color: white;
    text-decoration: none;
}
.gn-selected {
    background-color: #174c78 !important;
}
.gn-menu-main:hover , .gn-menu-main:hover:active , .gn-menu-main:hover:focus{
    background-color: #174c78 !important;
}
.gn-menu-main:hover{
    background-color: #174c78 !important;
}
.gn-menu-main > li > a:hover{
     background-color: #174c78 !important;
}
/* placeholder */

.gn-search::-webkit-input-placeholder {
		color: #5f6f81
}

.gn-search:-moz-placeholder {
		color: #5f6f81
}

.gn-search::-moz-placeholder {
		color: #5f6f81
}

.gn-search:-ms-input-placeholder {
		color: #5f6f81
}

/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
		color: transparent
}

input.gn-search:focus {
		cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
		color: white
}

/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
		color: white
}

.gn-menu-main a.gn-icon-search {
		position: absolute;
		top: 0;
		left: 0;
		height: 60px;
}
.gn-menu-main a i {
	  vertical-align: text-top;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    width: 60px;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.gn-icon::before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'ecoicons';
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
		content: "\e000"
}

.gn-icon-earth::before {
		content: "\e004"
}

.gn-icon-cog::before {
		content: "\e006"
}

.gn-icon-search::before {
		content: "\e005"
}

.gn-icon-download::before {
		content: "\e007"
}

.gn-icon-photoshop::before {
		content: "\e001"
}

.gn-icon-illustrator::before {
		content: "\e002"
}

.gn-icon-archive::before {
		content: "\e00d"
}

.gn-icon-article::before {
		content: "\e003"
}

.gn-icon-pictures::before {
		content: "\e008"
}

.gn-icon-videos::before {
		content: "\e009"
}

/* if an icon anchor has a span, hide the span */

.fa span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}
/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
		width: 333px;
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
		height: 60px
}

@media screen and (max-width: 422px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    font-size: 30px;
    font-weight: lighter;
    margin-left: -15px;
    color: #fff;
}

@font-face {
    font-family: 'Lato_Regular';
    src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: 'OpenSans_Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
    font-family: 'OpenSans_Light';
    src: url('../fonts/OpenSans-Light.ttf');
}
@font-face {
    font-family: 'OpenSans_Italic';
    src: url('../fonts/OpenSans-Italic.ttf');
}
@font-face {
    font-family: 'OpenSans_Bold';
    src: url('../fonts/OpenSans-Bold.ttf');
}
@font-face {
    font-family: 'Myraidpro_Regular';
    src: url('../fonts/Myraidpro_Regular.ttf');
}

*
{
	margin: 0%;
	/* padding: 0%; */
}
body{
	 background-color: #fafafa;
	
}
   

.page-wrapper
{
	width: 100%;
	background: rgba(203, 203, 210, 0.15)
}
.zero-padding{
	padding: 0%;
}
.zero-margin{
	margin: 0% !important;
}
.page-header-top
{
	    background-color: #343434;
	    position: fixed;
	    z-index: 1000;
        width: 100%;
}
    
.margin10
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.padding10{
    padding-top: 10px;
	padding-bottom: 10px;
}
a, button, code, div, img, input, label, li, p, pre, select, span, svg, table, td, textarea, th, ul {
    /* -webkit-border-radius: 0!important; */
    -moz-border-radius: 0!important;
    /* border-radius: 0!important; */
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}
body, h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",sans-serif;
}
.page-header .page-header-top .top-menu {
       margin: 3px 0 0;
       padding: 0;
       float: right;
       margin-right: 5%;
}
.page-header .page-header-top .page-logo {
    float: left;
    display: block;
    width: 255px;
    margin-left: 0%;
}
.page-header .page-header-top .page-logo .logo-default {
      width: 200px;
    /* height: 40px; */
    margin: 2px 0 0;
}
.page-header .page-header-top .top-menu .navbar-nav {
    padding: 0;
    margin-right: 0;
    display: block;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>h3 {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 13px;
    display: inline-block;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown {
    margin: 0;
    padding: 0 4px;
    display: inline-block;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle {
    margin: 0 0 0 1px;
    padding:5px 8px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {
    color: #fafafa;
	font-size: 19px;
}

li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"], li [class^=fa-], li [class^=glyphicon-], li [class^=icon-] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
    top: 1px;
    position: relative;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge {
    font-family: "Open Sans",sans-serif;
    position: absolute;
    top: 9px;
    right: 24px;
    font-weight: 300;
    padding: 3px 6px;
}
.badge {
    font-size: 11px!important;
    font-weight: 300;
    height: 18px;
    color: #fff;
    padding: 3px 6px;
    -webkit-border-radius: 12px!important;
    -moz-border-radius: 12px!important;
    border-radius: 12px!important;
    text-shadow: none!important;
    text-align: center;
    vertical-align: middle;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle .badge.badge-default {
    background-color: #1DC7EA;
    color: #fff;
}


/*DROPDOWN*/
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle {
    background-color: #fff;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
    background: #2e343b;
    border: 0;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external {
    background: #272c33;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external {
    display: block;
    overflow: hidden;
    padding: 15px;
    letter-spacing: .5px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external>h3 {
    color: #a2abb7;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a {
    display: inline-block;
    padding: 0;
    background: 0 0;
    clear: inherit;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    border: 0;
    margin-top: -2px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a {
    color: #337ab7;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list {
    padding-right: 0!important;
    padding-left: 0;
    list-style: none;
	    height: 250px;
    overflow: hidden;
    width: auto;
}
.dropdown-menu {
    left: 0;
    min-width: 175px;
    position: absolute;
    /* z-index: 998; */
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    margin: 10px 0 0;
    border: 1px solid #eee;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu {
    min-width: 160px;
    max-width: 195px;
    width: 195px;
    z-index: 9996;
    margin-top: 5px;
    margin-right: 7px;
    font-family: "Open Sans",sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li:first-child a {
    border-top: none;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a {
    color: #fafafa;
    border-bottom: 1px solid #3b434c!important;

}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:focus,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:focus{
    background: #373e47 !important;
   color: #fafafa !important;
       outline: 0;
}
    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:focus {
        background: #373e47 !important;
        border-bottom: 1px solid #3b434c !important;
    }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
       padding: 8px 16px;
    text-shadow: none;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list>li>a .time {
   
 background: #23272d;
}
.nav.pull-right>li>.dropdown-menu, .nav>li>.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
    border-left: none;
    border-right: none;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:before {
    position: absolute;
    top: -8px;
    right: 9px;
    display: inline-block!important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #efefef;
    border-left: 8px solid transparent;
    content: '';
}
.nav.pull-right>li>.dropdown-menu:before, .nav>li>.dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}
.btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before {
    position: absolute;
    top: -8px;
    left: 9px;
    right: auto;
    display: inline-block!important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e0e0e0;
    border-left: 8px solid transparent;
    content: '';
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #2e343b;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu:after {
    border-bottom-color: #f7f8fa;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:after {
    position: absolute;
    top: -7px;
    right: 10px;
    display: inline-block!important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
	left: inherit;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu {
    z-index: 9996;
    margin-top: 5px;
    margin-right: 7px;
    font-family: "Open Sans",sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list {
    padding-right: 0!important;
    padding-left: 0;
    list-style: none;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover {
    background: #373e47;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list>li>a:hover .time {
    background: #181b1e;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details {
    overflow: hidden;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a 
.details .label-icon {
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time {
    float: right;
    max-width: 75px;
    font-size: 11px;
    font-weight: 400;
    opacity: .7;
    filter: alpha(opacity=70);
    text-align: right;
    padding: 1px 5px;
}
.label.label-sm {
    font-size: 13px;
    padding: 2px 5px;
}
.label.label-icon {
    padding: 4px 0 4px 4px;
    margin-right: 2px;
    text-align: center!important;
}
.label {
    text-shadow: none!important;
    font-size: 14px;
    font-weight: 300;
    padding: 3px 6px;
    color: #fff;
}
.label, .table.table-light>thead>tr>th {
    font-family: "Open Sans",sans-serif;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu:after {
    border-bottom-color: #f7f8fa;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #2e343b;
}
.bootbox .slimScrollDiv {
    height:auto !important;
}
.bootbox-body {
    max-height:250px;
}
.slimScrollDiv {
    border: 0px solid #eee;
    height: 100%;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task {
    margin-bottom: 5px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .desc {
    font-size: 13px;
    font-weight: 700;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .percent {
    color: #36c6d3;
    float: right;
    font-weight: 600;
    display: inline-block;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress {
    display: block;
    height: 8px;
    margin: 8px 0 2px;
}
.pace .pace-progress-inner, .page-header, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress .progress-bar {
    box-shadow: none;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
    margin-top: -8px;
    margin-right: 8px;
    height: 35px;
    float: left;
    width: 35px;
}
/*.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
    margin-top: -8px;
    margin-right: 8px;
    height: 35px;
    float: left;
    width: 35px;
}*/
.user-info{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
        margin-top: 4px;
    margin-bottom: 4px;
}
.user-info label{
    font-size: 13px !important;
        max-width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
    font-family: 'OpenSans_Regular';
    font-size: 12px;
    display:block !important;
    color: #fff;
}
.user-info span{
    font-size: 12px !important;
        max-width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
    font-family: 'OpenSans_Regular';
    font-size: 12px;
        vertical-align: super;
        color: #fff;
            margin-left: 2px;
}
.switchedUser{
    vertical-align : middle;
}
.DefaultName{
    color: #fcda00 !important;
    vertical-align: super;
}
.DefaultName:hover{
    color: #fcda00;
}
.DefaultName:not(:empty):before {
 
    content: "-";
    color: #fcda00;
    margin-right: 3px;
  
}

.company-info{
    color: #fff;
}
.company-info .username{
    font-size: 12px;
        vertical-align: bottom;
    font-family: OpenSans_Light;
    color: #fafafa;
} 
.material-icons{
    vertical-align: sub;
    font-size: 18px;
}
.lblUserName{
        display: inline-block;
}
.userProfilePicture{
    display: inline-block;
    vertical-align: middle;
        margin-bottom: 0px;
}
.user-info .fa{
             vertical-align: initial;
    font-size: 18px;
    color: #50e2f9;
    margin-left: -2px;
    margin-right: -3px;
}     
.user-info .material-icons{
    font-size: 20px;
     color: #50e2f9;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown:hover{
        cursor: pointer;
}
.user-info span:hover{
     cursor: pointer;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.userProfilePicture>img{
     height: 40px;
    width: 40px;
}
.img-circle {
    border-radius: 50%!important;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu {
    width: 195px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
    background: #2e343b;
    border: 0;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle {
    background-color: #343434;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover {
    background-color: transparent;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
    background: #2e343b;
    border: 0;
    
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a {
    border-bottom: 0!important;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a>i {
    color: #6FA7D7;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a {
    font-weight: 300;
    font-size: 13px;
}
.dropdown-menu>li>a {
    padding: 8px 16px;
    color: #6f6f6f;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a .badge {
    margin-right: 10px;
}
.dropdown-menu>li>a>.badge {
    position: absolute;
    margin-top: 1px;
    right: 3px;
    display: inline;
}
.badge-danger {
    background-color: #ed6b75;
}
.badge-success {
    background-color: #36c6d3;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator {
    padding-left: 0;
    padding-right: 6px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown .separator, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator .separator {
    border-left: 1px solid #E3E8EC;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator .separator {
    float: left;
    display: inline-block;
    width: 1px;
    height: 30px;
    margin-left: 5px;
    margin-top: 12px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {
    color: #fafafa;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.circle {
    background-color: #1DC7EA;
    color: #fff;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner {
    border-color: transparent transparent transparent #1DC7EA;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle {
    padding: 17px 0 8px 8px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown {
    margin: 0;
    padding: 0 4px;
    display: inline-block;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.circle {
    float: left;
    margin-top: -5px;
    padding: 3px 10px 4px;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
    border-radius: 50%!important;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner {
    float: left;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 9px 9px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a {
    color: #fafafa;
    border-bottom: 1px solid #3b434c!important;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo {
    float: left;
    margin: 0 6px 6px 0;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo img {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
    border-radius: 50%!important;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject {
    display: block;
    margin-left: 46px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .message {
    display: block!important;
    font-size: 12px;
    line-height: 1.3;
    margin-left: 46px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover {
    background: #373e47;
	text-decoration : none;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li a:hover {
    text-decoration: none;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .from {
    font-size: 14px;
    font-weight: 600;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .time {
    font-size: 12px;
    font-weight: 400;
    opacity: .5;
    filter: alpha(opacity=50);
    float: right;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
    color: #5b9bd1;
}

/*HEADER MENU*/
.page-header .page-header-menu {
    background: #444d58;
}
.page-header .page-header-menu .hor-menu {
    margin: 0;
    float: left;
}
.page-header .page-header-menu .hor-menu .navbar-nav, .page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown {
    position: static;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a>i {
    color: #BCC2CB;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover {
    color: #f1f1f1;
    background: #4E5966;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.classic-menu-dropdown .dropdown-menu {
    min-width: 195px;
    max-width: 235px;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu {
    background: #55616f;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu, .page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav>li.mega-menu-dropdown>.dropdown-menu {
    box-shadow: 5px 5px rgba(85,97,111,.2);
}
.page-header .page-header-menu .search-form {
    position: relative;
    display: inline-block;
    float: right;
    width: 260px;
    transition: width .4s;
    margin-top: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.page-header .page-header-menu .search-form .input-group {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.page-header .page-header-menu .search-form .input-group .form-control {
    color: #616d7d;
    background: #38414c;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
    padding: 0;
    height: 34px;
    z-index: 3;
    position: relative;
    top: 10px;
    right: 11px;
}
.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44;
}
.page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form .input-group {
    background: #38414c;
}

.page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form .input-group {
    background: #38414c;
}
.page-header .page-header-menu .search-form .input-group .form-control {
    border: 0;
    font-size: 13px;
    padding-right: 20px;
    font-weight: 300;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i {
    color: #616d7d;
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i {
    font-size: 15px;
}
[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
    /* line-height: 14px; */
    -webkit-font-smoothing: antialiased;
}
.form-control:focus {
    border-color: #93a1bb;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.input-group .form-control:focus {
    z-index: 3;
}
.page-header .page-header-menu .search-form .input-group .form-control:hover {
    cursor: pointer;
}

.ct-line.ct-threshold-above, .ct-point.ct-threshold-above, .ct-bar.ct-threshold-above {
  stroke: #f05b4f;
}

.ct-line.ct-threshold-below, .ct-point.ct-threshold-below, .ct-bar.ct-threshold-below {
  stroke: #59922b;
}

.ct-area.ct-threshold-above {
  fill: #f05b4f;
}

.ct-area.ct-threshold-below {
  fill: #59922b;
}
.ct-series-a .ct-bar.ct-threshold-above {
  stroke: #f05b4f;
}

.ct-series-a .ct-bar.ct-threshold-below {
  stroke: #59922b;
}
.gn-menu li {
    background-color: #343434;
}

/*GANTT CHART*/
.gantt_container {
    font-family: 'OpenSans_Light' !important;
    font-size: 13px;
    border: 1px solid #cecece;
    position: relative;
    white-space: nowrap;
}
.gantt_grid_scale .gantt_grid_head_cell {
    color: #343434!important;
    border-top: none!important;
    border-right: none!important;
    font-family: OpenSans_Regular!important;
    font-weight: 800!important;
}
.gantt_grid_data .gantt_row.odd:hover, .gantt_grid_data .gantt_row:hover {
    background-color: #eee!important;
}
.gantt_task_progress {
    border-radius: 30px !important;
}
/*.gantt_task_progress {
    text-align: center;
    z-index: 0;
    background: #144c78!important;
}
.gantt_task_line {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #376c93;
    border: 1px solid #2898b0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
}
.gantt_task_line {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2c6993 !important;
    border: 1px solid #2898b0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
}*/
.gantt_task .gantt_task_scale .gantt_scale_cell {
    color: #343434 !important;
    border-right: 1px solid #ebebeb !important;
    font-weight: 800 !important;
    font-family: 'OpenSans_Regular' !important;
}
.gantt_task .gantt_thirdlevel{
    background-color: #fcbd62 !important;
    border-color: #ffa626 !important;
}
.gantt_thirdlevel .gantt_task_progress{
        background-color: #dd953e !important;
}
/*
.gantt_grid_scale, .gantt_task_scale {
    color: #6b6b6b;
    font-size: 12px;
    border-bottom: 1px solid #cecece;
    background-color: #fff;
  
}*/

.gantt_grid {
    border-right: 1px solid #cecece;
    width: 41.2% !important;
}

.gantt_grid_scale, .gantt_task_scale {
    color: #6b6b6b;
    font-size: 12px;
    border-bottom: 1px solid #cecece;
    background-color: #fff;
  
}
.gantt_grid_scale{
	  width: 100% !important;
	
}
.gantt_grid_data {
    width: 100%;
    overflow: hidden;
    width: 100% !important;
}
.gantt_task {
    position: relative;
    width: 58.8% !important;
    overflow-x: scroll !important;
}
.gantt_grid_data .gantt_cell {
    border-right: none;
    color: #454545;
    /* width: 160px !important; */
    text-align: left;
    font-size: 13px;
}
/*
.gantt_grid_scale .gantt_grid_head_cell {
    color: #343434!important;
    border-top: none!important;
    border-right: none!important;
    font-family: OpenSans_Regular!important;
    font-weight: 800!important;
}*/
.gantt_grid_scale .gantt_grid_head_cell {
    /* width: 120px !important; */
    text-align: left;
}
.gantt_grid_scale .gantt_grid_head_cell:nth-child(2){
     /* width: 150px !important; */
}
.gantt_grid_data .gantt_cell:nth-child(2){
    /* width: 150px !important; */
}
.gantt_grid_scale .gantt_grid_head_cell:nth-child(4){
     width: 100px !important;
}
.gantt_grid_data .gantt_cell:nth-child(4){
    width: 100px !important;
}

.gantt_grid_scale .gantt_grid_head_cell:nth-child(5){
     width: 80px !important;
}
.gantt_grid_data .gantt_cell:nth-child(5){
    width: 80px !important;
}
/*New*/

.gantt_grid_scale, .gantt_task_scale {
    color: #3f3f3f;
    font-size: 9pt;
    border-bottom: 1px solid #cac8bd;
    background-color: transparent !important;
}
.gantt_task_content {
    font-size: 12px !important;
    /* color: #343434 !important; */
    width: 100%;
    top: 0;
    font-weight: normal;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-family: 'OpenSans_Regular' !important;
}
.gantt_side_content {
    position: absolute;
    white-space: nowrap;
    color: #343434 !important;
    bottom: 7px;
    font-size: 11px;
    font-size: 12px !important;
	 font-family: 'OpenSans_Regular' !important;
}
.gantt_cell, .gantt_grid_head_cell, .gantt_row, .gantt_scale_cell, .gantt_task_cell, .gantt_task_row {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
}
.gantt_task_line {
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e1ffd4;
    border: 1px solid #7fbc64;
    -webkit-user-select: none;
    margin-bottom: 24px !important;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
}
/*end New*/
#menu-toggle
{
	    position: fixed;
    top: 0;
    left: 0;
	width : auto;
}
#menu-toggle:before{
    content: "\f0c9";
	font-family : "FontAwesome";
    font-size: 55px;
    text-align: center;
    margin: 0px 5px;
}

/*MENU*/
.panel-group {
    margin: 0%;
    padding: 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100%;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    border-color: transparent;
    border: 0px;
    margin-top: 0% !important;
    border-bottom: 0px;
    border-top: 0px;
}
.panel-default>.panel-heading {
    display: block;
    padding: 12px;
    padding-left: 0px;
    background: #2c2f31 !important;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    letter-spacing: 0.09em;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2f31), to(#3f4347));
    background: -webkit-linear-gradient(top, #2c2f31, #3f4347);
    background: -moz-linear-gradient(top, #2c2f31, #3f4347);
    background: -ms-linear-gradient(top, #2c2f31, #3f4347);
    background: -o-linear-gradient(top, #2c2f31, #3f4347);
    border-radius: 0px;
    /* font-family: 'OpenSans_Regular'; */
     border-top: 0px;
    border-right: 0px;
    border-left: 0px;
       border-bottom: 0.1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
        border-top-color: transparent;
        border-bottom: 1px solid #ccc;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    /* padding-left: 5px; */
    padding-right: 5px;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    font-size: 18px;
    line-height: 40px;
}
.panel-title>a:hover , .panel-title>a:focus , .panel-title>a:active {
  color: #fff;
  outline:0;
}

.panel-title>a > span {
    font-size: 18px;
    vertical-align: middle;
    width: 20px;
    display: inline-block;
    filter: drop-shadow(1px 1px 2px #000);
}
.panel-heading .accordion-toggle::after, .panel-heading .accordion-toggle.collapsed[aria-expanded='false']::after {
    content: "\e114";
    font-family: 'Glyphicons Halflings';
    float: right;
    color: #fff;
    margin-right: 0px;
}
.panel-body {
    padding: 0px;
    background-color: #343434;
}
.panel-body .table {
    margin-bottom: 0px;
    margin-left: 0px;
}
.panel-body .table {
    margin-bottom: 0px;
}
.panel-body table tr td
{
	    padding-left: 15px;
    padding-top: 4px;
    padding-bottom: 3px;
    /* border-top: transparent !important; */
    font-weight: 100;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    color: #fff;
        border-top: 0px solid transparent !important;
}
.panel-body table tr td.secondLevel{
    padding: 0% !important;
    /* padding-left: 10px !important; */
}
.panel-body table tr td.secondLevel .panel-heading{
    background: #3c4042 !important;
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 0px;
    padding-top: 0px;
}
.panel-body table tr td.secondLevel .panel-body .table{
     background: #343434;
}
.panel-body table tr td.secondLevel .panel-title i {
    vertical-align: middle;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    width: 60px;
    float: left;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}
.panel-body table tr td.secondLevel .panel-title a{
      max-width: 100%;
      margin-bottom: 5px;
      font-weight: 400;
      font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
      font-size: 17px;
      line-height: 35px;
      display: block;
      padding-left: 30px;
      vertical-align: middle;
}
.panel-body table tr td.secondLevel .panel-title a:after{
    content: "";
    margin-right: 20px;
}
.secondLevel .panel-body table tr td{
     padding: 0px 0px !important;
    border-top: transparent !important;
    vertical-align: middle !important;
    text-align: left;
    font-size: 12px;
    font-weight: 100;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    color: #fff;
    padding-left: 0px !important;
}
.secondLevel .panel-body table tr td a{
    padding-left : 25px;
}
.panel-body table tr td a
{
 padding: 6px 0px;
 /* color: #343434; */
 /* text-decoration: none; */
 /* text-shadow: none; */
 font-weight: 100;
 font-size: 16px;
    display: inline-flex;
      display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
}
.panel-heading .accordion-toggle.collapsed::after, .panel-heading a[aria-expanded='true']::after  {
     font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #fff;         /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed  > .panel-heading , .panel-heading a[aria-expanded='true'] > .panel-heading  {
    background: #1668a3;
    border-top: 1px solid #1668a3;
    border-bottom: 1px solid #1668a3;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44c6eb), to(#2799db));
    background: -webkit-linear-gradient(top, #1668a3, #174c78);
    background: -moz-linear-gradient(top, #1668a3, #174c78);
    background: -ms-linear-gradient(top, #1668a3, #174c78);
}
.panel-default .panel-heading a[aria-expanded="true"] ~ .panel-heading{
	background-color: #dcdcdc;
}
.panel-heading .accordion-toggle::after , .panel-heading .accordion-toggle.collapsed[aria-expanded='false']::after{
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    /* float: right; */        /* adjust as needed */
    color: #fff;         /* adjust as needed */
}
.panel-default input[type='checkbox'] {
    display: none;
}

.panel-default ul li input[type='checkbox']:checked ~ .panel-heading {
    background: #1668a3;
    border-top: 1px solid #1668a3;
    border-bottom: 1px solid #1668a3;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44c6eb), to(#2799db));
    background: -webkit-linear-gradient(top, #1668a3, #174c78);
    background: -moz-linear-gradient(top, #1668a3, #174c78);
    background: -ms-linear-gradient(top, #1668a3, #174c78);
}
.panel-body table tr td {
    padding: 0px 0px !important;
    border-top: transparent !important;
    vertical-align: middle !important;
    text-align: left;
    font-size: 12px;
    font-weight: 100;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    color: #fff;
    padding-left: 0px !important;
}
.panel-body table tr td a {

padding: 10px 0px;

padding-left: 25px;

color: #fff;

text-decoration: none;

text-shadow: none;

font-weight: 100;

width: 89%;

display: inline-flex;

display: -ms-inline-flexbox;

display: inline-block;
}
.panel-body table tr td a i {
      font-size: 18px;
      vertical-align: middle;
      width: 20px;
      display: inline-block;
      /* -webkit-filter: invert(90%) drop-shadow(1px 1px 1px #c4c4c4); */
      /* filter: invert(90%) drop-shadow(1px 1px 1px #c4c4c4); */
      float: left;
      margin-right: 5px;
}
.panel-body table tr td .badge {
    float: right; 
    background: #0089eb;
    border: 1px solid #0f5e96;
    border-bottom: 1px solid #0f5e96;
    padding: 2px 5px;
    font-size: 10px;
    /* padding-right: 8px; */
    -moz-border-radius: 12px;
    color: #fff;
    /* word-wrap: normal; */
    border-radius: 0px;
    -moz-box-shadow: inset 0 0 10px #111;
    -webkit-box-shadow: inset 0 0 10px #0f5e96;
    box-shadow: inner 0 0 10px #111;
    position: relative;
    bottom: 0;
    /* font-weight: normal; */
    /* top: 5px; */
    margin-left: 10px;
    /* margin-top: 10px; */
    max-height: 20px;
    /* vertical-align: initial; */
}
.panel-body .table>tbody>tr:hover{
        background-color: #757575;
        cursor: pointer;
}
.panel-body .table>tbody>tr.current{
        background-color: #757575;
     
}
.panel-heading:hover {
    background-color: #174c78;
    background: #174c78;
}
.header
{
	background-color: #133149;
	padding-bottom: 10px !important;
    position:relative;
}
.card {
    border-radius: 4px;
    box-shadow: none !important;
    background-color: #FFFFFF;
    margin-bottom: 0px !important;
}
.card .title {
       margin: 0;
    color: #fafafa !important;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'OpenSans_Light';
}
.card .category, .card label {
    /* font-size: 14px; */
    /* font-weight: 400; */
    /* color: #eee; */
    /* margin-bottom: 0px; */
}
.card .header {
    padding: 15px 15px 0;
    border-radius: 10px 10px 0px 0px !important;
    padding-left: 8px;
}
.checkbox .icons, .radio .icons {
    color: #DDDDDD;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    text-align: center;
    line-height: 21px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
.todo-container .todo-projects-container {
    padding: 0;
}
.taskhealth
{
	width: 100%;
    /* float: left; */
    margin-bottom: 0px;
}
.taskhealth .percent
{
	float: right;
	font-weight: 300;
}
.taskhealth .desc
{
	font-weight: 600;
}
.taskhealth .desc span
{
	font-weight: 300;
}
.high
{
	color: #c61616 !important;
	    font-weight: 600 !important;
}
.medium
{
	color: #209834 !important;
	    font-weight: 600 !important;
}
.low{
	color: #d0a01d !important;
	    font-weight: 600 !important;
}
.lblTaskPriority
{
	    background-color: #343434;
    padding: 3px;
    border-radius: 2px !important;
}
.PriorityHigh
{
	
background-color: #ca0a2a !important;
}
.PriorityLow
{
	 background-color: #2ecc71 !important;
}
.PriorityMedium
{
	 background-color: #ff6700 !important;
}
.blink_me {
    animation: blinker 2s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0; }
}
.PriorityEnd {
    background-color: #666666 !important;
}
.delayed {
    color: red !important;
    padding: 1px;
    vertical-align: super !important;
    /* position: absolute; */
    /* right: 0; */
    z-index: 21;
    /* top: 0; */
}
.contentSearch
{
	    float: right;
    margin-top: 5px;
    margin-bottom: 10px;
	    padding-right: 5px;
}
.contentSearch label{
	  background-color: #343434;
    padding: 3px;
}
.contentSearch label:hover{
	 cursor: pointer;
}
.card .ganttContent {
    padding: 0px 5px 0px 5px;
}

.breadcrumb {
    /* padding: 0px; */
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    margin-top: 0px;
    padding: 0px 0px;
}
.breadcrumb>li {
    display: inline-block;
    list-style: none;
    color: #666666/*#7b7b7b*/;
    font-size: 15px;
    font-family: 'OpenSans_light';
    /*font-weight: bolder;*/
}
.breadcrumb>li a {
    display: inline-block;
    list-style: none;
    color: #133149;
    font-size: 15px;
    font-family: 'OpenSans_Regular';
}

.breadcrumb>li a .fa-home:before {
    content: "\f015";
    margin-right: 5px;
    font-size: 17px;
    /* margin-top: -7px; */
    vertical-align: text-bottom;
    /* color: #666; */
}
.breadcrumb>.active {
    color: #777;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #000;
    content: "\f105";
	font-family: "FontAwesome";
    font-size: 14px;
    font-weight: bolder;
}
.card a {
    color: #343434;
}


table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent !important;
}
table.dataTable.display tbody tr.odd>.sorting_1.grayed, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1.grayed{
        background-color: #CCC !important;
}
table.dataTable tbody tr {
    /*background: #343434;*/
    /*background-color: transparent !important; */
    background-color: transparent;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 600;
	color: #343434;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333;
    /*display: none;*/
}
.dataTables_length,.dataTables_filter
{
    display:none;
}




/*Timesheet LEGENDS*/
.tslegends {
    text-align: center;
    margin-bottom: 8px;
    margin-top: 0px;
    padding: 0%;
}
.timesheet-legend {
        list-style: none;
    margin-bottom: 0%;
    float: right;
    margin-right: 5px;
}
.timesheet-legend li {
    margin-right: 0px;
    display: inline-block;
    font-family: 'OpenSans_Regular';
    font-size: 16px;
    vertical-align: middle;
	    color: #fcfcfc;
    text-shadow: 1px 1px 2px #000;
}
.timesheet-legend span {
    border: 1px solid #ccc;
    float: left;
    /* width: 18px; */
    /* height: 18px; */
    padding-top: 1px;
    padding-right: 5px;
    padding-left: 5px;
    margin: 2px;
    vertical-align: middle;
    margin-right: 0px;
}
.timesheet-legend .submitted {
    background-color: #d6cc16;
    border-color: #d6cc16;
}
.timesheet-legend .approved {
    background-color: #59c959;
    border-color: #59c959;
}
.timesheet-legend .rejected {
    background-color: #b72323;
    border-color: #b72323;
}
.timesheet-legend .notscheduled {
    background-color: #59d3d0;
    border-color: #59d3d0;
}
.timesheet-legend .weekend {
    background-color: #fbcc8c;
    border-color: #fbcc8c;
}

 .fa-comments-o:before {
    content: "\f0e6";
    font-size: 16px;
}
.fa-angle-left:before {
    content: "\f104";
    font-size: 30px;
    margin-top:10px;
}
.fa-angle-right:before {
    content: "\f104";
    font-size: 30px;
}
.fa-angle-double-right:before {
    content: "\f101";
    font-size: 30px;
}
.fa-angle-double-left:before {
    content: "\f101";
    font-size: 30px;
}
.fa-calculator:before {
    content: "\f1ec";
    font-size: 15px;
}

.comment-icon
{
	float: right;
	padding-left:2px;
    font-size: 14px !important;
    margin-right: -15px;
    color: #666;
	
}
.comment-icon:before{
        font-size: 13px !important;
}
.comment-icon-yellow
{
	float: right;
	padding-left:2px;
	color:#dcab4f;
}
.sidecontent {
    position: absolute;
    left: 50px;
    right: 2px;
    float: left;
    top: 65px;
    bottom: 0;
    margin: 0%;
    padding: 0%;
    z-index: 4;
    background: rgba(203, 203, 210, 0.15); 
    background-color: #F7F7F8;
}
.card {
    border-radius: 4px;
    box-shadow: none !important;
    background-color: #FFFFFF;
    margin-bottom: 30px;
}
.card .chartheader {
    padding: 10px 10px !important;
    background-color: #133149;
    border-radius: 10px 10px 0px 0px !important;
}
.card .charttitle {
    margin: 0;
    color: #fafafa !important;
    font-weight: 300;
    font-family: "OpenSans_Light";
    font-size: 18px;
    text-transform: uppercase;
    line-height: 30px;
}
.tile_count .tile_stats_count {
    padding: 0 10px 0 20px;
    position: relative;
    margin-bottom: 0px;
    border-bottom: 0;
    border-radius: 5px;
    padding: 2%;
    margin-right: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    background-color: #fff;
    border: 1px solid #D9DEE4;
    padding-top: 10px;
    width: 49.4%;
    margin-right: 2px;
}
.tile_count .tile_stats_count, ul.quick-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #343434;
}
.tile_count .active
{
    border: 1px solid rgb(12, 60, 98) !important;
    background-color: rgba(12, 60, 98, 0.05);
}
.tile_count {
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 0%;
    margin-right: 0%;
    padding: 0%;
}
.tile_count .tile_stats_count:hover {
    background-color: #eee;
}
.tile_count .tile_stats_count span {
    margin: 0;
    color: #333333;
    font-weight: 300;
    font-family: "OpenSans_Light";
    font-size: 15px;
    padding-left: 2px;
}
.tile_count .tile_stats_count .count {
    font-size: 22px;
    line-height: 40px;
    font-weight: bold;
}
.tile_count .tile_stats_count:nth-child(5) {  
      width: 99.3%;
}
.green {
    color: #174c78;
}
.card .chartcontent {
    padding: 15px 15px 10px 15px;
}
.gridContent
{
    padding-top: 0px !important;
}
.tile_count .tile_stats_count:hover
{
	cursor: pointer;
}
.card .category, .card label {
    /* font-size: 14px; */
    /* font-weight: 400; */
    /* color: #343434; */
    /* margin-bottom: 0px; */
    /* float: left; */
}
.icon-pushpin:before {
    content: "\F08D";
	font-family : "FontAwesome"
}
.summarygadgeticons li:first-child:after{
   content: "|"; 
   margin-left: 3px;
}
.summarygadgeticons li a {
    color: #fff;
}
.gadgeticons {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 2;
}
.gadgeticons ul li {
    display: inline-block;
    color: #fafafa;
}
.gadgeticons ul li i {
    font-size: 19px;
}
.searchIcon {
    margin-right: 0px;
    background: url(../../images/images_10.1/searchIcon.png);
    display: inline-block;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: 100%;
    /* text-align: center; */
    /* margin: 0 auto; */
    vertical-align: sub;
    /* margin-right: 3px; */
    /* margin-bottom: 4px; */
}
.gadgeticons ul li:hover {
    cursor: pointer;
}
a:hover, a:focus {
    text-decoration: none;
    color: #337ab7;
}
.disableLink i
{
    color: #b7b7b7 !important;
}
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #bc1b1b;
    border-color: #bc1b1b;
}


/*WORKFLOW CSS*/
.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px;
}

.profile-sidebar-portlet {
    padding: 10px 0 0!important;
    margin-bottom: 0px !important;
}
.portlet.light {
    padding: 12px 20px 15px;
    background-color: #fff;
}
.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 60px;
    height:60px;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
    border: 1px solid #ccc;
    /* box-shadow: 1px 1px 2px #888888; */
}
  .profile-usertitle {
    text-align: center;
    margin-top: 5px;
}
.profile-usertitle-name {
    color: #5a7391;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 1px;
}
.profile-usertitle-name>a:hover{
    color:#5b9bd1;
}
.profile-usertitle-job {
    text-transform: capitalize;
    color: #5b9bd1;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 0px;
    font-size: 12px;
}
.profile-userbuttons {
    text-align: center;
    margin-top: 5px;
}
.btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #1763a2;
    border-color: #1763a2;
}
.profile-userbuttons .btn {
    margin-right: 5px;
}
.profile-userbuttons button {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 10px;
}
.btn-circle {
    border-radius: 25px!important;
    overflow: hidden;
}
.btn {
    outline: 0!important;
}
.profile-usermenu ul li {
    border-bottom: 1px solid #f0f4f7;
    text-align: center;
    padding-top: 10px;
}
.profile-usermenu ul li a {
    color: #93a3b5;
    font-size: 16px;
    font-weight: 400;
}
.profile-usermenu ul li.active a {
    color: #5b9bd1;
    background-color: #f6f9fb;
    border-left: 2px solid #5b9bd1;
    margin-left: -2px;
}
.profile-usermenu ul li a i {
    margin-right: 8px;
    font-size: 16px;
}
.profile-usermenu .fa-remove:before,.profile-usermenu .fa-close:before,.profile-usermenu .fa-times:before:before {
    margin-right: 8px;
    font-size: 16px;
	    color: #abb6c4 !important;
}
.profile-stat {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f4f7;
}
.profile-stat-title {
    color: #7f90a4;
    font-size: 25px;
    text-align: center;
}
.profile-stat-text {
    color: #5b9bd1;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
}
.uppercase {
    text-transform: uppercase!important;
}
.capital{
    text-transform: capitalize !important;
}
.profile-desc-title {
    color: #7f90a4;
    font-size: 17px;
    font-weight: 600;
}
.profile-desc-text {
    color: #7e8c9e;
    font-size: 14px;
}
.margin-top-20 {
    margin-top: 20px!important;
}
.profile-desc-link i {
    width: 22px;
    font-size: 19px;
    color: #abb6c4;
    margin-right: 5px;
}
.profile-desc-link a {
    font-size: 14px;
    font-weight: 600;
    color: #5b9bd1;
}
.profile-usermenu {
    margin-top: 0px;
    padding-bottom: 0px;
}
.res_availbility
{
	    color: #7a7a7a !important;
	    padding: 0px 0px !important;
	    font-weight: 600 !important;
	    /* padding-top: 5px !important; */
	    font-size: 10px !important;
	    text-align: center;
	    margin-bottom: 0% !important;
	    display: block;
}
.gadgeticons
{
	    position: absolute;
	    right: 25px;
	    top: 12px;
	    z-index: 1;
}
.gadgeticons ul li 
{
	display: inline-block;
	color: #fafafa;
}
.gadgeticons ul li:hover
{
	cursor:pointer;
}
.gadgeticons ul li i
{
	font-size: 19px;
}

.gadgeticons ul li .fa-angle-right:before {
    content: "\f105";
    font-size: 22px;
    font-weight: bolder;
}
.gadgeticons .dropdown-menu {
     -webkit-transform: translate(100%, 0%) !important;
  -ms-transform: translate(100%, 0%) !important;
  -o-transform: translate(100%, 0%) !important;
  transform: translate(100%, 0%) !important;
  -webkit-transition: -webkit-transform 0.25s ease-out !important;
  -moz-transition: -moz-transform 0.25s ease-out !important;
  -o-transition: -o-transform 0.25s ease-out !important;
  transition: transform 0.25s ease-out !important;
}
.gadgeticons > li.open > .dropdown-menu,.gadgeticons .dropdown.open .dropdown-menu
{
	    position: absolute;
	    right: -10px !important;
	    min-width: 300px;
	    max-width: 300px;
	    left: auto;
	    margin: 23px 0 0;
	    padding: 5px;
	    /* background: #2e343b; */
	    border: 1px solid #343434;
		-webkit-transform: scale(1, 1) !important;  
  transform: scale(1, 1) !important;  
  opacity:1 !important;  
}
.gadgeticons >.dropdown-menu:before,.gadgeticons > .dropdown-toggle>.dropdown-menu:before,.gadgeticons > .dropdown>.dropdown-menu:before {
   position: absolute;
   bottom: 100%;
   top: -23px;
   right: 4%;
   left: auto;
   margin-right: 0px;
   content: ' ';
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 13px solid #000;
   border-top: 10px solid transparent;
   content: '';
}
.gadgeticons>.dropdown-menu:after,.gadgeticons> .dropdown-toggle>.dropdown-menu:after,.gadgeticons> .dropdown>.dropdown-menu:after{
    position: absolute;
    bottom: 100%;
    right: 4%;
    top: -20px;
    left: auto;
    margin-right: 0px;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 10px solid transparent;
}
.gadgeticons .form-group {
    margin-bottom: 0px;
}
.gadgeticons .form-group label{
	 font-weight: 300;
	 padding: 3px;
	 color: #343434;
	 margin: 0%;
	 font-family: 'OpenSans_Light';
	 font-size: 14px;
}
.gadgeticons .open .form-control
{
	    display: block;
	    width: 100%;
	    height: 34px;
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.42857143;
	    color: #555;
	    /* background-color: #ccc; */
	   /* background-image: none;*/
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
   
.gadgeticons .form-group::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
.gadgeticons::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
.gadgeticons:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
.gadgeticons:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

.ct-label.ct-vertical.ct-start{
     font-size: 12px;
     /* width: 100% !important; */
}
.date_left
{
	    padding-left: 0%;
    padding-right: 1px;
    width: 49.6%;
}
.date_right
{
	padding-right: 0%;
    width: 49.6%;
    padding-left: 2px;
}
input[type=checkbox]:checked + label:before:not(.custom-checkbox-label) {
    content: "\f046";
    color: #0375c8;
	letter-spacing: 8px;
}
.hours
{
	float: right;
    font-weight: 300 !important;
    font-size: 16px;
}
.assignedTo
{
	    float: right;
    font-weight: 300 !important;
    font-size: 16px;
    color: #133149;
	
}
.assignedTo i{
	
	vertical-align: top;
}
.calendar-stack {
    position: relative;
    display: inline-block;
   /* width: 30px; */
    /* height: 1em; */
    margin-right: -3px;
    /* vertical-align: middle; */
}
.icon-calendar-empty,.calendar-day {
        /* position: absolute; */
}

.calendar-day {
        top: 3px;
        left: -14px;
        /* width: 22px; */
        /* height: 5px; */
        position: relative;
        /* font-family: sans-serif; */
        font-size: 12px;
        font-weight: 700;
        line-height: -0.08572;
        text-align: center;
    }
.calendar-day-2 {
    left: -18px !important;
}
.calendar-day-3 {
    left: -22px !important;
}

	.icon-calendar-empty:before {
    content: "\f133";
}

.fa-calendar-o:before {
    content: "\f133";
    font-size: 25px;
}
td .progress {
    position: relative;
	margin-bottom: 0px;
}

td .progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #343434;
    font-weight: bold;
 }
.var{
	 color: red !important;
}
	.card span {
    color: #343434;
    font-size: 14px;
    vertical-align: middle;
}
.card p {
    color: #343434;
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 0%;
}
.card i {
    /* color: #343434; */
    font-size: 14px;
    vertical-align: middle;
}
.ganttChart h5
{
	margin-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	color: #9A9A9A;
}
.ganttChart{
	padding: 0%;
	
}.ganttHeader{
	    float: left;
    color: #343434 !important;
}
.ganttHeader span{
	      margin-left: 250px;
}
.gantt_tree_content .progress
{
	width: 100;
}
.ganttChartImg
{
		    width: 20px;
		    height: 20px;
		    background: url(../../images/images_10.1/ganttChart.png);
		    background-repeat: no-repeat;
		    background-size: 100%;
		    display: inline-block;

}
.ganttChartImg_White{

            width: 20px;
		    height: 20px;
		    background: url(../../images/images_10.1/ganttChart_White.png);
		    background-repeat: no-repeat;
		    background-size: 100%;
		    display: inline-block;
} 
.exportIconImg
{
		    width: 20px;
		    height: 20px;
		    background: url(../../images/images_10.1/exportIcon.png);
		    background-repeat: no-repeat;
		    background-size: 100%;
		    display: inline-block;
		    filter: invert(100%);
                vertical-align: bottom;
}


.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane {padding: 0px 0;}
.tab-content{padding: 0px;padding-left: 0px;padding-right: 0px;}

.card {background: #FFF none repeat scroll 0% 0%;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);margin-bottom: 30px;width: 100%;float: left;}

.unallocatedTasks h3 {
	      margin: 10px 0 5px;
	      color: #133149;
	      font-weight: 600;
	      font-size: 18px;
}
.unallocatedTasks h4{
	margin: 2px 0 2px;
	font-size: 16px;
}
.legend {
    list-style: none;
}
.legend li {
    margin-right: 10px;
    display: inline-block;
    font-family: 'OpenSans_Regular';
    font-weight: 600;
    /* padding-top: 13px; */
    background-color: transparent !important;
    font-size: 13px;
    vertical-align: middle;
    color: #343434 !important;
    padding: 0% !important;
}
.legend span {
    border: 0px solid #ccc;
    float: left;
    width: 18px;
    height: 15px;
    margin: 0px;
    vertical-align: middle;
    margin-right: 5px;
}
.placementlegend span {
    border: 1px solid #ccc;
    float: left;
    width: 18px;
    height: 15px;
    margin: 0px;
    vertical-align: middle;
    margin-right: 5px;
}
.workfunction {
    background-color: #1d7c2c !important;
}
.resource {
    background-color: #2979af !important;
}
.taskActions ul li{
	       list-style: none;
    display: inline-block;
    background: #1DC7EA;
    padding: 10px;
    color: #fafafa;
    font-size: 13px;
}
.taskActions ul li:hover{
	cursor: pointer;
}
.taskActions [class*=" fa-"]:not(.fa-stack),.taskActions  [class*=" glyphicon-"],.taskActions  [class*=" icon-"],.taskActions  [class^=fa-]:not(.fa-stack),.taskActions  [class^=glyphicon-], [class^=icon-] {
    display: inline-block;
    line-height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
}
.taskActions .fa-table:before {
    content: "\f0ce";
    font-size: 20px;
}
.taskActions .material-icons{
    font-size: 20px !important;
}
.taskActions .legend {
    padding-top: 0px;
    text-align: right;
    margin-bottom: 2px;
}
.taskActions ul li:hover {
    cursor: pointer;
}
.calendartaskActions {
    margin-top:5px;
}
.calendartaskActions ul li{
	       list-style: none;
    display: inline-block;
    background: #1DC7EA;
    padding: 10px;
    color: #fafafa;
    font-size: 13px;
    float: left;
    margin-right: 5px;
}
.calendartaskActions ul li:hover{
	cursor: pointer;
}
.calendartaskActions [class*=" fa-"]:not(.fa-stack),.taskActions  [class*=" glyphicon-"],.taskActions  [class*=" icon-"],.taskActions  [class^=fa-]:not(.fa-stack),.taskActions  [class^=glyphicon-], [class^=icon-] {
    display: inline-block;
    line-height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
}
.calendartaskActions .fa-table:before {
    content: "\f0ce";
    font-size: 20px;
}
.calendartaskActions .material-icons{
    font-size: 20px !important;
}
.calendartaskActions .legend {
    padding-top: 0px;
    text-align: right;
    margin-bottom: 2px;
}
.calendartaskActions ul li:hover {
    cursor: pointer;
}
.inlineBlock{
	display: inline-block !important;
}

.markProjectPriority{
	display: inline-block;
}
.skillset li {
   list-style: none;
   display: inline-block;
   background-color: #144c72;
   padding: 4px;
   border-radius: 2px;
   margin-top: 5px;
   margin-right: 2px;
   font-size: 13px;
   color: #fff;
}
.skillset li #close
{
    color: #fff;
}
.skillset .tooltip{
    z-index : 1 !important;
}
.addSkills{
	
background: #1DC7EA !important;
	
padding: 8px !important;
	
padding-left: 0px !important;
	
padding-right: 0px !important;
	
color: #fafafa !important;
	
float: right;
}
td .skillset li.workfunction {
    border-radius: 2px !important;
    background-color: #126b6c !important;
}
.color-link
{
    color:#337ab7 !important;
}
.orange-icon
{
    color:Orange;
}
.text-truncate
{
    white-space:nowrap !important;
    overflow-x: hidden !important;
    overflow-y: visible;
    /* z-index: 1000; */
    /* position: absolute; */
    min-height: 24px;
    text-overflow:ellipsis !important;
    /* float:left !important; */
    /* display: inline-block; */
}
td .material-icons
{
    font-family: 'Material Icons';
    font-size: 18px;
    float:right;
    cursor:pointer;
}
.card .material-icons {
    font-family: 'Material Icons';
    /* font-weight: normal; */
    /* font-style: normal; */
    font-size: 28px;
    /* line-height: 1; */
    /* letter-spacing: normal; */
    /* text-transform: none; */
    /* display: inline-block; */
    /* white-space: nowrap; */
    /* word-wrap: normal; */
    /* direction: ltr; */
    /* -webkit-font-feature-settings: 'liga'; */
    /* -webkit-font-smoothing: antialiased; */
}
.commentPopup:hover 
{
    cursor: pointer;    
}
.addSkills a{
	
    color: #fafafa !important;
	float: right;
}
.projectInfo{
	diaplay: inline-block;
}
.projectInfo span{
	    display: inline-block;
	    font-size: 14px;
	    color: #49a7fa;
}
.projectInfo span span{
	    font-weight: normal;
	    font-size: 13px;
	    color: #343434;
}
.boldLBL{
	font-weight: bold !important;
	color: #343434 !important;
}
.todo-projects-item>.status a {
    color: #343434;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 0px 0px 5px;
    text-shadow: none;
}
.status .task {
    margin-bottom: 5px;
    color: #000;
}
.status  .progress {
	width: 100%;
	display: block;
	float: left;
    height: 8px;
} 
.card p span {
    font-weight: bold;
}
.commentFrom {
    text-align: right;
    font-size: 12px;
}
.commentFrom span {
    color: #ca0a2a !important;
}
.commentTime {
    text-align: right;
}
.status .task .percent  {
	
        float: right;
    text-shadow: 0 0 black;
    font-weight: bold;
}
.projectInfo .fa{
	
width: 30px;
}
.projectInfo .fa-calendar:before {
    content: "\f073";
    font-size: 20px;
}

.card .taskTable tbody td:first-child,  {
    padding-left: 15px;
    /* min-width: 400px; */
    font-size: 14px;
    padding: 3px 8px !important;
}
.card .taskTable thead th:first-child{
	/*text-align: center;*/
	font-size: 13px;
	color: #343434;
	font-family: OpenSans_Regular!important;
}
    
    .taskTable>tbody>tr:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}
.taskTable > thead > tr > th, .taskTable > tbody > tr > th, .taskTable > tfoot > tr > th, .taskTable > thead > tr > td, .taskTable > tbody > tr > td, .taskTable > tfoot > tr > td {
    padding: 3px 8px !important;
    vertical-align: middle !important;
    text-align: left;
    font-family: OpenSans_Regular!important;
}
.card .table thead th  .material-icons {
    font-family: 'Material Icons';
    /* font-weight: normal; */
    /* font-style: normal; */
    font-size: 17px;
    /* line-height: 1; */
    vertical-align: text-top;
    /* letter-spacing: normal; */
    /* text-transform: none; */
    /* display: inline-block; */
    /* white-space: nowrap; */
    /* word-wrap: normal; */
    /* direction: ltr; */
    color: #1DC7EA;
    /* -webkit-font-feature-settings: 'liga'; */
    /* -webkit-font-smoothing: antialiased; */
}
.card .taskTable thead th {
    text-align: left;
    font-size: 13px;
    color: #343434;
    font-family: OpenSans_Regular!important;
}
.taskTable > tbody > tr > td div .form-control {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 8px 12px;
    height: 35px;
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*float: left;*/
}
.taskTable .td-actions {
    /* text-align: center; */
    font-size: 12px;
}
.markProjectPriority li{
	list-style: none;
	display: inline-block;
	background-color: #ccc;
	/* width: 50px; */
	border-radius: 50% !important;
	padding: 5px;
	/* height: 50px; */
}
.markProjectPriority .fa-exclamation{
	color: #fafafa;
}
.priority_high{
	background-color : #e22517 !important;
}
.priority_medium{
	background-color: #ff6700 !important;
}
.priority_low{
	background-color: #1d7c2c !important;
}
.card #resourceGraph thead th {
    text-align: center;
    font-family: "Open Sans",sans-serif;
    background-color: #eee;
}
td .skillset{
	margin-bottom: 0px;
}
td .skillset li {
       border-radius: 2px !important;
       background-color: #2979af !important;
}
.gantt_grid_head_cell i{
	    color: #1DC7EA !important;
	    font-size: 17px !important;
}
.resource_info {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    /* width: 20%; */
    border: 1px solid #ddd;
    margin-top: 5px;
}
.profile-sidebar-portlet {
        position: relative;
        padding: 10px 5px 10px !important;
        margin-bottom: 0px !important;
}
.resourcestatus {
    display: block;
}
.resourcestatus .progress-bar {
    box-shadow: none;
    background-image: none;
}
.resourcestatus p.progress {
    display: block !important;
    height: 10px;
}
.behind {
    background-color: #d9534f;
}
.onschedule {
    background-color: #5cb85c;
}
.ahead {
    background-color: #e07b17;
}
.profile-sidebar-portlet #close{
	color: #3b3b3b;
	background-color: #ddd;
	height: 20px;
	width: 20px;
	border-radius: 50% !important;
	text-align: center;
}
.profile-userpic i {
    float: none;
    margin: 0 auto;
    width: 50%;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
}
.profile-userpic{
	text-align : center;
}
.resource_info .firstChild {
    position: relative;
    top: 50;
    transform: translateY(-50%);
}
.profile-userpic i {
    /* float: none; */
    /* margin: 0 auto; */
    width: 62px;
    background-color: #ccc;
    height: 62px;
    text-align: center;
    /* margin: 0 auto; */
    font-size: 30px;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
    vertical-align: middle;
    color: #343434;
    /* position: relative; */
    /* top: 40%; */
}
.profile-userpic .fa-plus:before {
    content: "\f067";
    vertical-align: middle;
    /* padding-top: 49px; */
    /* top: 20; */
    /* font-size: 25px; */
    position: relative;
    top: 28%;
    transform: translateY(-28%);
}
.resource_info .firstChild 
{
	    position: relative;
	    top: 50px;
	    left: 50%;
	    transform: translate(-50% , -50%);
}
.resource_info  .profile-usertitle .firstChild{
	    position: relative;
    top: 60%;
    transform: translateY(60%);
}
.legend .superawesome {
    background-color: #26b379;
}
.legend .awesome {
    background-color: #FB404B;
}
.legend .kindaawesome {
    background-color: #FFA534;
}
.legend .notawesome {
    background-color: rgb(214, 255, 255);
}
.legend .hardbooked {
    background-color: #9e1135;
}
.legend .softbooked {
    background-color: #1d4f81;
}
.legend .interval {
    background-color: #b49847;
}
.legend .good {
    background-color:#5cb85c;
}
.legend .notavailable {
    background-color:#2096da;
}
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
    stroke: #26b379;
}
.gantt_hor_scroll {
    height: 0;
    background-color: transparent;
    width: 100%;
    clear: both;
    overflow-x: hidden !important;
    overflow-y: hidden;
    display: none !important;
}
#multiselect .checkbox .checkbox-circle label:before {
    border-radius: 50%; }
	
#multiselect .checkbox {
    padding-left: 0px;
}
#multiselect .checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
#multiselect .checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}
#multiselect .checkbox input[type="checkbox"] {
    opacity: 0;
    position: relative;
}
#multiselect .checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
#multiselect .checkbox label {
    display: inline-block;
    position: relative;
    /* padding-left: 5px; */
    width: 17px;
    height: 17px;
    border-radius: 50% !important;
}
#multiselect .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    /* margin-left: -20px; */
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
#multiselect .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    /* margin-left: -20px; */
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}
#multiselect .checkbox,#multiselect .radio {
    position: relative;
    display: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
}
#multiselect.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}


/*RESOURCE MATCHING START*/
.resourceMatching
{
     position: absolute;
     z-index: 2;
     border: 1px solid #ccc;
}
.resourceMatching ul li
{
   list-style: none;
   /* padding-top: 5px; */
   padding: 5px;
   border-bottom: 1px solid #3b434c!important;
   display: block;
   /* float: left; */
   /* width: 100%; */
}
.resourceMatching ul li span
{
    display: inline-block;
    color: #aaafb7;
    font-weight: bold;
    margin-left: 10px; 
}
.resourceMatching ul li .Name 
{
    display: inline-block;
    color: #aaafb7 !important;
    font-weight: bold;
    margin-left: 10px; 
}

.resourceMatching ul li .res-code
{
    display: inline-block;
    color: #aaafb7 !important;
    font-weight: bold;
    margin-left: 10px; 
}

.resourceMatching ul li .task
{
    display: block;
    font-weight: bold;
    margin-left: 0px !important;
}
.resourceMatching ul li .desc
{
  
    color: #aaafb7 !important
}
.resourceMatching ul li .percent
{
    display: inline-block;
    color: #aaafb7;
    float: right;
}

.resourceMatching ul li span span
{
    color: #36c6d3 !important;
    margin-left: 0px !important;
  
}
.resourceMatching ul li span.progress{
        width: 100%;
        margin-left: 2px;
        height: 10px;
        margin-top: 3px;
}
.resourceMatching >ul>li >a {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 5px 0px 5px;
    text-shadow: none;
}
.resourceMatching > ul> li .progress {
    display: block;
    height: 8px;
    margin: 8px 0 2px;
}
.form-box-calender {
    border-radius: 0px;
    background: white;
    box-shadow: none;
    border: 1px solid #CECECE;
    color: #333;
    background: url(../../MediaPlanning/images/calendar.png) 99% 49% no-repeat #fff;
}
.resourceMatching ul{
	
width: 100%;
	
float: left;
	
background-color: #2e343b;
	
margin-bottom: 0px;
}
.resourceMatching ul li:hover{
     background-color: #3b434c !important; 
}
/*RESOURCE MATCHING END*/
.showby{
	background-color: #fafafa;
	padding: 15px;
}
.showby label{
	font-size: 10px;
}
.showby input[type=checkbox], .showby input[type=radio] {
    margin: 1px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.showby .checkbox input[type=checkbox],.showby .checkbox-inline input[type=checkbox], .showby .radio input[type=radio],.showby .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -15px;
}
.showby  .form-group {
    margin-bottom: 4px;
}
/*RESOURCE MATCHING END*/
.text-align-right
{
    text-align: right;
}
.text-align-left
{
    text-align: left;
}
#btn-delete
{
    color: #fafafa;
    font-size: 18px;
}
.report_header_0
{
    /* border-bottom: 1px solid #ccc; */
    padding-top: 10px;
}
#report_header_0 b
{
    color: #fff;
}
.intercompanyActvityPanel
{
    border: 1px solid;
    padding: 0%;
    position: relative;
    height: auto;
}
.intercompanyActvityPanel .rightpanel {
    position: relative;
    /* border-left: 1px solid; */
    margin-left: 5%;
    padding-top: 10px;
}
.intercompanyActvityPanel .leftpanel {
    position: relative;
    /* border-left: 1px solid; */
    padding-top: 10px;
}
.grid_actions ul li a i
{
        vertical-align: text-bottom;
    font-size: 20px;
}
.grid_actions ul li a i.fa
{
         vertical-align: baseline;
    font-size: 17px;
    width: auto;
}
.timsheetPrintPreview
{
    text-align: right;
    margin-top: 35px;
}
.timsheetPrintPreview label
{
    display: block;
}
.todo-add-button {
    border: 1px solid #1DC7EA;
    background-color: #1DC7EA;
    color: #fafafa;
    text-decoration: none;
    padding: 0 .4em;
    font-size: 20px;
    margin: -.3em 0 0 0;
} 
.timsheetPreview i
{
    vertical-align: middle;
}
.timsheetPreview .todo-add-button:hover
{
    pointer: cursor;
}
.PreviewList tbody tr th {
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 600;
    color: #343434;
    padding-right: 30px;
    vertical-align: bottom;
    border-bottom: 0px solid #666666 !important;
    font-size: 12px !important;
    font-family: OpenSans_Regular , Verdana, Geneva, sans-serif;
}
.PrintPreviewActions
{
        position: fixed;
    top: 62px;
    background-color: #fafafa;
    padding: 10px;
    z-index: 4;
}

@media print {
  html, body {
       font-family: 'OpenSans_Regular';
  }
    .timsheetPrintPreview {
    text-align: right;
    margin-top: 35px;
}
.timsheetPrintPreview label {
    display: block;
}
}
.table.dataTable thead>tr>th, table.dataTable thead>tr>td {
     /*padding-right: 18px !important;*/ 
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    /* bottom: 8px; */
    /* right: 65px; */
    /* display: block; */
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
    /* left: 77px; */
    /* padding-right: 2px; */
    padding-left: 4px !important;
    padding-top: 2px;
}
table.dataTable thead .sorting{
    background-image:url("../../images/images_10.1/sort_both.png")}
table.dataTable thead .sorting_asc{
    background-image:url("../../images/images_10.1/sort_asc.png")}
table.dataTable thead .sorting_desc{
    background-image:url("../../images/images_10.1/sort_desc.png")

}table.dataTable thead .sorting_asc_disabled{
     background-image:url("../../images/images_10.1/sort_asc_disabled.png")

 }table.dataTable thead .sorting_desc_disabled{
      background-image:url("../images/sort_desc_disabled.png")

  }

.Approvalheader
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.report_header_btn
{
    margin-top: 18px;
}
.alignRight
{
    text-align: right;
}
.boldAndRed
{
    color: #e22517;
    font-weight: bold;
}
.ApprovalHeader2
{
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.comment-icon:hover
{
    cursor: pointer;
}
.chk_radio_sc
{
        vertical-align: middle;
}
#DisplayRdoOptions label
{
          vertical-align: sub;
              margin-left: 5px;
    margin-right: 5px;
}
.DisplayRdoOptions label
{
          vertical-align: sub;
              margin-left: 5px;
    margin-right: 5px;
}
.DisplayRdoOptions input[type=checkbox], .DisplayRdoOptions input[type=radio]
{
   margin: -2px 0 0; 
}

/*WORKFLOW CSS*/
.priority {
    float: right;
    text-align: right;
    font-size: 14px;
}
.priority_level_high {
    color: #e22517 !important;
}
.priority_level_medium {
    color: #e26917 !important;
}
.priority_level_low {
    /*color: #c18f1f !important;*/
    color: #749948 !important;
}



.todo-container .todo-projects-container, .todo-container .todo-tasks-container {
    background-color: #fff;
    border: 1px solid #ebf0f5;
}
.todo-container .todo-projects-container {
    padding: 0;
}
.todo-projects-item label
{
	width: 100%;
}
.todo-projects-item .progress-bar {
    box-shadow: none;
    background-image: none;
    border-radius: 0px !important;
}
.todo-projects-item>.status  a {
    color: #343434;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 0px 0px 0px;
    text-shadow: none;
}
.todo-projects-item>.status .task {
    margin-bottom: 5px;
    
}
.todo-projects-item>.status  .progress {
    display: block;
    height: 8px;
    margin: 5px 0 2px;
    float: none;
    border-radius: 0% !important;
}
.todo-projects-item>.status  .percent {
    float: right;
    font-weight: bold;
    font-size: 15px;
}
.todo-projects-item>.status  .desc {
        margin-top: 0px;
        font-weight: 400;
        color: #4e5a64;
        font-size: 14px;
}
.todo-projects-item>.status  h3 {
       margin-top: 0px;
    font-weight: 400;
    color: #4e5a64;
    font-size: 18px;
	font-family: 'OpenSans_Light';
}
.progress-bar-danger {
    background-color: #d9534f;
    background-image: none !important;
}
.todo-main-header{margin-top:-20px}
.todo-main-header>h3{font-weight:400;font-size:22px;margin-right:1em;display:inline-block;color:#3b464f}
.todo-main-header>.todo-breadcrumb{border-left:1px solid;border-color:#dae3eb;
padding:.5em 2em;display:inline-block;margin-top:17px}
.todo-main-header>.todo-breadcrumb>li{display:inline-block;font-size:11px}
.todo-main-header>.todo-breadcrumb>li>a{color:#77838d;text-transform:uppercase;text-decoration:none}
.todo-main-header>.todo-breadcrumb>li>a:hover{color:#337ab7;text-decoration:none}.todo-main-header>.todo-breadcrumb>li>.todo-active{color:#49a7fa}.todo-main-header>.todo-breadcrumb>li:before{content:""}
der-bottom:1px solid; *//* border-color:#ebf0f5; *//* padding-bottom: 20px; */padding: 15px 15px 0;border-radius: 10px 10px 0px 0px !important;}.todo-container .todo-head>h3{margin-top:0;display:inline-block;color: #fff;font-weight: 400;text-transform:uppercase;font-size: 18px;margin-bottom: 0px;font-family: 'OpenSans_Light';}.todo-container .todo-head>p{display:inline-block;color: #fafafa;font-size:12px;margin-left:2em;margin-bottom:0;margin-top:0;}.todo-container .todo-head>button{float:right;font-weight:600;font-size:11px;text-transform:uppercase;border-color: #e7e7e7;color: #e7e7e7;margin-top: -5px;}.todo-container .todo-projects-content,.todo-container .todo-tasks-content{padding-left:0}.todo-container .todo-projects-item,.todo-container .todo-tasks-item{list-style:none;margin-left:0;padding: 1%;}.todo-container .todo-projects-item>h3{font-size:20px;color:#4e5a64;font-weight:600;margin-top:0;margin-bottom: 0px;}
.todo-container .todo-projects-item p
{
    color: #343434;
    margin-bottom: 5px;
    margin-top: 5px;
    font-family: 'OpenSans_Light';
    font-size: 16px;
}
.ressigntask
{
	    margin: 0% !important;
    /* padding-bottom: 10px; */
    display: block !important;
    width: 100%;
    margin-top: -10px !important;
    margin-bottom: 10px;
}
.todo-container .todo-projects-container {
    padding: 0;
    margin-bottom: 0px;
    float: left;
    width: 100%;
}
.todo-container .todo-projects-container>li {
    list-style: none;
        padding: 10px 12px;
    margin-bottom: 0px;
}
#lblDates{
       font-size: 13px !important;
    vertical-align: text-bottom;
}
.todo-padding-b-0 {
    padding: 0% !important;
    padding-bottom: 15px !important;
    background-color: #133149;
    border-radius: 10px 10px 0px 0px !important;
}
.todo-container .todo-head>h3 {
       margin: 0;
    color: #fafafa !important;
	display: inline-block;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'OpenSans_Light';
}
.todo-container .todo-head {
    /* border-bottom: 1px solid; */
    /* border-color: #ebf0f5; */
    /* padding-bottom: 20px; */
    padding: 15px 15px 0;
    border-radius: 10px 10px 0px 0px !important;
}
.todo-container .todo-head>p {
    display: inline-block;
    color: #fafafa;
    font-size: 12px;
    margin-left: 2em;
    margin-bottom: 0;
    margin-top: 0;
}
.todo-container .todo-projects-divider {
    height: 1px;
    margin: 0;
    background-color: #ccc;
}
.todo-container .todo-projects-item p span{font-weight: 700;}
.todo-container .todo-projects-item:last-child{border-bottom:none}
.todo-container .todo-projects-item.todo-active{background-color: #ebebeb;position:relative;padding: 10px 15px;float: left;width: 100%;min-height: 145px;}
.todo-container .todo-projects-item.todo-active>h3{color:#49a7fa}
.todo-container .todo-projects-item.todo-active:after
{content:" ";width:0;height:0;border-top:40px solid transparent;border-bottom:40px solid transparent;border-left: 20px solid #ebebeb;position:absolute;right:-20px;top: 30px;}
.todo-container .todo-projects-item:hover{background-color: #ebebeb;cursor:pointer;}
.todo-container .todo-projects-item{background-color: #fff;}
.todo-container .todo-projects-item .revenueSchedule{background-color: #ebebeb;}
.todo-container .todo-projects-item>.todo-project-item-foot{font-size:12px;margin-bottom: 10px;}
.todo-container .todo-tasks-item{padding: 30px 0;border-bottom:1px solid;border-color:#ebf0f5;}
.todo-container .todo-tasks-item>h4{font-size:16px;font-weight:600;margin:0;line-height:1.3em}
.todo-container .todo-tasks-item>h4>a{color:#65717b}
.todo-container .todo-tasks-item>h4>a:hover{color:#49a7fa;text-decoration:none}
.todo-container .todo-tasks-item>h4>a:focus{color:#65717b;text-decoration:none}
.todo-container .todo-tasks-item>p{margin:0;color:#9eacb4}
.todo-container .todo-tasks-item:last-child{border-bottom:none}
.todo-add-button{border: 1px solid #1DC7EA;background-color: #1DC7EA;color: #fafafa !important;text-decoration:none;padding: 4px 3px !important;font-size: 16px !important;margin:-.3em 0 0 .5em;float:right;}
.todo-add-button:hover{background-color: #1DC7EA;color:#fff;text-decoration:none;}
.todo-add-button:focus{color:#c1cbd1;text-decoration:none}#todo-members-modal>.modal-dialog{top:20px}#todo-members-modal .select-height{height:10em}#todo-task-modal>.modal-dialog{position:absolute;top:0;right:0;bottom:0;width:60%;margin:0 auto}#todo-task-modal>.modal-dialog .modal-content{position:absolute;top:0;bottom:0;right:0;left:0;overflow:auto}#todo-task-modal>.modal-dialog .modal-content .todo-task-modal-title{font-weight:600;text-transform:uppercase;margin-left:2em}#todo-task-modal>.modal-dialog .modal-content .todo-task-due{margin-left:1em;font-weight:600;color:#4db3a4;width:150px!important}#todo-task-modal>.modal-dialog .modal-content .todo-task-assign{margin-left:1em;border:1px solid #ccc;padding:6px 10px;font-weight:600;color:#4db3a4;text-transform:uppercase}#todo-task-modal>.modal-dialog .modal-content .todo-task-assign:focus,#todo-task-modal>.modal-dialog .modal-content .todo-task-assign:hover{text-decoration:none}#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-modal-bg{background-color:#f7f9fa;padding:20px}#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>h3{margin:15px 0;font-size:20px;color:#4e5a64;font-weight:600}#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>p{font-size:15px;color:#8f9ea6;line-height:24px}#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>h4{font-size:14px;font-weight:600;text-transform:uppercase;color:#9eacb4;margin-top:25px}#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>h4>.todo-add-button{float:none}#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-file{color:#49a7fa;font-size:13px}#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-file>i{margin-right:.5em}#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-file>.todo-remove-file{color:#9eacb4;margin-left:.5em}#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-file>.todo-remove-file:hover{color:#4db3a4;cursor:pointer}.todo-inline{display:inline-block}.todo-float-r{float:right}.todo-bold{font-weight:600;font-size:11px;text-transform:uppercase}.todo-padding-b-0{padding: 0% !important;padding-bottom: 15px !important;background-color: #133149;border-radius: 10px 10px 0px 0px !important;}.todo-grey{color:#9eacb4}.todo-red{color: #c13a2f!important;}.todo-green{color:#4db3a4}@media (max-width:1199px){.todo-head>p{display:block;margin-left:0!important}}@media (max-width:991px){#todo-task-modal>.modal-dialog{width:95%}.todo-active:after{border:none!important}}@media (max-width:480px){.todo-task-modal-title,.todo-tasks-container .todo-head>p{margin-left:0!important;margin-top:1em}.todo-task-modal-title{display:block!important}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  }
.todo-task-file{
  margin-bottom: 5px !important;
}
.input-editor
{
     width: 100% !important;
    height: 28px;
    font-size: 12px;
    padding: 4px !important;
    margin-top: -6px;
    margin-left: -9px;
}
.editableCol
{
        /*display: block;
    min-height: 50px;*/
    padding-bottom: 0px !important;
}
td.edit-dt-cell-ddl
{
    /*display: block;
    min-height: 50px;*/
    padding-bottom: 0px;
}
.expenseMenu
{
    border-bottom: 1px solid;
}
.expenseToggleArrow
{
    bottom: 0px !important; 
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.fileContainer {
    overflow: hidden;
    position: relative;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.fileContainer [type=file]:hover
{
    cursor: pointer !important;
}
.fileContainer:hover
{
    cursor: pointer !important;
}
/* Example stylistic flourishes */

.fileContainer {
    background: #174c78;
    border-radius: 3px !important;
    float: left;
    padding: .5em;
    color: #fff;
    /* border-radius: 9px; */
}
.gadgeticons .dropdown-menu {
     -webkit-transform: translate(100%, 0%) !important;
  -ms-transform: translate(100%, 0%) !important;
  -o-transform: translate(100%, 0%) !important;
  transform: translate(100%, 0%) !important;
  -webkit-transition: -webkit-transform 0.25s ease-out !important;
  -moz-transition: -moz-transform 0.25s ease-out !important;
  -o-transition: -o-transform 0.25s ease-out !important;
  transition: transform 0.25s ease-out !important;
}
.gadgeticons  li.open  .dropdown-menu , .gadgeticons .dropdown.open .dropdown-menu
{
	    position: absolute;
	    right: -10px !important;
	    min-width: 320px;
	    max-width: 300px;
	    left: auto;
	    margin: 23px 0 0;
	    padding: 5px;
	    /* background: #2e343b; */
	    border: 1px solid #343434;
	    -webkit-transform: scale(1, 1) !important;
	    transform: scale(1, 1) !important;
	    opacity:1 !important;
	    /* z-index: 999999; */
}
.gadgeticons .dropdown-menu:before,.gadgeticons .dropdown-toggle .dropdown-menu:before,.gadgeticons  .dropdown .dropdown-menu:before {
   position: absolute;
   bottom: 100%;
   top: -23px;
   right: 4%;
   left: auto;
   margin-right: 0px;
   content: ' ';
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 13px solid #000;
   border-top: 10px solid transparent;
   content: '';
}
.gadgeticons .dropdown-menu:after,.gadgeticons .dropdown-toggle .dropdown-menu:after,.gadgeticons  .dropdown .dropdown-menu:after{
    position: absolute;
    bottom: 100%;
    right: 4%;
    top: -20px;
    left: auto;
    margin-right: 0px;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-top: 10px solid transparent;
}
.gadgeticons .form-group {
    margin-bottom: 10px !important;
    margin: 0%;
}
.gadgeticons .form-group label{
	 font-weight: normal;
	 padding: 0px;
	 color: #343434;
	 margin: 0%;
	 font-family: 'OpenSans_Regular';
	 margin-bottom: 5px;
}
.gadgeticons .open .form-control
{
	    display: block;
	    width: 100%;
	    height: 34px;
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.42857143;
	    color: #555;
	    /* background-color: #ccc; */
	   /* background-image: none;*/
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
   
.gadgeticons .form-group::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
.gadgeticons::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
.gadgeticons:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
.gadgeticons:-moz-placeholder { /* Firefox 18- */
  color: pink;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: inherit;
    margin-top: 4px\9;
    margin-left: 0px;
}
.checkbox input[type=checkbox]:hover, .checkbox-inline input[type=checkbox]:hover, .radio input[type=radio]:hover, .radio-inline input[type=radio]:hover{
    cursor: pointer;
}
div#taskStatus:hover{
    cursor:pointer;
}
.level2Details span
{
    color: #49a7fa;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0px;
        font-family: "Open Sans",sans-serif;
}
.deleteBtn
{
        background-color: #bc1b1b !important;
    border-color: #bc1b1b;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i.fav-icon-yes{
	font-size: 22px;
}
.fav-icon-yes:before {

/* background: transparent; */

color: #fcda00;

-webkit-background-clip: text;

/* -webkit-text-fill-color: transparent; */
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.alert.alert-with-icon {
    padding-left: 65px;
}
.alert.alert-success {
    background-color: #5cb860;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}
.alert.alert-warning {
    background-color: #ffa21a;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}
.alert.alert-info {
    background-color: #00d3ee;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}
.alert.alert-danger {
    background-color: #f55a4e;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}
.alert i[data-notify="icon"] {
    font-size: 30px;
    display: block;
    left: 15px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.icon-resize-small:before {
    font-family: "FontAwesome";
    content: "\F066";
}
.pendingActions
{
     width: 100%;
     display: block;
     float: left;
     margin-top: 10px;
     padding-bottom: 10px;
     text-align: right;
     border-bottom: 1px solid #ccc;
}
.taskIcon{
    float: left !important;
    font-size: 30px !important;
    color: #000;
}
.taskListHeader{
   margin-bottom: 0px !important;
}

/*WF TaskDetails*/
.taskcontent{
        padding: 0px 15px 10px 15px;
}
.taskdetails {
    padding: 5px;
    padding-bottom: 30px;
}
.task_bg {
    background: #f7f9fa;
    padding: 10px;
    /* margin: 20px 0; */
}
.task_detail_header h3 {
    margin: 15px 0;
    font-size: 20px;
    color: #4e5a64;
    font-weight: 600;
    font-family: 'OpenSans_Light';
}
.task_detail_description p {
    font-weight: 400;
    font-size: 16px;
    font-family: 'OpenSans_Regular';
}
.taskdate {
    width: 100%;
    margin-top: 2px;
    font-weight: 300 !important;
    font-size: 15px !important;
    color: #4e5a64;
    font-family: 'OpenSans_Light';
    float: left;
    text-align: right;
    font-size: 15px;
    /* margin-bottom: 10px; */
}
.taskdate span {
    /*color: #fafafa !important;*/
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px;
}
.task_attachment h4 {
    font-weight: 600;
    font-size: 16px;
    color: #4e5a64;
    font-family: 'OpenSans_Light';
}
.task_attachment h4 .fa-paperclip {
    transform: rotate(225deg);
}
.task_attachment .btn.green:not(.btn-outline) {
      padding-left: 10px;
    padding-right: 10px;
    min-width: auto;
    min-height: auto;
}
.task_detail_description p {
    font-weight: 400;
    font-size: 16px;
    font-family: 'OpenSans_Regular';
}
.todo-task-file a {
    font-weight: 300;
    font-size: 17px;
    color: #4e5a64;
    vertical-align: middle;
    font-family: 'OpenSans_Light';
}
    .todo-task-file a i {
        font-size: 17px;
        color: #4e5a64;
        margin-right: 2px;
    }

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    line-height: 5px;
}
.tooltip.tooltiptext 
{
    visibility: hidden;
    width: 220px;
    background-color: #555;
    color: #fff;
    /* text-align: center; */
    padding: 5px 5px;
    border-radius: 6px;
    color: #fafafa;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /* left: 50%; */
    /* margin-left: -122px; */
    opacity: 0;
    transition: opacity 1s;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltiptext span {
    display: block !important;
    color: #fafafa !important;
}
.tooltip.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.attachmentIcons {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top !important;
}
.checkin {
    width: 17px;
    height: 17px;
    background: url(../../images/images_10.1/checkin.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}
.checkout {
    width: 17px;
    height: 17px;
    background: url(../../images/images_10.1/checkout.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}
.history {
    width: 17px;
    height: 17px;
    background: url(../../images/images_10.1/history.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}
.media {
    margin-top: 15px;
}
.media-body {
    width: 10000px;
}
.media-list {
    padding-left: 0;
    list-style: none;
    overflow-x: auto !important;
}
.media:first-child {
    margin-top: 0;
}
.media, .media-body {
    zoom: 1;
    overflow: hidden;
}
.todo-comment {
    position: relative;
}
.todo-comment:hover>.todo-comment-btn {
    /*display: block;*/
       margin-right: 10px;
    margin-left: 10px;
}
.todo-comment-head{
           margin-top: -5px !important;
    margin-bottom: 0px !important;
}
.todo-comment p {
    margin: 8px 0;
    margin-top: 3px;
}
.todo-comment-username {
  font-size: 14px !important;
    color: #2b4a5c !important;
    font-weight: 600 !important;
}
.todo-comment-date {
    font-size: 12px;
    color: #2b4a5c;
    font-weight: 400;
}
.todo-comment-reply{
     font-size: 13px !important;
    color: #2b4a5c !important;
    font-weight: 600 !important;
}
.todo-comment-btn {
    display: none;
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 12px;
    color: #566e7c;
    border-color: #a2aeb5;
    margin-right:13px;
}
#divReply button{
        margin-right: 10px;
         margin-left: 10px;
}
.planPriority  i{
    color: #fff;
}
.partiallyAllocated{
    background-color: #b5ba22!important;
}
.pendingAllocation{
     background-color: rgb(226, 37, 23);
}

.tooltiptext span {
    display: block !important;
    color: #fafafa !important;
        line-height: 14px;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #555;
    color: #fff;
    /* text-align: center; */
    padding: 5px 5px;
    border-radius: 6px;
    color: #fafafa;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 0%; 
    /* margin-left: -122px; */
    opacity: 0;
    transition: opacity 1s;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.taskStatus label{
    width: auto;
}
#lblUploadDocumentFile{
        background: transparent;
        color: #fff !important;
        padding:0px 0px !important;
        margin-bottom: 0px;
}
.table-full-width {
    margin-left: 0px;
    margin-right: 0px;
}.open .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
 #todo-list tr td .material-icons{
     float: left;
 }
.zero-rightPadding{
    padding-right: 0%;
}
.zero-leftPadding{
     padding-left: 0%;
}
.skillset .partiallyAllocated{
        background-color: #b5ba22!important;
            vertical-align: top;
}
.skillset .workfunction{
        background-color: #1d7c2c !important;
            vertical-align: top;
}
.skillset .pendingAllocation{
        background-color: rgb(226, 37, 23) !important;
            vertical-align: top;
}

.skillset .workfunction .material-icons{
  font-size: 18px;
}
.skillset .partiallyAllocated .material-icons{
  font-size: 18px;
}
.skillset .pendingAllocation .material-icons{
  font-size: 18px;
}
.assignedby {
    color: #ca0a2a !important;
}
.lblTaskPriority {
    background-color: #343434;
    padding: 3px;
    border-radius: 2px !important;
    color: #fafafa !important;
    text-align: left;
}
#lstDropDown{
    background-color: #2e343b;
}

.grayed{
     background-color:#CCC !important;
 }
.tile_count .tile_stats_count .report_count{
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.UnallocatedTasksHeader {
position: fixed;
    z-index: 3;
    width: 98%;
    left: 15px;
    right: 15px;
    background-color: #fff;
    top: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.unallocatedTasksList{
    position: relative;
    top: 150px;
}
.todo-projects-item .taskActions {
    padding-top: 10px;
}
.UnallocatedTasksScrollingHeader {
    position: fixed;
    z-index: 3;
    left: 0;
    background-color: #fff;
    top: 97px;
}
.fileContainer .disabled{
    opacity: 0.65;
}
.modal-header h6{
           margin-top: 2px;
           /* margin-bottom: 10px; */
           font-family: OpenSans_Light;
           display: inline-block;
           float: right;
           font-size: 14px;
}
.modal-header h4{
        font-family: OpenSans_Regular;
        font-weight: 400;
        font-size: 20px;
}
.modal-header h5{
    font-weight: 400;
    font-family: OpenSans_Light;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 0px;
    font-size: 16px;
}
.todo-add-button:hover{
    cursor: pointer;
}
/*Resource Assignment Lookup*/
#ResourceAssignmentModal .modal-dialog {
    width: 99%;
    min-height: 95%;
    margin: 10px auto;
    float: left;
    /*overflow:hidden;*/
}
#ResourceAssignmentModal .chartcontent {
   /*overflow-x: scroll*/
   overflow:hidden;
    padding-top: 0px;
    padding: 0%;
}
.resourceAssignmentBtn:hover {
    cursor: pointer;
}
.resourceAssignmentBtn {
    float: left;
    font-size: 30px;
}
.resourceAssignmentBtn i{
      font-size: 30px !important; 
}
.card #resourceGraph thead th {
    text-align: center;
    /* font-family: "Open Sans",sans-serif; */
    background-color: #eee;
    border: 1px solid #ddd !important;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
}
.card .resourceAssignmentGrid thead th {
    text-align: center;
    font-family: "Open Sans",sans-serif;
    background-color: #eee;
    border: 1px solid #ccc  !important;
        vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
}
.resourceAssignmentGrid >thead>tr>td{
    vertical-align: middle;
}
#ResourceAssignmentModal .assignmentBtn{
        margin-top: 10px;
}

.res_img {
    width: 40px;
    display: inline-block;
    vertical-align: top;
}
.resname {
    display: inline-block;
    vertical-align: middle;
    color: #343434 !important;
    font-family: 'OpenSans_Light';
    font-weight: bold !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    margin-left: 4px;
}
.resBook {
    color: #343434 !important;
    font-size: 12px !important;
    vertical-align: middle !important;
}
.hard {
    background-color: #e22517 !important;
    padding: 2px;
    padding-right: 10px;
    color: #fff !important;
    padding-left: 10px;
}
.soft {
    background-color: #FFA534 !important;
    padding: 2px;
    padding-right: 10px;
    color: #fff !important;
    padding-left: 10px;
}
.legend .unavailable {
    background-color: #707070;
}
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
    stroke: #1d4f81;
}
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
    stroke: #9e1135;
}
.ct-grid {
    stroke: rgba(0, 0, 0, 0.2);
    stroke-width: 1px;
    stroke-dasharray: 2px;
    /* stroke-width: 1; */
}
svg:not(:root) {
    /* padding: 0px; */
    margin-left: 0px;
    /* height: 70px !important; */
}
.ct-label {
    fill: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.3rem;
    line-height: 1;
}
.ct-label.ct-vertical.ct-start {
    font-size: 12px;
    /* width: 100% !important; */
}
.ct-chart-line .ct-label, .ct-chart-bar .ct-label {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.toggle {
    width: 50px !important;
    border-color: none !important;
}
.toggle-off {
     background-color: #a33d72 !important;
     opacity: 1 !important;
     color: #fff !important;
     border-color: #a33d72 !important;
}
.btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover{

}

.toggle.btn-danger{
    border-color: #a33d72 !important;
}
.toggle.btn-warning{
    border-color: #FFA534  !important;
}
.toggle-off:active:focus , .toggle-off:active:hover{
    border-color: #FB404B !important;
}
.toggle-on:active:focus ,  .toggle-on:active:hover{
      border-color: #FFA534 !important;
}
.toggle-on {
    background-color: #FFA534 !important;
    opacity: 1 !important;
    color: #fff !important;
    border-color: #FFA534 !important;
}
.toggle-on.btn {
    padding-right: 24px;
    color: #fff;
}
.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px;
    background-color: #fff !important;
    min-width: auto;
    min-height: auto;
}
.fav-icon {
    float: right;
    /* top: 20px !important; */
    width: 30px !important;
    text-align: center !important;
    vertical-align: middle;
    font-size: 20px !important;
    /* right: 20px; */
    top: 6px;
    margin-top: 8px;
    padding-right: 10px;
}
.fav-icon:hover {
   cursor: pointer;
}
.fav-icon-no:before {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
}
.fa-star:before {
    /* content: "\f005"; */
    font-family: FontAwesome;
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* width: 60px; */
    /* float: right; */
    /* text-align: right; */
    /* line-height: 1; */
}
.fav-icon-yes:before {
    /* background: transparent; */
    color: #fcda00;
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
}
.ccTranscation{
    text-align: left !important;
    margin-top: 10px;
}
.table .td-actions {
    min-width: auto;
}
.ct-golden-section {
    display: block;
    position: relative;
    width: 100%;
}
.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom:0% !important;
}
.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.TempFileName{
    position: relative;
}
.attachmentExpenseDeleteIcon {
    position: absolute;
    right: 10px;
    display: inline-block;
        bottom: 2px;
}
.attachmentExpensePreviewIcon {
    position: absolute;
    right: 25px;
    bottom: 2px; 
    display: inline-block;
}
.approvalLbl span{

font-weight: normal;

font-family: 'OpenSans_Regular';

font-size: 14px;

vertical-align: top;
}
#rptTable tbody{
    /*/min-height: 373px;*/
    /*Commented By: Nosheen Javed. Issue on IE*/
}

.grayed-cols
        {
            background-color: lightgray;
			/*color: #fff !important;*/
        }

.assignment_navigation table{
             float:right;
}
.navigation_left{
          width: 22px !important;
    height: 22px !important;
    display: inline-block;
    /* background-position: 77%; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    vertical-align: middle !important;
     float: left !important; 
    border: none !important;
    font-size: 15px !important;
    text-align: center;
    background: #1DC7EA;
    color: #fff !important;
    padding: 5px;
    margin-right: 5px;
}
.navigation_right{
          width: 22px !important;
    height: 22px !important;
    display: inline-block;
    /* background-position: 77%; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    vertical-align: middle !important;
     float: right !important;
    border: none !important;
    font-size: 15px !important;
    text-align: center;
    background: #1DC7EA;
    color: #fff !important;
    padding: 5px;
    margin-left: 5px !important;
}
.assignment_navigation{
    text-align: right;
    margin-top: 5px;
}
.level2Inquiry_navigation .navigation_right , .level2Inquiry_navigation .navigation_left{
     width: 22px !important;
    height: 25px !important;
}
.status-text{
        display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: 'OpenSans_Regular';
    font-size: 14px !important;
}
.hover-underline:hover{
    text-decoration:underline;
}
.non-clickable{
        width: 10px;
            padding-right: 0% !important;
}
.expenseListHeader{
    background-color: #133149;
    padding: 5px;
}
.expenseListHeader .total_amt,.expenseListHeader .reimburse_amt{
    color: #fff !important;
}
#hardandsoft{
        padding-top: 2px;
    padding-bottom: 2px;
}
.taskActionsUl{
        margin-bottom: 0px;
    margin-top: 3px;
}
.displayBy{
    margin-top: 3px;
}
.displayBy button{

padding: 6px;

/*border-radius: 3px;*/

background-color: #8a0c0c !important;

color: #fff;

min-width: 55px;

text-align: center;

border: 1px solid #8a0c0c;

position: relative;

display: inline-block;

text-shadow: 0 1px #38678B;

min-height: 40px;

margin-right: -2px;
}
.displayBy button.selected{
    opacity:0.7;
}
.displayBy button:hover{
    cursor:pointer;
     opacity:0.9;
}
.displayBy button.selected:hover{
    cursor:pointer;
    opacity:0.7 !important;
}
.timesheetentry{
     margin-right: 4px;
     background: url(../../images/images_10.1/newtimeentry_white.png);
     content: "";
     display: inline-block;
     width: 20px;
     height: 20px;
     background-repeat: no-repeat;
     background-size: 100%;
     text-align: center;
     margin: 0 auto;
     vertical-align: middle;
     margin-right: 0px;
}

.table thead th span.time{
        display: block;
    text-align: right;
    border-top: 1px solid #ccc;
}
.timesheetTable th{
    text-align: center;
}
.timesheetTable>thead>tr>td{
    vertical-align: middle
}

/*PAGINATION*/
.dataTables_wrapper .dataTables_paginate .paginate_button{
       position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
     z-index: 3;
    color: #fff !important;
    cursor: default;
    background: #337ab7 !important;
    background-color: #337ab7 !important;
    border-color: #337ab7;
}  
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
     z-index: 3;
    color: #fff !important;
    cursor: default;
    background: #337ab7 !important;
    background-color: #337ab7 !important;
    border-color: #337ab7;
}   
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
        z-index: 2;
    color: #23527c !important;
     background: #eee !important;
    background-color: #eee !important;
    border-color: #ddd;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.paginate_button>li:first-child>a, .paginate_button>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.dataTables_wrapper .dataTables_paginate .ellipsis{
       position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

/*DATA TABLE NRE CSS*/
table.dataTable.no-footer{
        border-bottom: 1px solid transparent !important;
        width:100% !important;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
    background-color: #ffffff;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover{
        background-color: #fcfcf9;
}
.multiselect .caret{
        float: right;
    vertical-align: super;
    top: 5px;
    position: relative;
}
.dropdown-searchmenu-sc .btn-group{
    width: 100%;
}
.multiselect {
    width: 100%;
    text-align: left;
        font-size: 14px;
        background-color: transparent !important;
}
.multiselect-container{
     width: 100%;
     text-align: left;
     /* padding-left: 6px !important; */
}
.multiselect:focus{
     border:1px solid #93a1bb;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-group>.multiselect-container:before, .dropdown-toggle>multiselect-container:before, .dropdown>.multiselect-container:before{
        border: none !important;
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
    /* margin: 0; */
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;   
}
.multiselect-selected-text{
        font-size: 14px !important;
}
.grid_Table{
    position: relative !important;
    /* max-width: 100%; */
    /* min-width: 100%; */
    width: 100%;
}
.pin{
    font-size: 24px !important;
   color: #b11318 !important;
}
.unpin{
    font-size: 24px !important;
    color: #808080 !important;
    transform: rotate(90deg);
}
table.fixedHeader-floating {
    position: fixed !important;
    background-color: white;
    /* width: 97% !important; */
}
.graph-container{
    height: 100px;
    width: 50px;
    margin: 0 auto;
    position: relative
}
.graph-labels{
    height: 100px;
    width: 25px;
       float: left;
    border-left: 1px dotted #ccc;
}
.graph-cell-wrapper{
      height: 100px;
      width: 25px;
      float: right;
      /* margin-left: 5px; */
}
.graph-cell-wrapper .hardbook {
        background-color: #a33d72;
        height: 20px;
}
.hardbooklabel{
  
    left:0;
    font-size: 10px;
    font-weight: normal;
    background-color: transparent !important;
    color: #343434 !important;
        display: block;
          font-family : OpenSans_Light;
}
.softbooklabel{

    left:0;
    font-size: 10px;
    font-weight: normal;
    background-color: transparent !important;
    color: #343434 !important;
        display: block;

          font-family : OpenSans_Light;
}
.availablelabel{

    left:0;
    font-size: 10px;
    font-weight: normal;
    background-color: transparent !important;
    color: #343434 !important;
        display: block;
        font-family : OpenSans_Light;
}
.holidaylabel{

    left:0;
    font-size: 10px;
    font-weight: normal;
    background-color: transparent !important;
    color: #343434 !important;
        display: block;
 
          font-family : OpenSans_Light;
}
.graph-cell-wrapper .softbook{
     background-color: #FFA534;
     height: 20px;
}
.graph-cell-wrapper .available{
      background-color: #26b379;
    height: 20px;
}
.graph-cell-wrapper .notavaible{
   background-color: #707070;
    height: 20px;
}
.graph-cell-wrapper .holiday{
      background-color: #cafef4;
    height: 20px;
}
#PlannedHours .material-icons{
        vertical-align: middle;
            font-size: 14px;
}
#ScheduledHours .material-icons{
        vertical-align: middle;
            font-size: 14px;
}
.overbooked-cell{
      background-color: #C91426;
      color: #fff;
      /*width: 100%;*/
      padding: 2px;
}/*
.overbooked-cell:before{
  content: "\f071";
    font-family: FontAwesome;
    font-size: 10px;
    vertical-align: middle;
    margin-right: 2px;
    cursor: pointer;
}*/
 .editor-cell{
    cursor:pointer;
}
#task-head-date{
    margin-left: 3px;
}
#task-start-date{
 margin-left: 3px;
}

.ns-cols {
    background-color: #59d3d0;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}

.rejected-cols {
    background-color: #b72323;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}
.rejected-cols i{
     color: #fff !important;
}
.submitted-cols {
    /*background-color: #d6cc16;*/
    background-color: #20a1c1;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}
.submitted-cols i {
     color: #fff !important;
}
.approved-cols
{
    background-color: #59c959;
	color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}
.approved-cols i{
    color: #fff;
}
.disabled-cols {
    background-color: #ddd !important;
    color: #000 !important;
}
.holidays-cols{
    background-color: #fbcc8c;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}
.holidays-cols i{
    color: #fff !important;
}
.col-selected{
    border: 2px solid red !important;
}
.reApprovalCheckbox{
    vertical-align: text-bottom;
}
.textAlignRight{
    text-align:right;
}
.revision span{
      color: #49a7fa!important;
    font-size: 13px;
    margin-right: 5px;
}
.revision .material-icons{
    font-size: 20px;
}

/*CALENDAR VIEW*/
#calendar {
    width: 100% !important; 
	max-width: 100% !important; 
    margin: 0 auto !important;
    margin-top: 15px !important;

    float: left !important;
}
.fc-toolbar {
    text-align: center;
    margin-bottom: 1em;
}
.fc-toolbar .fc-left {
    float: left;
}
.fc-toolbar .fc-right {
    float: right;
}
.fc-toolbar .fc-center {
    display: inline-block;
}
.fc .fc-toolbar>*>:first-child {
    margin-left: 0;
}
.fc-toolbar h2 {
    font-family: 'existencelight';
    font-size: 26px;
    margin-top: 3px;
    margin-left: 35px !important;
    margin-right: 40px;
    color: #4d4d4d;
}
.fc button {
    border: 1px solid #44e4ee;
    background: #bcf4ff;
    font-weight: normal;
    color: #555;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    text-transform: capitalize;
}
fc-icon fc-icon-right-single-arrow
.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    font-family: 'OpenSans_Light';
    font-size: 18px;
}
.fc th{
	background-color: #1DC7EA;
    color: #eee;
}
.priorityLegends li{
	list-style:none;
	display:block;
	font-size: 16px;
	
	padding: 5px;
	margin-bottom: 5px;
}
.priorityLegends li.highPriority{
	background-color: #da2e21;
	color: #fff;
}
.highPriority{
	background-color:#e22517;
	color: #fff;
	padding: 5px;
}
.priorityLegends li.mediumPriority{
	background-color: #e17228;
	color: #fff;
}
.mediumPriority{
	background-color:#ff6700;
	color: #fff;
	padding: 5px;

}
.priorityLegends li.lowPriority{
	background-color: #749948;
	color: #fff;
}
.lowPriority{
	background-color:#1d7c2c;
	color: #fff;
	padding: 5px;
}
.listView {
	    margin-top: 25px;
}

.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close {
    cursor: pointer;
    color: #fff !important;
}
.fc-toolbar button {
    position: relative;
    margin-right: 5px !important;
    border-radius: 0px;
}
.fc-day-header {
    background-color: #133149 !important;
    background-image: none;
    line-height: 40px;
    color: #fff;
    font-family: 'existencelight';
    font-size: 18px;
    text-shadow: 1px 1px 1px #333;
}
.fc-day-header a {
    color: #fff !important;
}
.fc-toolbar h2 {
    font-size: 26px;
    margin-top: 3px;
    margin-left: 35px !important;
    margin-right: 40px;
    color: #4d4d4d;
    font-family: "OpenSans_Regular" !important;
}
.fc-day-number{
    color: #343434 !important;
    font-size: 14px !important;
}
.fc-day-grid-event>.fc-content {
    padding: 3px;
    display: inline-block;
}
.lowPriorityTask::after{
   content: "\f063";
    font-family: FontAwesome;
    background-color: #749948;
    color: #fff;
    padding: 2px;
    margin-left: 10px;
    vertical-align: super;
}

.switchUserName a{
     color: #fafafa;
}
.modalHeaderButtons{
    margin-right: 10px;
}
.headerPlannedHours{
    display: block;
    text-align: right;
}
#calendarModal p{
    background: #f7f9fa;
    padding: 10px;
}

table.dataTable th.focus,table.dataTable td.focus{outline:3px solid red; outline-offset:-3px}
.float-left{
    float:left !important;
}
.text-left{
    text-align:left !important;
}
.no-margin-lr{
    margin-left:0px !important;
    margin-right:0px !important;
}
.edit-dt-cell-ddl{
    min-width:200px !important;
}
.edit-dt-cell-text{
     min-width:200px !important;
}

.editableRow {
       height: 55px !important;
}
td.edit-dt-cell-status{
       height: 47px;
}
.edit-dt-cell-status{
     min-width:150px !important;
}
.edit-dt-cell-hour{
     min-width:100px !important;
         margin-right: -5px;
}
.edit-dt-cell-aComm{
      min-width:120px !important;
}
.edit-dt-cell-trxComm{
     min-width:120px !important;
}
.edit-dt-cell-trxComm i{
    float: right;
    text-align: right;
    right: 0;
    margin-right: -10px;
     font-size: 16px !important;
         min-width: auto !important;
}
.gadget1{
    z-index : 2 !important;
}
.gadget2{
    z-index : 2 !important;
}
.gadget3{
      z-index : 1 !important;
}
.gadget4{
     z-index : 1 !important;
}
.iconWidth{
    width: 33px !important;
    height: 33px !important;
    float: left;
}
.treegrid-expander{
        margin-right: 10px;
}
.noBorder>tbody>tr>td{
        border-top: 1px solid transparent!important;
}
.folderLevel{
     
}
.table>tbody>tr>td i.fa-folder-open-o{
        margin-right: 5px;
}
.fixedHeaderEmployeeMgmt{
position: fixed;
    width: 98%;
    right: 15px;
    left: 15px;
    top: 60px;
    z-index: 4;
    background-color: #fff;
}

/*Gantt Chart*/
.weekend {
    background-color: #ccc;
}
.edit-dt-cell-aComm i{
    float: right;
    text-align: right;
    right: 0;
    margin-right: -10px;
     font-size: 16px !important;
         min-width: auto !important;
}

.attachments {
            padding-right: 25px;
}
.attachments a {
    margin-left:3px;   
            
}
.logoutSection{
        position: fixed;
    right: 40px;
    /* top: 16px; */
    margin-top: 3px;
}
.logoutSection li{
        padding: 0 4px;
    height: 50px;
    display: inline-block;
    margin: 0;
}
.logoutSection li a{
    padding: 17px 10px 8px;
    display: block;
}
.logoutSection li a i{
   font-size:19px;
}
.fc-view, .fc-view>table {
    position: relative;
    z-index: 0 !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     table.dataTable th.focus, table.dataTable td.focus{
         border: 2px solid red !important;
         outline: none;
     }
}
@-moz-document url-prefix() { 
 table.dataTable th.focus, table.dataTable td.focus{
         border: 2px solid red !important;
         outline: none;
     }
}
.custom-col-md-6 {
    width: 45% !important;
    float: left;
    padding: 0%;
    min-height: 45px;
}

.custom-col-md-4 {
    width: 37.333333% !important;
    float: left;
        padding-right: 15px;
    padding-left: 15px;
}

.custom-col-md-7 {
    width: 55.5% !important;
    float: left;
        padding-right: 15px;
    padding-left: 15px;
}

@media print {
  .fc-day-header {
    background-color: #133149 !important;
    background-image: none;
    line-height: 40px;
    color: #fff !important;
    font-family: 'existencelight';
    font-size: 18px;
    text-shadow: 1px 1px 1px #333;
}
  .fc button {
    border: 1px solid #44e4ee;
    background: #bcf4ff !important;
    font-weight: normal;
    color: #555;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    text-transform: capitalize;
}
  .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 0;
    background-color: #1DC7EA !important;
    color: #fafafa;
}
  .fc-toolbar button {
    position: relative;
    margin-right: 5px !important;
    border-radius: 0px;
}
.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer;
}
}
.fa-file-text-o:before {
    content: "\f0f6";
    padding-right: 5px;
}
.navArrows{
        cursor: default;
    background-color: rgb(65, 197, 218);
    padding: 5px;
}
.grid_actions ul li i{
    font-size: 19px;
}
#tblTrxData.dataTable thead>tr>th, #tblTrxData.dataTable thead>tr>td {
    padding-right: 5px;
}
#tblTrxData > tbody > tr > td {
        padding: 5px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
        font-size: 12px;
        font-family: 'OpenSans_Regular';
}
.L2TaskAction{
    text-align: left !important;
}

.PlacementButtons{
    position: fixed;
    bottom: 1px;
}
.currency-icon{
    font-size: 18px;
    vertical-align: sub;
}
.printedBy{
    float: right;
}
.nav>li{
    float: left;
}
.page-header .page-header-top .top-menu .navbar-nav{
    margin:0 !important;
}
.replace_doc{
    background-image: url(../../images/images_10.1/replaceIcon.png);
    background-position: 95%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    float: right;
            }

@media (max-width: 768px) and (min-width: 300px) {
.container {
    width: 750px;
}
.page-header .page-header-top .page-logo{
    margin-left:6%;
}
.page-header .page-header-top .top-menu {
    margin: 10px 0 0;
    padding: 0;
    float: right;
    margin-right: 0%;
}
}
.downloadExcel{
      width: 25px;
	  height: 25px;
     background: url(../../images/images_10.1/downloadExcel.png);
		    background-repeat: no-repeat;
		    background-size: 100%;
		    display: inline-block;
                vertical-align: middle;
}
.placementLbl{
    color: #16649e !important;
    word-break:break-word;
}
.placementLbl:hover{
    cursor:pointer;
    text-decoration:underline;
}
.placementLbl .placeDimen
{
    /*color: #aaa !important;*/
    color: #494949 !important;
}

.setup_screen{
     background-image: url(../../images/images_10.1/setup_screen.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
    /* background-position: 93%; */
    background-repeat: no-repeat;
    background-size: 100%;

}
.column a{
    display:block;
           margin-top: 5px;
    margin-bottom: 5px;
}.esmAbout a{font-weight:bold;text-decoration:underline;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i{
        color: #fff;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i.material-icons{
        color: #50e2f9;
    font-size: 19px;
    vertical-align: text-top;
}

@media (max-width: 768px) and (min-width: 300px) {
.container {
    width: 750px;
}.page-header .page-header-top .top-menu {
    margin: 3px 0 0;
    padding: 0;
    float: right;
    margin-right: 0% !important;
}
}
.license-expire-message label{
    padding: 10px 0 0 0;
    font-weight: bold;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}



 /*New Mockup*/
 .content-area .header{
     background-color: #fcfcfc;

 }
  .content-area .header h3{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .content-area .menu {
      background-color: #f4f4f4;
          padding: 10px;
  }
  .menu-items .item{
      padding: 5px;
  }
  .icn-menu{
          border: 1px solid #cfcfcf;
      
     
  }
  .icn-menu .material-icons{
      margin-left: -11px;
  }
  .menu-items{
      padding-top: 10px;
    padding-bottom: 10px;
  }
  .left-menu{
      background-color: #f4f4f4;
      height: 100%;
          width: 20% !important;
  }
  textarea:focus, select:focus{
      border-color :#93a1bb !important
  }
  input[type="checkbox"]:focus, input[type="radio"]:focus{
      outline: #93a1bb dotted 1px !important;
      outline-offset: 2px !important;
  }

  .revenue_header h3{
      font-size: 18px;
        color: #003c6c;
        font-family: OpenSans_Bold;
        display : inline;
  }
  .revenue_header .material-icons{
        font-size: 30px;
        vertical-align: text-top;
  }
   .revenue_header .level2{
       float:right;
           font-weight: bold;
   }
   .revenue_header h5{
           color: #393939;
    font-family: OpenSans_Bold;
    padding: 0px;
    margin-top: 1px;
    margin-bottom: 2px;
   }
   .revenue_header p{
       color: #929292;
       font-family: OpenSans_Regular;
   }
   .revenue_header .header{
       background-color : #ececec;
           padding-top: 10px;
   }
   .v-algin{
       vertical-align:middle !important;
   }
   .c-align{
       text-align: center !important;
   }
   .border-right{
       border-right: 1px solid #ddd !important
   }
   .border-left{
       border-left: 1px solid #ddd !important
   }
   .tfoot-aggrigates {
    /* border-bottom: 1px solid #ccc; */
    font-weight: bold;
}
   .download_Excel{
     width: 20px;
    height: 18px;
    background: url(../../images/images_10.1/downloadExcel.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}
.authLevelName p{
    margin-bottom: 0px;
}
span.multiselect-native-select{
    display:block;
}
span.multiselect-native-select:focus{
        border: 1px solid #93a1bb !important;
    outline: 0px;
}
.dropdown-searchmenu-sc .btn-group:focus{
        border: 1px solid #93a1bb !important;
    outline: 0px;
}
span.multiselect-native-select select:focus{
        border: 1px solid #93a1bb !important;
    outline: 0px;
}

button.multiselect:focus{
     border: 1px solid #93a1bb !important;
    outline: 0px;
}
select[multiple]:focus , select[size]:focus{
     border: 1px solid #93a1bb !important;
    outline: 0px;
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
    z-index: 2;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
        outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}
.linkClass{
    text-decoration: underline;
    color: #133149 !important;
}
.VndName{
    color: #333 !important;
}
.hideExtratxt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ml-5 {
    margin-left:5px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.pstsetting {
    margin-left: 5%;
}
.displyNoneImp {
    display: none !important;
}

.dimension_tags {
    float: left;
    padding-left: 87px;
    width: 72%;
}

.dimension_tags li {
    list-style: none;
    display: inline-block !important;
    background-color: #DEE7F8;
    padding: 4px;
    border-radius: 2px;
    margin-top: 5px;
    margin-right: 2px !important;   
    font-size: 13px !important;
}
.closeSC {
    float: right;
    display: inline-block;
    padding: 0px 5px;
    cursor:pointer;
}
.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-13 {
    padding-left: 13px !important;
}
.pl-15 {
    padding-left: 15px !important;
}

.pt-10 {
    padding-top: 10px !important;
}
.bootbox {
    z-index: 1000999 !important;
}
.icon-16 {
    width:16px !important;
}
.icon-24 {
    width: 24px !important;
}
.dt-body-center-custom {
    text-align:center !important;
}
.tblChangeLog {
    table-layout:fixed;
}
    .tblChangeLog tr td {
    word-wrap:break-word;
    }

.form-label {
    padding-bottom: 10px;
}
.font-bold {
    font-family: 'OpenSans_Regular';
    font-weight: 700 !important;
}

/*********Top bar notification menu **************/
.notification-bar {
    color: black;
}

    .notification-bar ul.notification-container {
        max-width: 350px !important;
        width: 350px !important;
        height:auto;
        overflow: auto;
        background-color: #fffefe !important;
        box-shadow: 0px 1px 2px 0px grey;
    }
     /*   .notification-bar ul.notification-container * {
            font-family: 'Sans, Oblique, Paragraph'
        }*/

.notification-container {
    margin: 0px !important;
    top: 40px;
    right: 25px !important;
    border-radius: 7px !important;
    position: absolute;
}
.header_task_bar_notifications {
    position: relative;
}

.notification-bar li.notification-bar-title {
    background-color: #337ab7 !important;
    /* margin: 0px 5px; */
    padding: 8px 10px;
    font-size: 13px;
    color: white;
    font-weight: 400;
    letter-spacing: 0.3px;
    /* box-shadow: 0px 0px 2px black; */
    font-family: "Open Sans",sans-serif;
}

.notification-bar li.notification-bar-search {
    margin: 0px 5px;
}

.notification-bar li.notification-bar-search > div {
    padding: 10px;
}

.notification-bar-search div input {
    border: solid 1px black;
    padding: 2px !important;
    border-radius: 2px !important;
}

.notification-bar-search div button {
    width: auto;
    margin-left: 10px;
}

#notifications-ul {
    overflow: auto;
    width: auto;
    height: 350px;
    scrollbar-width: thin;
    /*box-shadow: inset 0px 0px 5px -3px black;*/
}

    #notifications-ul li {
        padding: 8px 7px;
        /*border-bottom: 1px solid lightgray;*/
        box-shadow: 0px 4px 4px -6px black;
    }

    #notifications-ul li:hover{
        background-color: #f3f3f3;
    }

    #notifications-ul li:active {
        background-color: #f3f3f3;
    }
        #notifications-ul li .notification {
            display:flex;
            width:100%;
        }
            #notifications-ul li .notification .notification-image {
                flex-grow:0.15;
                max-width:3em;
                display:flex;
                align-items:center
            }
            #notifications-ul li .notification .notification-details {
                padding-left: 15px;
                flex-grow: 0.7;
                width:100%
            }
            #notifications-ul li .notification .notification-image .notification-image-inner {
                height: 40px;
            }
            #notifications-ul li .notification .notification-image .notification-image-inner img{
                max-height:100%;
                max-width:100%;
            }
            #notifications-ul li .notification .notification-source {
                color: black;
                display: block;
                font-size: 13px;
                font-weight: bold;
                font-style: italic;
            }


            #notifications-ul .notification-header {
                position: relative;
            }
                #notifications-ul .notification-header span {
                    position: relative;
                    color: #3270a7;
                }



#notifications-ul .notification-header > span {
    font-weight: bold;
}

        #notifications-ul .notification-header .close-btn {
            position: absolute;
            right: 10px;
            top: 4px;
            color: red !important;
        }

#notifications-ul .notification-body {
    margin-top: 5px;

}

    #notifications-ul .notification-body > span {
        font-weight: lighter;
        font-size: 12px;
        color: #343030;
        letter-spacing: 0.3px;
    }
    #notifications-ul .notification-footer{
        display:flex;
        flex-grow:1;
        min-height:25px;
    }
    #notifications-ul .notification-footer span {

        font-weight: bold;
        font-size: 12px;
        display: flex;
        align-items:flex-end;
    }

#notifications-ul .notification-footer span {
    flex-grow:0.33;
}
    #notifications-ul .notification-footer span:first-child {
        color:grey;
        font-weight:normal;
    }

    #notifications-ul .notification-footer span:nth-of-type(even) {
        display: flex;
        justify-content: center;
    }
#notifications-ul .notification-footer span:last-child {
    display:flex;
    flex-grow:1;
    justify-content:flex-end;
    padding-right:10px;
}



#notifications-ul .notification-footer span a {
    color: darkcyan;
    text-decoration: none;
}

#notifications-ul .notification-footer span a:hover {
    text-decoration: none !important;
    color: white;
}

#notifications-ul::-webkit-scrollbar {
    width: 5px;
}


#notifications-ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}


#notifications-ul::-webkit-scrollbar-thumb {
    background: rgb(7, 7, 7);
    border-radius: 10px;
}


#notifications-ul::-webkit-scrollbar-thumb:hover {
    background: #009eb3;
}



.notification-bar a .notification-count {
    position: absolute;
    top: -4px;
    left: 25px;
    padding: 0px 6px;
    background: red;
    color: white;
    min-width: 10px;
    min-height: 10px;
    line-height: 10px;
    padding: 5px;
    background-color: #bf1f1f;
    font-size: 10px;
    border-radius: 20px;
    border: solid 1px #c93a3a;
}

.notification-bar-badge {
li{
    display: inline-block;
    vertical-align: top;
}

[data-badge] {
    position: relative;
    &:after{
        position: absolute;
        left:16px;
        top: -7px;
        min-width: 10px;
        min-height: 10px;
        line-height: 10px;
        padding: 5px;
        color: #fff;
        background-color: #bf1f1f;
        font-size: 10px;
        border-radius: 20px;
        content: attr(data-badge);
        border: solid 1px #c93a3a;
    }
 }
}



/*********Top bar notification menu end **************/