html {
}

body {
    margin: 0px;
    background-color: #f1f1f1;
    font-size: 13px;
    font-family: Open Sans,arial, helvetica, sans-serif;
}

hr {
    border-right: none;
    border-left: none;
    border-top: 1px solid #ccc;
    border-bottom: none;
}

.invisible {
    border-color: #fff !important;
    background: #fff !important;
}
/*Panels*/
.panel {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.17);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.17);
    box-shadow: 0 0 5px rgba(0,0,0,.17);
    margin: 0 0 25px 0;
}

    .panel h2 {
        color: #0083CE;
        font-family: 'Open Sans',sans-serif;
        font-size: 19px;
        font-weight: 200;
        padding: 8px;
        line-height: 23px;
        margin: 0px 0 0px 0;
    }

.panel-content {
    font-size: 13px !important;
    overflow: hidden;
    position: relative;
    padding: 10px 10px 10px 10px;
}

.min-height {
    min-height: 620px;
}

    .min-height .panel-content {
        padding: 0px 20px 20px 20px !important;
    }

    .min-height h2 {
        font-size: 28px !important;
        margin-bottom: 20px !important;
        padding: 20px 20px 20px 20px;
    }

.warning {
    color: red;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}

img {
    border: none;
}

table a {
    /* color: Black !important; */
}

select {
    border: 1px solid #d2d2d2 !important;
    padding: 4px;
    width: 100% !important;
    max-width: 500px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

input[type="text"], input[type="password"], .riTextBox, .riTextBox[type="text"] {
    padding: 4px !important;
    width: 100% !important;
    max-width: 500px !important;
    border: 1px solid #d2d2d2 !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

.rgMasterTable .rgFilterRow .rgFilterBox {
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    width: 50% !important;
}

input[type="checkbox"] {
    border: 1px solid #d2d2d2 !important;
}

fieldset {
    border: 1px solid #d2d2d2;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.container-fluid {
    padding: 0 2% 0 2%;
    margin: 0px;
}

.container-fluid-banner {
    padding: 0 2% 0 2%;
    margin: 0px;
    width: 85% !important;
}

.label-left {
    text-align: left;
}

.label-right {
    text-align: right;
    padding-right: 10px;
}

.font-large {
    font-size: 16px;
    font-weight: bold;
    padding: 6px 0px 6px 0px !important;
    height: 30px !important;
}

.header {
    background-color: #383e4b;
    margin: 0 0 20px 0;
    height: 45px;
    padding-left: 2%;
    padding-right: 2%;
}

.home-tabs {
    background: #0083CE;
    padding-top: 10px !important;
    padding-left: 10px !important;
}

.global-navigation {
    float: right;
}

.logo {
    float: left;
    width: 110px;
    height: 40px;
    margin: 3px 0 0 0;
}


/*User Settings/Logout*/
.user-photo {
    float: right;
    margin: 2px 0 0 20px;
    border-radius: 4px;
}

.user-logout {
    float: left;
}

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

.user-logout a {
    color: #03e864 !important;
    font-size: 11px;
    margin: 0px !important;
    padding: 0px !important;
    display: block;
    line-height: 8px;
}

    .user-logout a:hover {
        text-decoration: underline !important;
    }

.dashboard-header {
    text-align: left;
    margin: 10px 0 10px 0;
    font-family: 'Open Sans',sans-serif;
    color: #6A6A6A;
    font-size: 32px !important;
    font-weight: 200;
    position: relative;
    text-shadow: none;
}

.page-dash-header {
    position: relative;
}

.customer-dropdown {
    position: absolute;
    top: 10px;
    width: 100%;
    left: 200px;
}

    .customer-dropdown select {
        width: 370px !important;
        border-radius: 4px;
    }

.page-header h1 {
    text-align: left;
    margin: 10px 0 10px 0;
    font-family: 'Open Sans',sans-serif;
    color: #6A6A6A;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    text-shadow: none;
}

.column-container {
    min-height: 690px;
}

.footer {
    padding: 0px 2% 20px 2%;
    font-size: 12px;
    right: 0px;
    text-align: right;
}

.banner {
    max-width: 150px;
    max-height: 630px;
    margin-top: 0px;
    float: right;
    margin-left: 2%;
    background-color: inherit;
}

/*
.gridfix
{
    position:"fixed";
    height:1800px;
}
.gridwrap
{
    height:auto;
    position:"fixed";   
}
*/
/*.radgrid
{

    padding-top: 0px  !important;
    padding-bottom :0px  !important;
    color:#555555;
    font-size:smaller
}*/
.RadGrid, .rgMasterTable {
    width: 100% !important;
}

    .radgrid td {
        padding: 0 !important;
    }

/*.radgrid th
{
	padding: 0  !important;
	background-color:transparent;
    background-image:url('../Images/sprite.gif');
	background-repeat:no-repeat;
	
}*/

/*Menu*/
.menu-wrapper {
    float: right;
}

#sddm {
    margin-top: 0px;
    padding: 0;
    height: 55px;
    display: inline-block;
    z-index: 30;
    float: left;
}

    #sddm li {
        margin: 0 0 0 0;
        padding: 0 10px 0 0;
        list-style: none;
        float: left;
        background: url(../../Images/nav-arrow.png) no-repeat 100% 20px;
    }

        #sddm li a {
            display: block;
            padding: 13px 0px 12px 10px;
            color: #fff;
            margin-right: 20px;
            font-size: 15px;
            text-decoration: none;
        }

        #sddm li:first-child, #sddm li:first-child:hover {
            background-image: none;
        }

            #sddm li:first-child a {
                margin-right: 0px;
            }

        #sddm li:hover {
            color: #FFF;
            background: url(../../Images/nav-arrow.png) no-repeat 100% 20px #00b968;
        }

    #sddm div {
        position: absolute;
        visibility: hidden;
        margin: 0;
        min-width: 180px;
        padding: 0;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        background: #fff; /*border: 1px solid #5970B2;*/
        z-index: 30;
    }

        #sddm div:after {
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            content: "";
            display: inline-block;
            left: 10px;
            position: absolute;
            top: -6px;
        }

        #sddm div a {
            position: relative;
            display: block;
            margin: 0;
            padding: 5px 10px;
            width: auto;
            white-space: nowrap;
            text-align: left;
            text-decoration: none;
            background: #fff;
            color: #474747;
            font: 13px arial;
        }

            #sddm div a:hover {
                background-color: #00b968;
                color: #FFF;
            }

