/* ==========================================================================
Nutreco custom styles
========================================================================== */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/Content/Fonts/glyphicons-halflings-regular.eot');
    src: url('/Content/Fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../Fonts/glyphicons-halflings-regular.woff') format('woff'), url('../Fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../Fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
    font-family: "FuturaMaxiBold";
    src: url('/Content/Fonts/Futura Maxi CG Bold.eot'), /*for IE */
    url('/Content/Fonts/Futura Maxi CG Bold.ttf'), /* for CSS3 browsers */
    url('/Content/Fonts/Futura Maxi CG Bold.woff');
    font-weight: normal;
    font-style: normal;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    width: 100%;
    height: 100%;
    margin-bottom:140px;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

    .row.no-gutter [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
    }

.ddllanguage {
    text-align: right;
}

#topbar {
    height:45px;
    width:100%;
    background-color: #bdce1d;
    color:#fff;
    line-height:45px;
    margin-bottom:30px;
}

#breadcrumb {
    margin-top:30px;
    height:45px;
    width:100%;
    background-color: #eee;
    color:#000;
    line-height:45px;
}

#content {
    margin-top:30px;
    margin-bottom:30px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 140px;
    background-color: #eee;
    vertical-align: middle;
    line-height: 40px;
    padding-top:50px;
}

.link_footer {
    color:#2a9cd1;
    text-decoration:none;
    padding-right:20px;
}

.link_footer:hover {
    color:#2a9cd1;
    text-decoration:underline;
 }

.link_footer:last-child {
        padding-right:0;
    }

#login {
    padding-top: 10px;
    padding-bottom: 20px;
}



.logout {
    font-size: 12px;
    color: #fff;
}

.logout:hover {
    color: #003c71 !important;
    text-decoration:none;
}

/*Typografie*/
h1 {
    font-family:FuturaMaxiBold;
    font-size: 26px !important;
    color: #189935;
}

h2 {
    font-family:FuturaMaxiBold;
    color: #616161;
    font-size: 1.6rem;
    line-height: 28px;
}

h3, .h3, h3 a, .h3 a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #616161;
    font-family: FuturaMaxiBold,Arial,sans-serif;
}

/* Telerik custom styles */

.btn-primary {
    background-image: none !important;
    border-color: #2a9cd1 !important;
    border-radius: 0 !important;
}

.bodymiddlecentral {
    height:700px !important;
    
}

.RadTile, .RadTile * {
            cursor: pointer;
        }

.RadTile {
    width:150px !important;
    height:150px !important;
}

    .RadTile.rtileWide, .RadTile.rtileSquare {
        margin: 0 !important;
    }

.RadTile .rtileBottomContent {
    min-width:90%;
    text-align:center;
    color:#fff;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.RadTileList.rtlistResponsive {
        height: auto !important;
        width: auto !important;
    }

.RadTileList.rtlistResponsive .rtlistGroup,
.RadTileList.rtlistResponsive .rtlistGroupSeparator,
.RadTileList.rtlistResponsive .rtlistWrapper {
    float: none;
    clear: both;
}

.RadTileList.rtlistResponsive .rtlistGroupSeparator {
    width: auto;
    height: 30px;
    margin: 10px 0;
}

.RadTileList.rtlistResponsive .rtlistWrapper {
    width: 95vw;
}

.RadTileList.rtlistResponsive .rtlistScrollWrapper {
    width: auto !important;
}

.RadGrid_Bootstrap {
    border: 1px solid #ddd;
    border-radius: 0 !important;
    color: #333;
    background-color: #fff;
}

div.RadGrid .rgHoveredRow td{
    background: #59cbe8;
    color:#fff !important;
}

.RadGrid_Bootstrap .rgHeader{
    border: none !important;
    border-radius:0 !important;
    background-color:#2a9cd1 !important;
    color:#fff !important;
}

.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table {
    border: none !important;
    border-radius:0 !important;
}

.RadGrid_Bootstrap th.rgResizeCol, .RadGrid_Bootstrap .rgHeaderWrapper, .RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader {
    border-radius: 0 !important;
}




.rgPager {
    border: none !important;
    border-radius:0 !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #2a9cd1 !important;
    border: 1px solid #2a9cd1 !important;
    color: #fff;
}

.RadGrid_Bootstrap .rgPagerCell .rgPageFirst {
    border-radius: 0 !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgPageLast {
    border-radius: 0 !important;
}

.RadGrid input[type="image"] {
    height: 20px;
}

.RadGrid_Bootstrap .rgRow > td, .RadGrid_Bootstrap .rgAltRow > td, .RadGrid_Bootstrap .rgEditRow > td {
    padding:4px !important;
}

.RadGrid_Bootstrap .rgEditForm [type="text"] {
 border-radius: 0 !important;
}


RadComboBoxDropDown_Bootstrap .rcbImage
{ 
    height: 1.3em;
    width: 1.7em;
	margin: 0 1em 0 1em;
	border: 0.1em solid #FFF;
    vertical-align: middle; 
}

.RadComboBox_Bootstrap .rcbInputCell {
    border-radius: 0 !important;
}

.RadComboBox_Bootstrap .rcbArrowCell {
       border-radius: 0 !important;
}

.RadComboBoxDropDown_Bootstrap {
    border-radius: 0 !important;
}
.RadComboBoxDropDown_Bootstrap .rcbHovered{
    background-color:#59cbe8 !important;
    color:#fff !important;
}

.RadInput_Bootstrap .riTextBox, html body .RadInputMgr_Bootstrap {
    border-radius:0 !important;
}


/* Media Queries
--------------------------------------------------------*/
/*Iphone 6 landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
   .ddlLanguage  {
        margin:0;
        width:120px !important;
    }

    .logout {
           margin:0;
    }
}

/*Iphone 6 portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    .version {
        font-size:10px !important;
    }
    .logout {
        font-size:10px !important;
    }

    h1 {
        font-size:18px !important;
    }

    #footer {
        padding-top:20px !important;
    }

    .ddlLanguage  {
        margin-top:0;
        width:120px !important;
    }
}

/*Iphone 5 landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
   .RadComboBox_Bootstrap {
        max-width:260px;
    }
    
    .ddlLanguage  {
        margin:0;
        width:120px !important;
    }

    .logout {
           margin:0;
    }
}

/*Iphone 5 portrait*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .version {
        font-size:10px !important;
    }

    .logout {
        font-size:10px !important;
    }

    h1 {
        font-size:18px !important;
    }

    #footer {
        padding-top:10px;
    }

    .RadComboBox_Bootstrap {
        max-width:260px;
    }

    .ddlLanguage  {
        margin-top:0;
        width:120px !important;
    }
}


/*small smartphones (landscape)*/
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) and (orientation : landscape) {
   
}
/*small smartphones (portrait)*/
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) and (orientation : portrait) {
   
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}
/* Macbook ----------- */
@media only screen and (min-device-width : 1280px) and (max-width : 1280px) {
}
/* Large screens ----------- */
@media only screen and (min-width : 1281px) {
}