/*loadingbody> loadingcontent> confirm> modal > accountmenu,header > nav > bottom nav
900 > 900 > 50 > 45 > 40 > 35 > 30 */
@font-face {
  font-family: 'helvetica_light';
  src: url('../fonts/helvetica_light/HelveticaNeueLTPro-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/helvetica_light/HelveticaNeueLTPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/helvetica_light/HelveticaNeueLTPro-Light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/helvetica_light/HelveticaNeueLTPro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/helvetica_light/HelveticaNeueLTPro-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'helvetica_bold';
  src: url('../fonts/helvetica_bold/HelveticaNeueLTPro-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/helvetica_bold/HelveticaNeueLTPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/helvetica_bold/HelveticaNeueLTPro-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/helvetica_bold/HelveticaNeueLTPro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/helvetica_bold/HelveticaNeueLTPro-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'helvetica_thin';
  src: url('../fonts/helvetica_thin/HelveticaNeueLTPro-Thin.eot'); /* IE9 Compat Modes */
  src: url('../fonts/helvetica_thin/HelveticaNeueLTPro-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/helvetica_thin/HelveticaNeueLTPro-Thin.woff') format('woff'), /* Modern Browsers */
       url('../fonts/helvetica_thin/HelveticaNeueLTPro-Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/helvetica_thin/HelveticaNeueLTPro-Thin.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@media (min-width:768px){
.container{width:900px;}
#navbar{min-width:880px;}
}
@media (min-width:992px){
.container{min-width:800px;width:95%}
#navbar{min-width:880px;}
}
@media (min-width:1200px){
.container{width:95%}
}

.container{
  padding-left: 0;
  padding-right: 0;
}
.anchor{
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}


label{
    margin-bottom:0;
    font-family: 'helvetica_bold';
}

button, html, input, select, textarea,.form-control {
    font-family: 'helvetica_light';
    -webkit-border-radius:2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
}

select:disabled {
    background-color: rgb(235, 235, 228) !important;
}

.bold {
    font-family: 'helvetica_bold' !important;
}

strong{
    font-family: 'helvetica_bold' !important;    
}

.thin {
    font-family: 'helvetica_thin' !important;
}

.margin-right{
margin-right:10px;
}

html, body{
    height: 100%;
}

body {
    font-family: 'helvetica_light' !important;
}

#main-container{
    position: relative;
    height:auto;
    padding-top:140px;
    min-height: 100%;
    min-width:800px !important;
}

.dropdown {
    cursor:pointer;
}

.line {
    margin-top: 10px;
    margin-bottom: 0px;
    border: 0;
    border-top: 2px solid #8c8c8c;
}

.no-animate {
   -webkit-transition: none !important;
   transition: none !important;
}

.cursor{
    cursor: pointer
}

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

.no-margin{
    margin:0 !important;
}
.row{
    min-width:800px;
    padding:20px 0 40px 0;
    margin:0;
}

.slim-row{
  min-width:800px;
  padding:10px 0;
  margin:0;
}

.lastrow{
  padding-bottom:100px;
}


.text-left{
    text-align: left !important;
}

.tab-pane {
    margin-top: 15px;
}

.float-right{
    float:right;
}

.float-left{
    float:left;
}

.relative{
  position:relative;
}

.padding{
    padding:15px;
}
.no-spadding{
    padding-right:0; 
    padding-left:0;
}

.v-margin{
  margin:15px 0;
}
.overflow-y{
  overflow-y: auto;
}

#header{
    background: #003b6b;
    width:100%;
    height:35px;
    color:white;
    padding:7px 30px;
    text-align:right;
    position:fixed;
    top:0px;
    z-index:40;
}

#header #date{
  font-size: 0.8em;
}

#header .username{
  margin:0 10px;
}

.navbar{
    top:35px;
    min-height: 60px;
    background-color:#792674;
    z-index:35;
}

.navbar-fixed-top{
    border:0;
}

.navbar-brand {
    padding: 0 10px 0 10px;
    background-color:#FFFFFF;
}

.navbar-brand .logo{
    height:65px;
}
.navbar-toggle .icon-bar{
    background:#FFFFFF;
}

.navbar-brand .menu-left-img{
    vertical-align: top;
    background-color: #FFFFFF;
    position: relative;
    right:-15px;
}

#navbar .navbar-nav > li > a, #navbar .navbar-brand {
    height: 65px;

}

#navbar .navbar-nav > li > a{
    padding:20px;
    color:#ffffff;
}

#navbar .navbar-nav .dropdown{
    min-width:150px;
}

#navbar .navbar-nav .dropdown-menu {
    min-width:170px !important;
    width:100%;
    background-color: #331332;
    color:#FAFAFA;
    border:none;

}

