@font-face {
  font-family: 'RobotoBlack';
  src: url('../../../bundles/proportionpanel/fonts/roboto/Roboto-Black.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
  font-family: 'RobotoLight';
  src: url('../../../bundles/proportionpanel/fonts/roboto/Roboto-Light.ttf')  format('truetype') /* Safari, Android, iOS */
}


@font-face {
  font-family: 'RobotoBold';
  src: url('../../../bundles/proportionpanel/fonts/roboto/Roboto-Bold.ttf')  format('truetype') /* Safari, Android, iOS */
}


@font-face {
  font-family: 'RobotoRegular';
  src: url('../../../bundles/proportionpanel/fonts/roboto/Roboto-Regular.ttf')  format('truetype') /* Safari, Android, iOS */
}

body{
    font-family: "RobotoRegular";
    background-image: url("../../../bundles/proportionpanel/images/bg_home.png");
    background-size: cover;
    background-color: #eff1f2;
    background-size: 100% 1600px;
    background-repeat: no-repeat;
    
}

.page-container.container.proportion-dashboard-container{
    margin-top: 130px;
}

.form-control.register-input{
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 28px 60px;
}
.background-image-login{
    background-image: url("../../../bundles/proportionpanel/images/backgroundLogin.jpg");
    background-size: cover;
}
.form-control.register-input.register-input-first{
    border-top: 1px solid #fcfcfc;
    border-bottom: 1px solid #f5f5f5;
}
.form-control.register-input.register-input-second{
    border-top: 1px solid #fcfcfc;
}
.belt-div{
     color:#6b6f7a;
    font-family: "RobotoBlack";
    background-color: white;
    border-bottom: 1px solid #f5f5f5;
}
.title-div-login-form{
    font-family: "RobotoLight";
    margin-top: 160px;
    margin-bottom: 70px;
    color: #FFFFFF;
    font-size: 21px;
}

.title-div-login-form h3:nth-of-type(1){
    font-size: 16px;
   line-height: 3px;
    font-family: "RobotoBold";
}
.span-icon-belt{   display: inline-block;
                 margin-right: 1em;
    padding: 18px;
    background-color: green;
  
}
.span-icon-grzegorz{   
    display: inline-block;
    margin-right: 1em;
    padding: 32px 20px;

}
.img-grzegorz{
    float: left;
    width: 60px;
    height: 60px;
    background-image:url('../../../bundles/proportionpanel/images/grzegorz.jpg');
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.title-grzegorz{
    font-family: "RobotoLight";
    padding: 20px;
    color: white;
    float: left;
}
.green-gradient{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0dc83+0,68c27e+100,05abe0+100 */

      background: #b0dc83; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #b0dc83 0%, #68c27e 100%, #05abe0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#b0dc83), color-stop(100%,#68c27e), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #b0dc83 0%,#68c27e 100%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #b0dc83 0%,#68c27e 100%,#05abe0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #b0dc83 0%,#68c27e 100%,#05abe0 100%); /* IE10+ */
    background: linear-gradient(45deg,  #b0dc83 0%,#68c27e 100%,#05abe0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0dc83', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.login-button-background{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#68c27e+0,b0dc83+100,05abe0+100 */
    background: #68c27e; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #68c27e 0%, #b0dc83 100%, #05abe0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#68c27e), color-stop(100%,#b0dc83), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #68c27e 0%,#b0dc83 100%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #68c27e 0%,#b0dc83 100%,#05abe0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #68c27e 0%,#b0dc83 100%,#05abe0 100%); /* IE10+ */
    background: linear-gradient(45deg,  #68c27e 0%,#b0dc83 100%,#05abe0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c27e', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.login-button-background:hover{
    background: #68c27e;
}
.facebook-button-background{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b5998+0,286bcb+100,05abe0+100 */
    background: #3b5998; /* Old browsers */
    background: -moz-linear-gradient(left,  #3b5998 0%, #286bcb 100%, #05abe0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3b5998), color-stop(100%,#286bcb), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #3b5998 0%,#286bcb 100%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #3b5998 0%,#286bcb 100%,#05abe0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #3b5998 0%,#286bcb 100%,#05abe0 100%); /* IE10+ */
    background: linear-gradient(to right,  #3b5998 0%,#286bcb 100%,#05abe0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5998', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 */

}
.facebook-button-background:hover{
    background: #3b5998;
}
.google-button-background{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc412f+0,db4936+100,05abe0+100 */
    background: #cc412f; /* Old browsers */
    background: -moz-linear-gradient(left,  #cc412f 0%, #db4936 100%, #05abe0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cc412f), color-stop(100%,#db4936), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #cc412f 0%,#db4936 100%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #cc412f 0%,#db4936 100%,#05abe0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #cc412f 0%,#db4936 100%,#05abe0 100%); /* IE10+ */
    background: linear-gradient(to right,  #cc412f 0%,#db4936 100%,#05abe0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc412f', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 */

}
.google-button-background:hover{
    background: #cc412f;
}
.form-group.proportion-form{
    margin: 0;
}
.btn-block.proportion-form{
    font-family: "RobotoBlack";
    border-radius: 0;
    padding: 18px 20px;
    margin-bottom: 30px;
    border: none;
    font-size: 14px;
        
}
.btn-block.proportion-form-social{
    font-size: 1em;
    font-family: "RobotoBlack";
    border-radius: 0;
    padding: 18px 50px;
    margin: 0;
    border: none;
}
.btn-block.proportion-form-social i {
    
      margin-top: -2px;
    font-size: 1.5em;
}
.help-block{color: #F0415D}

.dataTables_wrapper > div:last-child > div:last-child {
    clear: both;
    width: 100% !important ;
} 
.youtube_li{
    padding: 10px 40px 10px 60px !important;
    color: white;
}
.youtube_li_ico{
       position: absolute;
    /* margin: -45px; */
    top: 18px;
    left: 18px;
}
.login-form div.alert {
    border-radius: 0px;
    margin-bottom: 0px;
}
.header-edit-input{
    font-weight: bold;margin-bottom: 10px
}