/*Logout*/
.logout {
    float: right;
    display: inline-block;
    overflow: hidden;
    padding: 8px 10px 8px 17px;
}

.dashboard-info {
    margin: 0 0 0 0;
}

    .dashboard-info li {
        display: inline-block;
        float: left;
        margin: 0 0 0 0;
        color: #474747;
        padding: 0 0 0 0;
    }

    .dashboard-info strong {
        font-size: 18px;
        color: #111111;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
    }

.content-header {
    margin-bottom: 10px;
}

    .content-header h1 {
        font-size: 28px;
    }

#content-header {
    padding: 8px 0 15px 0;
}

    #content-header h1 {
        color: #6A6A6A;
        font-size: 22px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        margin: 0;
        position: relative;
        text-shadow: none;
    }

.rgMasterTable {
    font-size: 13px !important;
    font-family: Open Sans,arial, sans-serif !important;
}

.RadGrid_Office2007 {
    border: 1px solid #d0d7e5 !important;
}

/*Table CSS--------------------------------------------------------*/
/*Outlook Table*/
.RadTabStrip_Outlook a {
}

.RadGrid_Outlook .rgHeader a {
    color: #000000 !important;
}

.RadGrid_Office2007 tr td {
    padding: 5px 5px 5px 5px !important;
}

.RadGrid_Office2007 .rgPager {
    background-image: none !important;
    background-color: #D6E5F3 !important;
    padding: 0px 0px 0px 0px !important;
}

    .RadGrid_Office2007 .rgPager td {
        padding: 0px 0px 0px 0px !important;
    }

