﻿
/*common*/

body {

    margin: 0;
}

.pageLayout_LoggedIn {

    font: normal 12px/1 Arial, Verdana, Sans-serif;
    padding-left: 5px;
}
 
.pageLayout_LoggedIn h1,
.pageLayout_LoggedIn h2 {

    /*font-weight: normal;
    color: #c03234;*/
}

.pageLayout_LoggedIn h1 {

    margin: 0;
    font-size: 2.3em;
}

.pageLayout_LoggedIn h2 {

    font-size: 1.23em;
}



/*header*/

.pageLayout_LoggedIn .header .t-col {

    padding:1px;
}

.pageLayout_LoggedIn .header p {

    font-size: 1.43em;
}

.pageLayout_LoggedIn .header a {

    color: dodgerblue;
}

.pageLayout_LoggedIn .header .logo img {

    max-width: 350px;
}

.pageLayout_LoggedIn .header .t-container {

    padding: 0px 0px 0px 0px;
    /*margin: 10px auto 5px auto;*/
}



/*content*/

.pageLayout_LoggedIn .content {

    text-align: center;
    /*overflow: hidden;*/
}

.pageLayout_LoggedIn .content .t-col {

    padding: 0px;
}

.pageLayout_LoggedIn .content .t-container {

    padding: 0px;
    width:100%;
    /*margin: 10px auto 5px auto;*/
    /*background-color: #FFFFFF;
    border: thin solid #808080;*/
}

.pageLayout_LoggedIn .content img {

}

.pageLayout_LoggedIn .content .wrapper {

    height: auto;
}

.pageLayout_LoggedIn .content .description {

    height: auto;
}



/*footer*/

.pageLayout_LoggedIn .footer .t-container {

    margin-top:10px;
    background-color: #003965;

}

.pageLayout_LoggedIn .footer .t-container p {

    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    color: #FFFFFF;
    font-weight:bold;
}

.pageLayout_LoggedIn .footer .t-container a {

    color: #FFFFFF;
}

.pageLayout_LoggedIn .footer .t-container img {

}

.pageLayout_LoggedIn .footer .description p {

}

.pageLayout_LoggedIn .footer .sessionExpire {

    height: 5px;
}

.pageLayout_LoggedIn .footer .sessionExpire p {

    line-height: normal;
    text-align: center;
    color: #003965;
}

.pageLayout_LoggedIn .footer .sessionExpire u {

    line-height: normal;
    text-align: center;
    color: rgb(206, 20, 67);
}

.pageLayout_LoggedIn .footer .sessionExpire a {

    color: #FFFFFF;
}

.pageLayout_LoggedIn .deviceImage {

}
 
.pageLayout_LoggedIn .deviceIcon  {

}

@media only screen and (max-width: 1260px) {

    .pageLayout_LoggedIn .header .logo img {

        padding-top: 7px;
        max-width: 250px;
    }

    .container{
        font: normal 16px/1 Arial, Verdana, Sans-serif;
    }

    .pageLayout_LoggedIn .RadInput_Default .riTextBox, .pageLayout_LoggedIn .RadInputMgr_Default {
        border-color: #b3b3b3;
        color: #333;
        background-color: #fff;
        font: normal 16px/1 Arial, Verdana, Sans-serif;
        line-height: normal;
    }

    .pageLayout_LoggedIn .RadComboBox .rcbInput{
        font: normal 16px/1 Arial, Verdana, Sans-serif;

    }

    #tab-horizontal {
        display:block;
    }

    #tab-vertical {
        display:none;
    }

    #detail-tab-horizontal {
        display:block;
        width:100%;
    }

    #detail-tab-vertical {
        display:none;
        width:0%;
    }

    #detail-multipage {
        display:block;
        width:100%;
    }

    .grid-details {
        margin-left:0px;
        margin-top:0px;
    }

    #divRadGridServiceObjectToggleInspection{
        width:100%;
    }

    #divRadGridServiceObjectInspectionButtons{
        display:none !important;
    }

    .xblock{
        margin-right:65px;
        /*width:calc(100% - 65px);*/
    }

    .xtitle {
        /*padding-top:150px;*/
          display:block;
          width:65px;
    }
}

@media only screen and (max-width: 768px) {

    .pageLayout_LoggedIn .header {

        text-align: center;
    }

    .pageLayout_LoggedIn {

        padding-left: 5px;
    }
}
 
@media only screen and (min-width: 568px) and (max-width: 768px) {

}

@media only screen and (min-width: 300px) {

    .pageLayout_LoggedIn {

        padding-right: 5px;
    }
}

@media only screen and (max-width: 360px) {

    .content .description {

        min-height: 50px;
    }
}