﻿/*added by Tejal*/

html {
    overflow: hidden;
}

.RadTabStrip li > a img {
    height: 20px;
    margin-top: -2px;
}

.RadTabStrip li.rtsLI > a {
    color: #000;
    min-width: 150px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 15px;
    display: block;
    border: 1px solid rgb(185, 184, 184);
    border-radius: 2px;
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(226,226,226,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
    transition: all 0.1s ease 0s;
    -ms-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.RadTabStrip li > a.rtsSelected {
    color: #fff;
    border-color: #002269;
    background: rgba(94,107,168,1);
    background: -moz-linear-gradient(top, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(94,107,168,1)), color-stop(22%, rgba(94,107,168,1)), color-stop(73%, rgba(41,55,136,1)), color-stop(100%, rgba(41,55,136,1)));
    background: -webkit-linear-gradient(top, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    background: -o-linear-gradient(top, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    background: -ms-linear-gradient(top, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    background: linear-gradient(to bottom, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e6ba8', endColorstr='#293788', GradientType=0 );
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}


.RadInput_Metro, .RadInputMgr_Metro {
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn-delete {
    position: absolute; /*content: "\f00d";font-family: FontAwesome;*/
    width: 25px;
    height: 25px;
    min-width: 25px !important;
    line-height: 22px;
    top: -15px;
    right: -11px;
    border-radius: 50%;
    padding: 0px;
    border: 2px solid #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.formBox .secBox .row {
    background: transparent;
}

.content-box {
    padding: 0px 15px 15px 15px;
    /*border: 1px solid #ddd;*/
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    margin-bottom: 15px;
    /*min-height:363px;*/
}

    .content-box h5 {
        border-radius: 4px 4px 0px 0px;
        margin: 0px -15px 15px;
        color: #fff;
        padding: 11px;
    }

.secBox h5 {
    border-radius: 7px 7px 0px 0px;
    margin: 0px;
    color: #fff;
    padding: 11px;
}

.content-box h5, .secBox .head, .secBox h5, .panel-info > .panel-heading {
    background: rgba(94,107,168,1);
    color: #fff;
    background: -moz-linear-gradient(top, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(94,107,168,1)), color-stop(22%, rgba(94,107,168,1)), color-stop(73%, rgba(41,55,136,1)), color-stop(100%, rgba(41,55,136,1)));
    background: -webkit-linear-gradient(top, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    background: -o-linear-gradient(top, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    background: -ms-linear-gradient(top, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    background: linear-gradient(to bottom, rgba(94,107,168,1) 0%, rgba(94,107,168,1) 22%, rgba(41,55,136,1) 73%, rgba(41,55,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e6ba8', endColorstr='#293788', GradientType=0 );
}

/*.panel, .panel-heading {
    border: none;
    background-color: transparent;
}*/

.secBox .head {
    border: none;
}

.content-box h5 i, .secBox h5 i {
    margin-right: 4px;
}

.btn {
    border-radius: 25px;
    min-width: 80px;
    outline: none;
}

.RadGrid .btn {
    border-radius: 4px;
    min-width: 20px;
    outline: none;
}

.gallery .file-upload, .uploaddoc .file-upload {
    border-radius: 25px;
    color: #fff !important;
    background: rgba(183,222,237,1);
    background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,222,237,1)), color-stop(51%, rgba(33,180,226,1)), color-stop(100%, rgba(183,222,237,1)));
    background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
    background: -o-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
    background: linear-gradient(to bottom, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
}

.file-upload, .file-upload span {
    width: 110px !important;
}

.tab-content.formbg {
    background: url(../images/ribbon-white.png) no-repeat 50% 50%/cover rgba(221, 221, 221, 0.18) !important;
    background-attachment: fixed !important;
    /*position: relative !important;*/
}

    .tab-content.formbg:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #d25620;
        opacity: .4;
    }

.RadTabStrip li.rtsLI > a .rtsTxt {
    line-height: 20px;
}
/*Align save command cancel button on top*/
#content {
    position: relative;
}

.button-panel {
    height: 35px;
    text-align: center;
    position: absolute;
    top: 48px;
    right: 0px;
}
/*loader css*/


.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/ajax-loaders/ajax-loader-1.gif') center no-repeat rgba(185, 183, 183, 0.62);
}

.tblworkinfo tr th, .tblRationAnlys tr th {
    background: #e46713;
    color: #fff;
    border: 1px solid #f19151 !important;
}

.tblworkinfo > tbody > tr:nth-child(odd), .tblRationAnlys > tbody > tr:nth-child(odd) {
    background-color: #eee;
}

.formBox .row, .formBox .row:nth-child(even) {
    background-color: transparent !important;
}

.RadPicker {
    width: 100% !important;
}

.nav.side-menu > li.active, .nav.side-menu > li.current-page {
    border-right: 5px solid #db0000 !important;
}

.profile_img {
    height: 55px;
}

.site_title {
    height: 58px;
    padding: 0px;
    margin: 0px auto;
    text-align: center;
    background: #fff;
    line-height: 55px;
}

.x_panel {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border: none;
}

.x_title h2 {
    font-size: 24px;
    color: #db0000;
    line-height: 30px;
}

.nav_menu {
    /*position:fixed;*/
    top: 0px;
    text-align: center;
    background: #db0000;
    margin-bottom: 0px;
    border-bottom: 1px solid #c10303;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

    .nav_menu h3 {
        display: inline-block;
        color: #fff;
        margin-top: 14px;
    }

.toggle a {
    padding: 0;
    color: #fff;
}

.panelpopup {
    background-color: #fff;
    border: 1px solid #ddd;
    min-width: 300px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.nav.navbar-nav > li > a {
    color: #fff !important;
}

.top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover, .top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover {
    background: #c70505;
}

.form-group label {
    font-size: 12px;
}

.form-group {
    margin-bottom: 8px;
}

.container.body .right_col {
    height: calc(100vh - 81px) !important;
    overflow: auto;
}

.left_col {
    background: #222;
    height: 100vh;
    overflow: hidden;
}

.main_menu_side {
    height: 91%;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav.side-menu > li.active > a {
    background: linear-gradient(#1b1a1a,#2a2c2d),#2A3F54;
}

.nav-md ul.nav.child_menu li:before {
    background: #080808;
}

.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #080808;
}

.form-group .RadComboBox_Metro .rcbInputCell {
    height: 28px !important;
}

footer {
    padding: 3px 20px;
    background: #ddd;
    font-size: 12px;
}

td span {
    line-height: inherit !important;
}

.serviceentryview .x_content {
    border: 1px solid #ccc;
    margin-top: 0px;
    padding-top: 5px;
}

.displayInline.calander {
    display: inline-block;
    width: 80%;
    float: left;
}

.nav-sm ul.nav.nav-second-level {
    left: 100%;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 4000;
    text-align: left;
    background: #3E5367;
    /*display: none*/
}

    .nav-sm ul.nav.nav-second-level li a {
        padding: 8px 15px !important;
        text-align: left !important;
    }

        .nav-sm ul.nav.nav-second-level li a i {
            font-size: 14px !important;
            display: inline-block;
            width: auto !important;
        }


        /*
 *  scrollbar CSS
 */

.main_menu_side::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.main_menu_side::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.main_menu_side::-webkit-scrollbar-thumb
{
	background-color: #5d5c5c;
    border-radius:10px;
}