.RadListBox_Outlook .rlbText, .RadListBox_Outlook .rlbItem, .RadListBox_Outlook .rlbButtonText, .RadListBox_Outlook .rlbEmptyMessage {
    color: #000000;
    font-family: Open Sans,sans-serif !important;
    font-size: 13px !important;
}

/*
METRO START
.rgMasterTable thead .rgHeader  {
    border-left: none !important;
    border-right: none !important;
    color: #666666;
    font-size: 15px;
     font-family: 'Open Sans',sans-serif;
    font-weight: 200;
    padding: 8px 0px 8px 0px;
}
.rgDetailTable .rgHeader  {
    font-size: 13px !important;
}
.rgMasterTable td {
    border-left: none !important;
    border-right: none !important;
    height: auto;
    font-size: 13px !important;
  
}

.RadGrid_Metro {
    border: none !important;
    width: auto !important;
    height: auto !important;
}
.RadGrid_Metro .rgFilterRow td {
    padding: 4px 0px 4px 0px !important;
}
.RadGrid_Metro .rgAltRow td {
    background: #F9F9F9 !important;
     border-color: #DDDDDD !important;
      border-top:  1px solid #DDDDDD !important;
}
.rlbCheck {
    margin-right: 6px;
}
.rlbGroup {
    padding: 5px;
    font-size: 12px !important;
    font-family: arial, helvetica, sans-serif !important;
    overflow-y: scroll !important;
    max-height: 150px;
}
.content td.no-border {
    border: none !important;
}
    

.RadGrid_Metro .rgMasterTable td.rgGroupCol, .RadGrid_Metro .rgMasterTable td.rgExpandCol {
    background: none repeat scroll 0 0 #fff !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    text-align: center !important;
}
.RadGrid_Metro .rgExpand {
    background-position: 0 -496px !important;
}
.RadGrid_Metro .rgCollapse {
    background-position: 0 -444px !important;
}
.RadGrid_Metro th.rgSorted {
    background-color: #fff !important;
}
.RadGrid_Metro th.rgSorted a {
    text-decoration: underline !important;
}
METRO END
*/

.RadGrid .rgFilterBox {
    border: none !important;
    font-size: 12px;
    height: 15px;
    margin: 0;
    padding: 2px 1px 3px;
    vertical-align: middle;
}

.rgHeader a, .rgHeader {
    font-size: 13px !important;
    color: #000 !important;
}

.rgDetailTable {
    width: 100% !important;
    border: none !important;
}

.rgNoRecords, .rgNoRecords td {
    border: none !important;
}

    .rgNoRecords td {
        padding: 8px !important;
    }

.rgFooter td, .rgFooter {
    background: none repeat scroll 0 0 #fff !important;
    border: none !important;
}

.rgDetailTable .rgFooter td {
    background: #fffdef !important;
}

.rgDataDiv {
    height: auto !important;
}

.rgPagerCell .regularLabel {
    float: left;
}

    .rgPagerCell .regularLabel a {
        padding: 0 4px 0px 4px;
    }

.rgPagerCell {
    border-top: none !important;
}

.rgClipCells {
    border: none !important;
}


.standard-table {
    width: 100%;
    min-height: 300px;
    height: 300px;
    overflow: Auto;
}

    .standard-table tbody tr td {
        border-left: none !important;
        border-right: none !important;
        height: auto;
        font-size: 13px !important;
        padding: 8px 0px 8px 0px;
    }


/*Tabs CSS--------------------------------------------------------*/

.RadTabStripTop_Metro .rtsLevel1 {
    background: none !important;
    margin-bottom: 0px;
    height: 40px !important;
}

.RadTabStrip_Metro .rtsLevel1 .rtsUL {
    background: none !important;
    margin-left: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px !important;
}

.RadTabStrip_Metro ul li {
    margin: 0px !important;
    padding: 0px !important;
}

    .RadTabStrip_Metro ul li a {
        border-left: none !important;
        border-top: none !important;
        border-right: none !important;
        border-bottom: none !important;
        line-height: 34px !important;
        font-size: 17px !important;
        margin: 0px !important;
        font-family: 'Open Sans',sans-serif !important;
        font-weight: 200 !important;
        text-transform: capitalize !important;
        height: 40px;
        padding: 0px 22px 0px 22px !important;
    }

