@charset "utf-8";
/* CSS Document */


/*===========================CHANGES==============================*/
.formbg {
    background-color: #ECEFF1 !important;
}
.theamLabel{
    color: #009688!important;
    font-weight:bold;
}
.headingbg {
    margin-top: 0;
    background: #009688; /*change*/
    padding: 7px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 2px;
}

#sidebar-wrapper {
    background: #4DB6AC; /*change*/
}

.actionremovebtn {
    color: #C62828; /*change*/
}

    .actionremovebtn:hover {
        color: #C62828; /*change*/
    }

.navbar-toggle:hover {
    background-color: #ddd;
    box-shadow: 0px 2px 5px #666;
}

.mtechcolor {
    color: #F8931D !important; /*change*/
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /*background-color: #f8931d !important;*/ /*change*/
}

nav {
    background-color: #009688 !important; /*change*/
    border: none !important;
}

.greytheme {
    background-color: #009688 !important; /*change*/
}



#tray {
    background-color: #4DB6AC; /*change*/
}

#lefttray {
    background-color: #4DB6AC; /*change*/
}

.bottomtraycontent {
    background-color: #4DB6AC; /*change*/
}

.rowfooter,#myProgressBar {
    z-index: 900 !important;
    background-color: #009688; /*change*/
}

.fast-loader {/*this class used for progress bar*/
            width: 0px;
            height: 7px;
            background: linear-gradient(to left, #009688,rgba(255,255,255,.0));
            animation: speedSetting 2s cubic-bezier(1,.01,0,1) infinite, progressMotion 2s ease-out infinite;
            -webkit-animation: speedSetting 2s cubic-bezier(1,.01,0,1) infinite, progressMotion 2s ease-out infinite;
        }

#bottomtrayclick {
    background-color: #4DB6AC; /*change*/
}

.nav-tabs.nav-justified > li > a {
    color: #000;
    background-color: #4DB6AC; /*change*/
}

.nav-tabs.nav-justified > li.active > a {
    font-size: 14px;
    background-color: #009688 !important; /*change*/
    color: #fff !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #004D40;
}

.sidebar-nav li a:hover {
    color: #f7921c;
    background: #004D40; /*change*/
    border-left: #FBC02D 2px solid;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
    color: #f7921c;
    font-weight: bold;
    background: #263238; /*change*/
}