#navbar .navbar-nav .dropdown-menu>li>a {
    color:#FAFAFA;
}
#navbar .nav > li > a:hover,
#navbar .navbar-nav > li > a:focus{
    background-color: #331332;
    color: #FFC0CB;
}

#navbar .nav .open>a, 
#navbar .nav .open>a:hover, 
#navbar .nav .open>a:focus {
    background-color: #331332;
    border:0;
}

ul.nav li.dropdown:hover .dropdown-toggle {
   color: #555;
   background-color: #331332;
}

#navbar .dropdown-menu > li > a:hover {
    background-color: #792674;
    background-image: none;
}
#navbar .navbar-right{
    padding:15px 25px 15px 15px;
}

#navbar .navbar-right .searchbar{
    margin-right:20px;
}

#navbar .navbar-right .searchbar .search-icon{
    float:left;
    height:30px;
    width:30px;
}

#navbar .navbar-right .searchbar input{
    box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
    height:30px;
    border:0;
}

#navbar input[placeholder], [placeholder], *[placeholder] {
    color: #792674 !important;
}

#navbar .searchbar .inner-addon .glyphicon {
    padding: 7px !important;
}

#navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
}



.inner-addon { 
    position: relative; 
}

.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

#undernav {
    top: 100px;
    width: 100%;
    position: fixed;
    padding:10px 30px 10px 20px;
    background-color: #FFFFFF;
    z-index: 50;
}
}

#date{
    padding-right:70px;
}

.btn-100{
 width: 100%;
}