.RadTabStrip_Metro .rtsSelected {
    background: #fff !important;
    border-top: none !important;
    line-height: 36px !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 0px 22px 0px 22px !important;
}


/*
.tab-container {
    background: #fff;
    border-left: 1px solid #dcdcdc  !important;
    border-right: 1px solid #dcdcdc !important;
    border-bottom: 1px solid #dcdcdc !important;
    padding: 1%;
}
*/
.button-group {
    padding: 8px 0px 0px 0px;
}

    .button-group div {
        display: inline-block !important;
    }
/*Buttons! From Bootstrap*/
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

    .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
        background-color: #E6E6E6;
        color: #333333;
    }

    .btn:active, .btn.active {
    }

    .btn:first-child {
    }

    .btn:hover, .btn:focus {
        background-position: 0 -15px;
        color: #333333;
        text-decoration: none;
        transition: background-position 0.1s linear 0s;
    }

    .btn:focus {
        outline: thin dotted #333333;
        outline-offset: -2px;
    }

    .btn.active, .btn:active {
        background-image: none;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
        outline: 0 none;
    }

    .btn.disabled, .btn[disabled] {
        background-image: none;
        box-shadow: none;
        cursor: default;
        opacity: 0.65;
    }

.btn-large {
    border-radius: 6px 6px 6px 6px;
    font-size: 17.5px;
    padding: 11px 19px;
}

    .btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
        margin-top: 4px;
    }

.btn-small {
    border-radius: 3px 3px 3px 3px;
    font-size: 11.9px;
    padding: 2px 10px;
}

    .btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
        margin-top: 0;
    }

.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-mini {
    border-radius: 3px 3px 3px 3px;
    font-size: 10.5px;
    padding: 0 6px;
}

.btn-block {
    -moz-box-sizing: border-box;
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
    width: 100%;
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        background-color: #0044CC;
        color: #FFFFFF;
    }

    .btn-primary:active, .btn-primary.active {
    }

.btn-warning {
    background-color: #FAA732;
    background-image: linear-gradient(to bottom, #FBB450, #F89406);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
        background-color: #F89406;
        color: #FFFFFF;
    }

    .btn-warning:active, .btn-warning.active {
    }

.btn-danger {
    background-color: #DA4F49;
    background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
        background-color: #BD362F;
        color: #FFFFFF;
    }

    .btn-danger:active, .btn-danger.active {
    }

.btn-success {
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
        background-color: #51A351;
        color: #FFFFFF;
    }

    .btn-success:active, .btn-success.active {
    }

.btn-info {
    background-color: #49AFCD;
    background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
        background-color: #2F96B4;
        color: #FFFFFF;
    }

    .btn-info:active, .btn-info.active {
    }

.btn-inverse {
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
        background-color: #222222;
        color: #FFFFFF;
    }

    .btn-inverse:active, .btn-inverse.active {
    }

button.btn, input.btn[type="submit"] {
}

    button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner {
        border: 0 none;
        padding: 0;
    }

    button.btn.btn-large, input.btn.btn-large[type="submit"] {
    }

    button.btn.btn-small, input.btn.btn-small[type="submit"] {
    }

    button.btn.btn-mini, input.btn.btn-mini[type="submit"] {
    }

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}

.btn-link {
    border-color: transparent;
    border-radius: 0 0 0 0;
    color: #0088CC;
    cursor: pointer;
}

    .btn-link:hover, .btn-link:focus {
        background-color: transparent;
        color: #005580;
        text-decoration: underline;
    }

    .btn-link[disabled]:hover, .btn-link[disabled]:focus {
        color: #333333;
        text-decoration: none;
    }


/*Telerik Panel*/

