﻿ 

.version {
    font-size: 12px;
    color: #fff;
}
.versionhidden {
    font-size: 12px;
    color: transparent;
}
.version:hover {
    color: #003c71 !important;
    text-decoration:none;
}


/*#endregion*/ 

/* 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) {
}