button.btn-blue{
  background: #0079d6;
  background-image: -webkit-linear-gradient(top, #0079d6, #004a86);
  background-image: -moz-linear-gradient(top, #0079d6, #004a86);
  background-image: -ms-linear-gradient(top, #0079d6, #004a86);
  background-image: -o-linear-gradient(top, #0079d6, #004a86);
  background-image: linear-gradient(to bottom, #0079d6, #004a86);
  color: #ffffff !important;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
  border-style:solid;
}

button.md-confirm-button,
button.btn-primary {
  background: #0079d6;
  background-image: -webkit-linear-gradient(top, #0079d6, #004a86);
  background-image: -moz-linear-gradient(top, #0079d6, #004a86);
  background-image: -ms-linear-gradient(top, #0079d6, #004a86);
  background-image: -o-linear-gradient(top, #0079d6, #004a86);
  background-image: linear-gradient(to bottom, #0079d6, #004a86);
  color: #ffffff !important;
  text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
  border-style:solid;
}

button.md-button{
  text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
  border-style:solid;
}

button.btn-blue:hover,
button.md-confirm-button:hover,
button.btn-primary:hover {
  background: #046ab8;
  background-image: -webkit-linear-gradient(top, #046ab8, #002847);
  background-image: -moz-linear-gradient(top, #046ab8, #002847);
  background-image: -ms-linear-gradient(top, #046ab8, #002847);
  background-image: -o-linear-gradient(top, #046ab8, #002847);
  background-image: linear-gradient(to bottom, #046ab8, #002847);
  text-decoration: none;
}


.md-cancel-button:hover, {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}

.md-cancel-button {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
    color:black !important;
}

.breadcrumb{
    margin:0;
    background-color: #FFFFFF;
    bottom: 0px;
    position: absolute;
    left: 20px;
}

.breadcrumb a{
    color:grey;
}

.content{
    padding-top:25px;
}

.content-noaction{
    padding-top:0px;
}

.action-bar{
    position:fixed;
    top:100px;
    background-color:#FFFFFF;
    width:100%;
    z-index:30;
    height:65px;
    border-bottom: 2px solid #8c8c8c;
}

.action-slim-bar{
    position:fixed;
    top:100px;
    background-color:#FFFFFF;
    width:100%;
    z-index:30;
    height:40px;
    border-bottom: 2px solid #8c8c8c;
}

.action-bar .action-content{
    padding:10px 30px 0 10px;
}

.action-bar .action-button{
    float:right;
    display: inline-block;
}
.inline{
  display: inline-block;
}
.white{
    color:#FFFFFF;
}

.black{
    color:#000000;
}

.underline{
    text-decoration: underline;
}
/* Page Sections */
.section,
.section-colored {
    padding: 50px 0;
}

.section-colored {
    background-color: #e1e1e1;
    /* change this to change the background color of a colored section */
}

.sidebar {
    margin-top: 40px;
}

.sidebar ul {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
    height: 50%;
}
.no-border{
    border:0 !important;
}
.item,
.active,
.carousel-inner {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.red{
  color:red;
}

.green{
  color:green;
}

.purple-border{
  border-color:#792674;
}

.purple-bg{
    background-color:#792674;
}

.darkpurple-bg{
    background-color:#571552;
}

.lightgrey-bg{
    background-color:#FAFAFA;
}

.lightgrey{
    color:#FAFAFA;
}

.lighterblue-bg{
    background-color: #54BBFF !important;
}

.lightblue-bg {
    background-color: #428bca !important;
}

.darkblue-bg{
  background-color: rgb(0, 74, 134);
}


.introbg{
    position:fixed;
    width:100%;
    top:150px;

}
.glyphicon{
    margin-right:5px;
}


.grey-bg{
    background-color: #E1E1E1;
}

.darkgrey{
    color: #4c4c4c  !important;
}
/* Social Icons Styles */
.list-social-icons {
    margin-bottom: 45px;
}

.tooltip-social a {
    text-decoration: none;
    color: inherit;
}

.facebook-link a:hover {
    color: #3b5998;
}

.linkedin-link a:hover {
    color: #007fb1;
}

.twitter-link a:hover {
    color: #39a9e0;
}

.google-plus-link a:hover {
    color: #d14836;
}

/* Service Page Styles */
.service-icon {
    font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
    font-size: 8em;
}

/* Pricing Page Styles */
.price {
    font-size: 4em;
}

.price-cents {
    vertical-align: super;
    font-size: 50%;
}

.price-month {
    font-size: 35%;
    font-style: italic;
}

/*modal alter*/

.md-title{
    border-style: solid;
    border-width:0 0 1px 0;
    border-color :#E1E1E1;
}

.intro-content{
    padding-top:35px;
}


.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    width:inherit;
    height:inherit;
    margin: 0 auto;
}

.modal-footer-npadding {
    padding: 0px 15px 0 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-backdrop {
    z-index: 44;
}
.modal{
  z-index:45;
}

/* Footer Styles */


footer {
   bottom:0;
   width:100%;
   height:60px;
   background:#6cf;
   padding:20px;
   color:#FAFAFA;;
}

/* Responsive Styles */
@media (max-width: 767px) {

    .carousel {
        height: 70%;
        /* increases the carousel height so it looks good on phones */
    }
}

.s-spadding{
    padding-left: 2px;
    padding-right:2px;
}





.white-bg{
    background-color:#FFFFFF !important;
}

.uppercase{
    text-transform: uppercase;
}

.sm-text{
  font-size:0.8em !important;
}

.md-text{
  font-size:1.2em;
}

.lg-text{
  font-size:1.4em;
}

.dw-loading.dw-loading-active {
    display: block;
}

.dw-loading.dw-loading-overlay {
    background-color: rgba(255, 255, 255, .7);
}
.bodyloading.dw-loading.dw-loading-overlay {
    z-index: 900;
}
.bodyloading.dw-loading{
    top:0;
}

.dw-loading {
    position: fixed;
    top: 150px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
}

.dw-loading:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.dw-loading.dw-loading-active {
    display: block;
}

.dw-loading > .dw-loading-body {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.dw-loading > .dw-loading-body > .dw-loading-spinner {
    position: relative;
}

.dw-loading > .dw-loading-body > .dw-loading-text {
    position: relative;
    top: 25px;
    font-weight: bold;
    font-size: 11px;
    text-shadow: 0 0 2px rgb(255, 255, 255);
}

.dw-loading-modal {
    position: absolute !important;
    top:0px !important;;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
}

.md-button.md-default-theme.md-accent, .md-button.md-accent {
    color: rgb(0, 102, 185);
}

.md-nav-bar md-nav-ink-bar {
    color: rgb(0, 102, 185);
    background: rgb(0, 102, 185);
}
/**LOGIN*/
.hlogin{
    width:250px;
    min-height:280px;
    padding:20px;
    border:1px solid #fff;
    margin: auto;
    position: absolute;
    top: 50%; left: 0; bottom: 50%; right: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(177, 94, 172, 0.29);
}
/***PROJECT***/

#main-container  .borderbox{
    border-style:solid;
    border-width: 1px;
    border-color:#d4d4d4;
}

#main-container  .bloc{
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 8px;
} 

#main-container  .title,
.datagrid .title{
    background-color:rgb(0, 74, 134);
    height:30px;
    width:100%;
    padding:5px 10px;
    text-transform: uppercase;
    text-align:center;
    font-family: 'helvetica_bold' !important;
    color:#EDEDED;
}

#main-container .doubletitle{
    background-color:rgb(0, 74, 134);
    height:60px;
    width:100%;
    padding:20px 10px;
    text-transform: uppercase;
    text-align:center;
    color:#EDEDED;
    font-family: 'helvetica_bold' !important;
}

#main-container .bloc-content{
    padding:10px 20px;
    border-color:#EDEDED;
    height:320px;
}



#main-container  select,
#main-container input[type=text],
#main-container input[type=password]{
    width:100%;
    height:25px;
    margin-bottom:5px;
    border-style:solid;
    border-width: 1px;
    border-color:#d4d4d4;
    padding-left:5px;
}


#main-container .input-group {
    margin-bottom: 10px;
    max-height: 25px;
    min-height: 25px;
    width: 100%;
}
#main-container .input-group-sm>.input-group-addon, 
.cross.input-group-sm>.input-group-btn>.btn {
    height: 25px;
    padding: 0px 10px;
    font-size: 12px;
    line-height: 0;
    border-radius: 3px;
}


.select-arrow-only{
  float:right;
  height:23px !important;
  width:25px !important;
  border-color:white !important;
}

#main-container select:disabled
{
    background-color: rgb(235, 235, 228) !important;
}

#main-container  .check{
    margin:5px 0;
}

#main-container  #project-header .check input{
    width:15px;
    height:15px;
}

#main-container  .inputnoborder{
    width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
    border-style: solid;
    border-width:0 0 1px 0;
    border-color:   #afafaf;
    padding:0 0 2px 2px;
}

#main-container  .inputborder{
    width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
    border-style: solid;
    border-width:1px;
    border-color:   #afafaf;
    padding:0 0 2px 2px;
}


.errorInput{
    border-style:solid !important;
    border-width:2px !important;
    border-color:red !important;
}




#main-container  .comment{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0d0db+21,a59aa3+100 */
background: #e0d0db; /* Old browsers */
}
#main-container .textcomment{
    min-height:120px;
    width:100%;
    border-style:solid;
    border-width: 0px 1px 1px 1px;
    border-color:#d4d4d4;
    padding:5px;
}

#main-container .showhide{
    cursor: pointer;
    float:left;
    height:30px;
    width:30px;
    padding:7px 7px;
    border-style:solid;
    border-width: 0px 1px 0px 0px;
    border-color:#d4d4d4;
    margin-right:10px;
    color:#EDEDED;
}

.button-save {
  cursor: pointer;
  background: #681662;
  background-image: -webkit-linear-gradient(top, #681662, #94218c);
  background-image: -moz-linear-gradient(top, #681662, #94218c);
  background-image: -ms-linear-gradient(top, #681662, #94218c);
  background-image: -o-linear-gradient(top, #681662, #94218c);
  background-image: linear-gradient(to bottom, #681662, #94218c);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:none;
  height:40px;
}

.button-save:hover{
  background: #941f8c;
  background-image: -webkit-linear-gradient(top, #941f8c, #cc2dc1);
  background-image: -moz-linear-gradient(top, #941f8c, #cc2dc1);
  background-image: -ms-linear-gradient(top, #941f8c, #cc2dc1);
  background-image: -o-linear-gradient(top, #941f8c, #cc2dc1);
  background-image: linear-gradient(to bottom, #941f8c, #cc2dc1);
  text-decoration: none;
}

.button-edit {
  cursor: pointer;
  background: #00d400;
  background-image: -webkit-linear-gradient(top, #00d400, #006e00);
  background-image: -moz-linear-gradient(top, #00d400, #006e00);
  background-image: -ms-linear-gradient(top, #00d400, #006e00);
  background-image: -o-linear-gradient(top, #00d400, #006e00);
  background-image: linear-gradient(to bottom, #00d400, #006e00);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:none;
  height:40px;
}

.button-edit:hover {
  background: #00b300;
  background-image: -webkit-linear-gradient(top, #00b300, #006e00);
  background-image: -moz-linear-gradient(top, #00b300, #006e00);
  background-image: -ms-linear-gradient(top, #00b300, #006e00);
  background-image: -o-linear-gradient(top, #00b300, #006e00);
  background-image: linear-gradient(to bottom, #00b300, #006e00);
  text-decoration: none;
}

.button-back {
  cursor: pointer;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:none;
  height:40px;
}

.button-back:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.button-undo {
  cursor: pointer;
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #700000);
  background-image: -moz-linear-gradient(top, #ff0000, #700000);
  background-image: -ms-linear-gradient(top, #ff0000, #700000);
  background-image: -o-linear-gradient(top, #ff0000, #700000);
  background-image: linear-gradient(to bottom, #ff0000, #700000);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:none;
  height:40px;
}

.button-undo:hover {
  background: #ba0202;
  background-image: -webkit-linear-gradient(top, #ba0202, #700000);
  background-image: -moz-linear-gradient(top, #ba0202, #700000);
  background-image: -ms-linear-gradient(top, #ba0202, #700000);
  background-image: -o-linear-gradient(top, #ba0202, #700000);
  background-image: linear-gradient(to bottom, #ba0202, #700000);
  text-decoration: none;
}

.button-save,.button-undo,.button-back,.button-edit{
    display: inline-block;
    margin-left:10px;
}


.datagrid table { 
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  margin-top:20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
 }
  .datagrid table thead th {
  text-align:left;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 15px;
  border-left: 0px solid #0070A8;
  border-bottom : 20px solid #ffffff;
  }

  .datagrid table thead th: first-child { border: none }
  .datagrid table tbody td {
   color: #000000; font-size: 12px;font-weight: normal ;
   text-align: center;
}
  .datagrid tbody .alt{ background: #e8e8e8; color: #000000 }
  .datagrid table tbody td: first-child { border-left: none }
      .datagrid table tbody tr: last-child td { border-bottom: none }
  .period{ text-decoration: underline; cursor:pointer}



.datagrid .list-saving thead th {
  position: relative;
  vertical-align: middle;
  font-size:0.9em;
  height:35px;  
  padding:5px;
  text-align: left;
  background-color:rgb(0, 74, 134);
  color:white;

}


.datagrid .list-saving>thead>tr>th {
  vertical-align: middle;
  border-bottom: 5px solid rgb(0, 102, 185);
  border-right: 1px solid rgb(0, 74, 134);
  text-align: center;
  cursor: pointer;

}

.datagrid .list-saving tbody tr td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border:1px solid #e8e8e8;

}


.datagrid .list-saving tbody td{
 padding:5px;
}

.datagrid .list-saving  th {
 padding:15px 5px;
}

.datagrid .list-saving tbody tr:hover{
    background:rgb(239, 239, 239);
}

  .datagrid .list-saving .action{
    width:60px;
  }

  .datagrid .list-saving .glyphicon{
    margin-right:5px;
  }



  .datagrid .global-view,
  .datagrid .detail-view{
    margin: 15px 0 0 0 ;
    table-layout:fixed;
    width:100%;
    text-align: center;
  }

.datagrid .global-view td,
.datagrid .detail-view td{ padding: 2px 4px;height:34px; }

#main-container .datagrid .global-view input{
    width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
    border-style: solid;
    border-width:0 0 1px 0;
    border-color:   #afafaf;
    padding:0 0 2px 2px;
    text-align:center;
}

.datagrid .global-view .small-input input{
    width: 90% !important; 
}

.datagrid .global-view md-datepicker {
    margin-right: 0px;
    font-family: 'helvetica_bold';
}


.datagrid .global-view .md-datepicker-input{
    min-width: 100px;
     font-family: 'helvetica_bold';
     color:black !important;
}

.datagrid .global-view .total{
    width:30%;
}


.datagrid .last{
    background-color: #ADA8AE;
    color:#000000;
}

.datagrid .last input,
.datagrid .last input[type="text"]:disabled{
    background: #ADA8AE;
}


.datagrid .global-view .last input{
    
    background-color: #ADA8AE;
    color:#000000;
}


.datagrid .global-view .lastline{
    padding-top:30px;
    background-color: blue;
}

.datagrid input[type="text"]:disabled {
    background: #ffffff;
    border-width:0 !important;
}

.datagrid .global-view .titletab{
    background-color: rgb(239, 239, 239);
    border-bottom:1px solid rgb(226, 226, 226) ;
}

.datagrid .global-view .titletab input{
    background-color: rgb(239, 239, 239);
    border:solid;
    border-width:0 0 1px 0 ;
    border-color:#afafaf;
    text-align:center;
}

.tdbigborder-right{
    border-right:20px solid #fff;
}
.tdborder-right{
    border-right:5px solid #fff;
}

#main-container .datagrid .detail-view input{
    width: 100%; 
    text-align:center;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    border-style: solid;
    border-width:0 0 1px 0;
    padding:0 0 2px 2px;
    border-color:#afafaf;
}

.datagrid .detail-view thead th {
    border-width:0;
    text-align:center;
}


.datagrid .detail-view .right-border{
    border-style: solid;
    border-width:0 2px 0 0 !important;
    border-color:   rgb(239, 239, 239);
  }

  
.datagrid .detail-view .bottom-border{
    border-style: solid;
    border-bottom-width:2px !important;
    border-color:   rgb(239, 239, 239);
}

.datagrid .detail-view .tabtitle{
    width:150px;
}

.datagrid .global-view .procontrib{
    width:20% !important;
}
.datagrid .global-view .metrics{
    width:20% !important;
}

.datagrid .global-view .fullyear{
    width:30% !important;
}

.datagrid .global-view .fullyeartotal{
    width:10% !important;
}

.datagrid .global-view .quarterinput{
    width:10px !important;
}


.datagrid .global-view .deferred{
    width:20% !important;
}


.datagrid .detail-view .alt input{
    background: #e8e8e8;
}



.datagrid input[type=number]::-webkit-inner-spin-button, 
.datagrid input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.datagrid .md-datepicker-button.md-icon-button.md-button.md-ink-ripple{
    display: none;

}

.datagrid .md-default-theme .md-datepicker-input-container, 
.datagrid .md-datepicker-input-container {
    border:0 ;
}

.datagrid .md-icon-button+.md-datepicker-input-container {
    margin-left:0;
}

.datagrid .addsaving .glyphicon{
    margin-right:5px;
    font-size:1.5em;
}

.datagrid .addsaving {
    font-size:1.2em;
    text-transform: uppercase;
    cursor: pointer;
}

.datagrid .addsaving:hover {
    text-decoration: underline;
} 

.border-space{
    border-right:5px solid #FFFFFF;
}

#main-container md-radio-button {
    display: inline;
    margin:0 10px;
    }

#main-container md-radio-button .md-label {
    margin-left: 25px;
}

#main-container md-radio-button.md-default-theme.md-checked .md-off,
#main-container md-radio-button.md-checked .md-off {
    border-color: #792674;
}

#main-container md-radio-button.md-default-theme .md-on, 
#main-container md-radio-button .md-on {
    background-color: #792674;
}

#main-container md-radio-button.md-default-theme .md-off, 
#main-container md-radio-button .md-off {
    border-color: rgba(0,0,0,0.54);
}



/*METRICS*/
#metrics-filter{
  /*padding:30px 0 20px 0;
  position:fixed;
  height:300px;
  width:100%;
  background-color: #fff;
  z-index:3;*/
}

.filt-table-content  .projectother .pc .pcoperator{
  text-align: center;
  width: 25% !important;
  float:left;
}

.filt-table-content .projectother .pc .pcvalue{
  width: 75% !important;;
  float:left;
}

.filt-table-content .list-action-bar{
  height:45px;
  width:100%;
  background-color: #fff;
  border:1px solid #bdbdbd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin:0 0 10px;
  padding:6px 0 ;
  font-size: 0.9em;
  position:relative;
  text-align: center;
}

.filt-table-content .list-action-bar  .btn-view-per-page{
  height: 30px;
  padding:1px 10px;
  background-color: #fff;
  border:1px solid #d4d4d4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.filt-table-content .list-action-bar  .btn-view-per-page select{
  height: 25px !important;
  border:0 !important;
  width:50px !important;
}


.filt-table-content .list-action-bar .btn{
  height: 30px;
  margin:0 5px;
  padding:4px 10px;
  background-color: #fff;
  border:1px solid #d4d4d4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.filt-table-content .list-action-bar .action-right>div{
  float:right;
}

.filt-table-content .list-action-bar .btn:hover{
  background-color: #428bca;
  color:#fff;
}

.filt-table-content .list-action-bar>button{
  background-color: #ffffff;
}

.table{
  margin-bottom: 0;
}

.table-filter{
  padding:10px 0;
}


.filt-table-content .view-per-page select{
  width:50px;
  text-align: center;
  height: 30px;

}

.filt-table-content .pagination{
  margin:0;
  height: 30px;
  color:#000;
}



.filt-table-content .bloc-content {
    padding: 20px 20px 10px 20px;
    border-color: #EDEDED;
    max-height: 220px;
}

.filt-table-content label{
    margin-bottom: 5px;
}

.animate-show.ng-hide-add, 
.animate-show.ng-hide-remove {
  overflow-y: hidden;
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.animate-show.ng-hide {
  line-height: 0;
  opacity: 0;
  padding: 0 10px;
}
.list-table{
    font-size:0.9em;
    overflow-y: auto;
    text-align: center;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.list-table [custom-table] .bst_val{
  width:75px;

}

.list-table [custom-table] .header-nowrap{
  min-width:50px;
  max-width:50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-table [custom-table] .ppr_account,
.list-table [custom-table] .nowrap,
.list-table [custom-table] .ppr_mother_name,
.list-table [custom-table] .ppr_name{
  min-width:120px;
  max-width:160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-table [custom-table] .oco_lc,
.list-table [custom-table] .odi_lc,
.list-table [custom-table] .nameconcat,
.list-table [custom-table] .psa_impl_dt{
  min-width:100px;

}
.list-table [custom-table] .sin_lc
{
  text-align: left;
  min-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-table [custom-table] .bst_val{
  min-width: 75px;
}

.list-table [custom-table] .psa_total_totcy,
.list-table [custom-table] .psa_tot_co,
.list-table [custom-table] .psa_baseline,
.list-table [custom-table] .psa_nego_amt,
.list-table [custom-table] .psa_proc_cont,
.list-table [custom-table] .psa_impact_vs_plan_m12,
.list-table [custom-table] .psa_inc_in_plan_m12,
.list-table [custom-table] .psa_reinv_reen_m12,
.list-table [custom-table] .psa_other_m12,
.list-table [custom-table] .psa_deffered_m12
{
  min-width:50px;
  font-size:0.85em;
}

.list-table [custom-table] .pas-date{
  width:75px;
  max-width:75px;
  min-width:75px;
  font-size:0.9em;
}
.list-table [custom-table] .td-checkbox,
.list-table [custom-table] .td-radio{
  width:40px;
  max-width:40px;
  min-width:40px;
}

.list-table [custom-table] .all-checkbox{
  text-transform: uppercase;
  font-size: 0.8em;
}

.list-table [custom-table] .td-radio{
  width:50px;
  max-width:50px;
  min-width:50px;
}

.list-table .border2{
  border-right:4px solid #dadada;;
}

.list-table .border3{
  border-right:4px solid #3792d0 !important;
}

.list-table .border4{
  border-right:10px solid #E1E1E1 !important;;
}


.list-table [custom-table] th.check{
  width:10px;
}

.list-table [custom-table] th{

}

[custom-table] .btn-unstyled {
  background: transparent;
  border: 0;
}



[custom-table] tbody tr .actions {
    visibility: hidden;
}

[custom-table] tbody tr:hover .actions {
    visibility: visible;
}
[custom-table] thead {
  background-color: rgb(0, 74, 134);
  color:#EDEDED;

}

[custom-table] thead th {
  position: relative;
  vertical-align: middle;
  font-size:0.9em;
  height:40px;  
  padding:5px;
  text-align: left


}


[custom-table] >thead>tr>th {
  vertical-align: middle;
  border-bottom: 5px solid #3792d0;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid rgb(0, 74, 134);

}

[custom-table] tbody tr td {
    padding: 2px 4px;
    vertical-align: middle;
    border:1px solid #fff;
    font-size:0.95em;
}


}

[custom-table] [custom-table-sort] {
  cursor: pointer;
}

[custom-table] thead .icon:before {
    font-size: 0.9em;
}

[custom-table] thead .icon-sort {
    color: black;
}

[custom-table] thead .icon-sort.active {
    color: black;
}

[custom-table] .btn-sort {
  position: absolute;
  right: 0;
}


[custom-table] tbody .odd {
  background-color: #fff;
}
[custom-table] tbody .even {
    background-color:#efefef;
}

.table-hover[custom-table]>tbody>tr:hover td,
.table-hover[custom-table]>tbody>tr:hover {
  background-color:rgba(206, 199, 199, 0.5);
}

[custom-table] tbody .total {
    background-color:#efefef;
    height:40px;
    font-family: 'helvetica_bold';
}

[custom-table] tbody .total > td {
    border-bottom: 4px solid #dadada;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
    background-color: white;
    border-color: #ddd;
    color:#000;
    font-family: 'helvetica_bold';
    z-index:0;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #ffffff;
    background-color: #eee;
    border-color: #ddd;
}

.result-number{
  padding: 5px;
  display: inline-block;
  vertical-align: top;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #000;
    text-decoration: none;
    outline: 0;
    background-color: white;
}

.ui-select-bootstrap .ui-select-choices-row>span:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #792674;
}

.table-filter .ui-select-multiple.ui-select-bootstrap {
    padding: 1px;
}

.ui-select-container {
  max-height:57px !important;
}

.ui-select-container .btn{
  display: inline-block;
  min-width: 40%;
}

.ui-select-container div:first-child{
  overflow-y: auto;
  overflow-x: hidden;
  max-height:50px !important;
}


.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    height: 1.2em;
}

.validate-info-saving{
  position:absolute;
  right:0;
  padding:10px;
  width:450px !important;
  background-color: #fff;
  border:1px solid #d4d4d4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.validate-info-saving table{
   margin:0 !important;
   padding:2px !important;
   
} 

.validate-info-saving table th{
  text-align:right !important;
   font-size:12px !important;
   width:75px  !important;;
   padding:5px;
  border:0 !important;
} 

.validate-info-saving table td{
   text-align:right !important;
   vertical-align:bottom !important;
} 
.validate-info-saving table input{
   margin-left:5px !important;
}

.src-col{
  background-color: #99d6ff;
}

.tgt-col{
  background-color: #bfdef3;
}

.dif-col{
  background-color: #ff9e9e;
}

/*LOGIN*/
.account  select,
.account input[type=text],
.account input[type=password]{
    width:100%;
    height:auto !important;
    margin-bottom:0px !important;
    border-style:solid;
    border-width: 1px;
    border-color:#d4d4d4;
}

#header #account-dropdown{
  position:relative;
  z-index:80;
  float:right;
}

#header #account-dropdown .dropdown-menu{
  z-index:79;
  right:0;
  left:auto;
  margin:8px 0 0;
}

#header #account-dropdown .dropdown-menu .glyphicon{
  margin-top:7px;
}


#myaccount  .title{
  max-width:500px;
  width:100%;
}

#myaccount .bloc-content{
  height:auto;
  max-width:500px;
  width:100%;
}

.modal .report,
.modal .profile{
  float:left;
  margin-right:30px;
  width: 100%;
  max-width: 500px;
}


#mypassword .bloc-content{
  height:auto;
  max-width:500px;
  width:100%;
}

.modal .label-addon{
  width:80px;
  color:black;
}

.modal .input-group{
  margin-bottom:10px;
  max-height:30px;
  min-height:30px;
  width:100%;
}

.modal input[type=radio],.modal input[type=checkbox]{
  margin-right:5px;
}


.tab-content{
  padding: 20px 0 ;
}

.modal-rightmanage .modal-body{
  padding-top:20px;
}

.modal-rightmanage select{
  height:30px !important;
  width: 100%;
  color:#792674 !important;
  font-size: 12px;
  border-color:#ccc;
}

.errors-message ul{
  margin:0;
}

.errors-message ul li{
  margin:0;
}

.input-group .form-control{
  z-index: 0 !important;
}

.modal-rightmanage .listcheckbox{
  padding:10px 20px;
  overflow:auto;
  height:160px;
  -webkit-border-radius:3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:1px solid #ddd;
}

.modal-rightmanage .listcheckbox ul{
  padding:0;
  list-style: none;
}


.table-document-upload tr td {
  padding:6px;
}

.table-document-upload th{
  font-size:0.9em;
}

.table-document-upload .filename-upload{
    min-width:120px;
    max-width:270px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-report{
  border:none;
  table-layout:fixed;
  background-color: transparent !important;
}

.table-report thead th{
  border:none;
  text-align: center;
} 

.table-report .ppr_mother_name{
  font-size: 12px;
}
.table-report .ppr_name{
  padding-left:10px;
}
.table-report .ppr_mother_name,
.table-report .ppr_name{
  text-align: left;
  width:15%;
}

.table-report .tea_nam,
.table-report .pca_lc{
  text-align: left;
  width:10%;
}

.table-report .report-number{
  width:7%;
 text-align:right;
}

[custom-table] th.report-thead{
  vertical-align:middle !important;
  border-bottom:0;
}

.table-report tbody tr td {
  border:none;
  font-size:12px;
  padding:5px 10px;
}

[custom-table] .table-report .motherproject td{
  border-width :0 0 1px 0;
  border-style:solid;
  border-color:grey;
  padding:15px 10px 5px 5px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;   
  box-sizing: border-box;  
}

.table-report[custom-table] >thead>tr>th {
}

.table-report[custom-table] tbody .total {
    height: 60px;
    font-family: 'helvetica_bold';
}

.table-report[custom-table] .total td{
  font-size:12px;
  padding:5px 10px;
  border-bottom: 10px solid #e1e1e1;

}

.table-report .category{
  padding:15px 0px 5px 5px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.table-report[custom-table] tbody .even,
.table-report[custom-table] tbody .odd {
    border-bottom: 7px solid #e1e1e1;
}

.table-report[custom-table] tbody .odd {
}

.table-report[custom-table] tbody .even {
}

.table-report[custom-table] tbody tr:hover td,
.table-report[custom-table] tbody tr:hover {
}


.rTable { display: table; }
.tr { display: table-row; }
.thead { display: table-header-group; }
.tbody { display: table-row-group; }
.rTableFoot { display: table-footer-group; }
.td, .th { display: table-cell; }


.list-table [custom-table] .th.check{
  width:10px;
}

.list-table [custom-table] .th{

}


[custom-table] .tbody .tr .actions {
    visibility: hidden;
}

[custom-table] .tbody .tr:hover .actions {
    visibility: visible;
}
[custom-table] .thead {
  background-color: rgb(0, 74, 134);
  color:#EDEDED;

}

[custom-table] .thead .th {
  position: relative;
  vertical-align: middle;
  font-size:0.9em;
  height:40px;  
  padding:5px;
  text-align: left

}


[custom-table] >.thead>.tr>.th {
  vertical-align: middle;
  border-bottom: 5px solid #3792d0;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid rgb(0, 74, 134);

}

[custom-table] .tbody .tr .td {
    padding: 2px 4px;
    vertical-align: middle;
    border:1px solid #fff;
    font-size:0.95em;
}


}

[custom-table] .thead .icon:before {
    font-size: 0.9em;
}

[custom-table] .thead .icon-sort {
    color: black;
}

[custom-table] .thead .icon-sort.active {
    color: black;
}

[custom-table] .btn-sort {
  position: absolute;
  right: 0;
}


[custom-table] .tbody .odd {
  background-color: #fff;
}
[custom-table] .tbody .even {
    background-color:#efefef;
}

.table-hover[custom-table]>.tbody>.tr:hover .td,
.table-hover[custom-table]>.tbody>.tr:hover {
  background-color:rgba(206, 199, 199, 0.5);
}

[custom-table] .tbody .total {
    background-color:#efefef;
    height:40px;
    font-family: 'helvetica_bold';
}

[custom-table] .tbody .total > .td {
    border-bottom: 4px solid #dadada;
}


.pc .pcoperator {
    text-align: center;
    width: 25% !important;
    float: left;
    height: 25px !important;
}

.pc .pcvalue {
    width: 75% !important;
    float: left;
}

.id{
  width:60px;
}