#product .thumbnail {
    background: linear-gradient(to bottom,#CFD8DC, #607D8B); /*change*/
    background: -webkit-linear-gradient(to bottom,#CFD8DC, #607D8B);
    background: -ms-linear-gradient(to bottom,#CFD8DC, #607D8B);
    background: -moz-linear-gradient(to bottom,#CFD8DC, #607D8B);
    color: #000;
    font-weight: bold;
    font-size: 13px;
    box-shadow: 2px 3px 1px 0px #BDBDBD, -2px 3px 1px 0px #BDBDBD;
    -webkit-box-shadow: 2px 3px 1px 0px #BDBDBD, -2px 3px 1px 0px #BDBDBD;
    -ms-box-shadow: 2px 3px 1px 0px #BDBDBD, -2px 3px 1px 0px #BDBDBD;
    -moz-box-shadow: 2px 3px 1px 0px #BDBDBD, -2px 3px 1px 0px #BDBDBD;
    height: 42px;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.content1 {
    background-color: #ECEFF1; /*change*/
    width: 100%;
    display: block;
    padding: 10px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

/*---- company-------------*/
/*#tab1, #tab2 {
    margin-top: 15px;
    background-color: #ECEFF1;
    padding: 15px 15px;
}*/

.rightnotification a:hover, .rightnotification a:focus {
    background-color: #00796B !important;
}

.normaltabs > li > a, .normaltabs > li > a:hover {
    background-color: #4db6ac; /*change*/
}

.normaltabs > .active > a {
    background-color: #009688 !important; /*change*/
}
.normaltabs1 > li > a, .normaltabs1 > li > a:hover {
    background-color: #4db6ac; /*change*/
}

.normaltabs1 > .active > a {
    background-color: #009688 !important; /*change*/
}

.normaltabs2 > li > a, .normaltabs2 > li > a:hover {
    background-color: #4db6ac; /*change*/
}

.normaltabs2 > .active > a {
    background-color: #009688 !important; /*change*/
}

#table1 th {
    background-color: #90A4AE; /*change*/
}

.mtechreq {
    color: red !important;
}

.customform {
    background-color: #ECEFF1;
}

.formdesign2 {
    background-color: #ECEFF1;
}

.formdesign2heading {
    background-color: #009688;
}

.reqfieldbg {
    background-color: #FFF9C4;
    background-color: rgb(255, 249, 196);
    background-color: rgba(255, 249, 196,1);
}

#example th, .mtechtable th, .mtechtable tfoot tr td {
    background-color: #009688;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #607D8B;
    background-color: #607D8B;
    color: #fff !important;
    background: linear-gradient(to bottom, #ECEFF1 0%, #607D8B 100%);
    background: -webkit-linear-gradient(to bottom, #ECEFF1 0%, #607D8B 100%);
    background: -ms-linear-gradient(to bottom, #ECEFF1 0%, #607D8B 100%);
    background: -moz-linear-gradient(to bottom, #ECEFF1 0%, #607D8B 100%);
}

.even, .mtechtable tr:nth-child(even) {
    background-color: #ECEFF1;
}

.modaleditform, .modal-header {
    background-color: #009688;
}

.captureimg, .browsepic {
    color: #009688;
}

.tempthumb {
    background-color: #90a4ae;
    /*box-shadow:3px 5px 5px -3px #333, 4px 1px 4px -3px #000, -4px 4px 6px -4px #000;*/
    background: #90a4ae -webkit-gradient( linear, left top, left bottom, from(#009688), color-stop(0.50, #80CBC4), color-stop(0.50, #80CBC4), to(#80CBC4));
    box-shadow: 2px 2px 1px 0px #BDBDBD, -3px 4px 3px 1px #BDBDBD;
}

.roletree th {
    background-color: #009688;
}

.dashimg1 {
    border: 3px solid #009688;
}

.inactive {
    color: #9E9E9E !important;
    /*background-color: inherit !important;*/
}

    .inactive:hover {
        color: #9E9E9E !important;
        background-color: inherit !important;
    }
    .inactive.selectedrow:hover{    background-color: #9E9E9E !important; color:#fff !important;}

.mtechdisabledbtn, .mtechdisabledbtn:hover {
    background: #BDBDBD !important;
}
#tabModules, #tabParameters, .tabwithborder {
    border: 1px solid #ddd;
}

.innertabwithborder {
    border: 1px solid #ddd;
}

.jstree-default .jstree-search {
    background-color: #ccc !important;
}


 #portalTrainingCal #calendar .fc-head{background:#009688 !important;}

 .accordionRightTray {
    background-color: #009688 !important;
}

    .activeAcc, .accordionRightTray:hover {
        background-color: #4DB6AC !important;
    }

    #TeamViewMain {
    background: linear-gradient(to bottom, rgb(18, 74, 67), rgb(239, 251, 250)) !important;
}

#TeamViewMain .nav-tabs.nav-justified > li.active > a {
    background: #90a4ae -webkit-gradient( linear, left top, left bottom, from(#02695f), color-stop(0.50, #80CBC4), color-stop(0.50, #80CBC4), to(#098478));
    background: linear-gradient(#02695f, #80CBC4 50%, #80CBC4 50%, #098478);
}

#TeamViewMain .nav-tabs.nav-justified > li > a {
    background: -webkit-linear-gradient(#8ac7c2, #dffffc 50%, #d6fbf7 50%, #399e95);
    background: linear-gradient(#8ac7c2, #dffffc 50%, #d6fbf7 50%, #399e95);
}

#empViewMain {
     background: linear-gradient(to bottom, rgb(18, 74, 67), rgb(239, 251, 250)) !important;
}

#empViewMain .nav-tabs.nav-justified > li.active > a {
     background: #90a4ae -webkit-gradient( linear, left top, left bottom, from(#02695f), color-stop(0.50, #80CBC4), color-stop(0.50, #80CBC4), to(#098478));
     background: linear-gradient(#02695f, #80CBC4 50%, #80CBC4 50%, #098478);
}

#empViewMain .nav-tabs.nav-justified > li > a {
     background: -webkit-linear-gradient(#8ac7c2, #dffffc 50%, #d6fbf7 50%, #399e95);
     background: linear-gradient(#8ac7c2, #dffffc 50%, #d6fbf7 50%, #399e95);
}