@media all and (max-width: 1325px) and (min-width: 100px) 
{
    .banner {
        max-width: 150px;
        max-height: 630px;
        margin-top: 0px;
        float: right;
        margin-left: 2%;
        background-color: inherit;
        display: none;
    }

    .container-fluid-banner {
        padding: 0 2% 0 2%;
        margin: 0px;
        width: auto !important;
    }
}

@media all and (max-width: 1100px) and (min-width: 100px) {

    body {
        margin: 0px;
        background-color: #fff;
        font-size: 13px;
        font-family: Open Sans, helvetica, sans-serif;
    }

    .ipad-fix {
        padding-left: 43px;
    }

    .customer-dropdown select {
        width: 100px !important;
    }

    .container-fluid {
        margin: 0px;
    }
    /*Panels*/
    .panel {
        background-color: none;
        box-shadow: none;
        margin: 0 0 15px 0;
    }

        .panel h2 {
            color: #0083CE;
            font-family: 'Open Sans',sans-serif;
            font-size: 19px;
            font-weight: 200;
            padding: 0px;
            line-height: 23px;
            text-align: left;
            margin: 0px 0 0px 0;
        }

    .panel-content {
        font-size: 13px !important;
        overflow: hidden;
        position: relative;
        padding: 0px !important;
    }

    .min-height .panel-content {
        padding: 0px !important;
    }

    .container-fluid div.min-height {
        min-height: 200px !important;
    }

    .column-container {
        min-height: 400px !important;
    }

    .label-size {
        text-align: right !important;
        width: 150px !important;
    }
    /*
    .header  {
        text-align: center;
        height: 84px;
    }
    .logo {
        margin: 8px auto 0 auto;
        float: none;
        width: 88px;
        height: 27px;
    }
  
    .menu-wrapper {
        clear: both !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto 0 auto !important;
    }
    .dashboard-info  {
        float: none !important;
    }
    .customer-dropdown {
        float: right !important;
    }
    .logout {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    ul#sddm > li > a {
        font-size: 12px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 3px;
        padding-right: 3px;
    }
    ul#sddm {
        height: auto !important;
        margin: 8px 0px 0px 0px;
        display: block !important;
        float: none !important;
    }
    */
    ul#sddm > li > a {
        font-size: 14px !important;
        padding-top: 13px !important;
        padding-bottom: 12px !important;
        padding-left: 8px;
        padding-right: 8px;
        margin-right: 0px !important;
    }

    ul#sddm li {
        padding: 0px !important;
        background-image: none !important;
    }

    ul#sddm {
        height: auto !important;
        margin: 0px 0px 0px 0px;
        display: block !important;
        float: left !important;
    }

    .logout {
        display: inline-block;
        float: right;
        overflow: hidden;
        padding: 6px 0px 0px 6px !important;
    }

    .user-photo {
        margin-left: 5px !important;
    }

    input[type="text"] {
        min-width: 180px;
    }

    select {
        min-width: 180px;
    }

    select {
        padding: 3px !important;
    }

    input[type="text"], input[type="password"], .riTextBox, .riTextBox[type="text"] {
        padding: 3px !important;
    }

    .rgMasterTable select {
        min-width: 100% !important;
    }

    .rgMasterTable input[type="text"] {
        min-width: 100% !important;
    }

    .RadGrid_Office2007 tr td {
        padding: 2px !important;
    }

    .rgFilterRow input[type="text"] {
        width: 16px !important;
        min-width: 10px !important;
    }
}

@media all and (max-width: 900px) and (min-width: 100px) {
    .header {
        background-color: #383E4B;
        height: 88px !important;
        margin: 0 0 20px;
        padding-left: 2%;
        padding-right: 2%;
    }

    .logout {
        position: absolute;
        top: 0px;
        right: 0;
        float: none;
        overflow: hidden;
        padding: 0px;
    }

    .menu-wrapper {
        position: absolute;
        left: 2%;
        right: 2%;
        top: 43px;
        width: auto !important;
        float: none;
    }

    .clear-fix {
        clear: both;
        visibility: hidden;
    }

    .dashboard-info {
        margin: 0 auto;
        float: none !important;
    }
}