html,
body {
/*css for full size background image*/
  /*background: url(dist/img/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  
  height: 100%;
  /*background-color: #060;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);*/
 
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.unselectedRow {
   
    background-image: url('images/tick0.png');
}
.selectedRow  {
   
    background-image: url('images/tick1.png');
}

.assignedRow td {
    background-color:#fbf745 !important;
}
.SelectedOption  {
    background-color:lightblue !important;
}
.validationMessage {color : red}

    .tabs-left, .tabs-right {
        border-bottom: none;
        padding-top: 2px;
    }

    .tabs-left {
        border-right: 1px solid #ddd;
    }

    .tabs-right {
        border-left: 1px solid #ddd;
    }

        .tabs-left > li, .tabs-right > li {
            float: none;
            margin-bottom: 2px;
        }

    .tabs-left > li {
        margin-right: -2px;
    }

    .tabs-right > li {
        margin-left: -1px;
    }

    .tabs-left > li.active > a,
    .tabs-left > li.active > a:hover,
    .tabs-left > li.active > a:focus {
        border-bottom-color: #ddd;
        border-right-color: transparent;
    }

    .tabs-right > li.active > a,
    .tabs-right > li.active > a:hover,
    .tabs-right > li.active > a:focus {
        border-bottom: 1px solid #ddd;
        border-left-color: transparent;
    }

    .tabs-left > li > a {
        border-radius: 4px 0 0 4px;
        margin-right: 0;
        display: block;
    }

    .tabs-right > li > a {
        border-radius: 0 4px 4px 0;
        margin-right: 0;
    }

    .vertical-text {
        margin-top: 50px;
        border: none;
        position: relative;
    }

        .vertical-text > li {
            height: 20px;
            width: 120px;
            margin-bottom: 100px;
        }

            .vertical-text > li > a {
                border-bottom: 1px solid #ddd;
                border-right-color: transparent;
                text-align: center;
                border-radius: 4px 4px 0px 0px;
            }

            .vertical-text > li.active > a,
            .vertical-text > li.active > a:hover,
            .vertical-text > li.active > a:focus {
                border-bottom-color: transparent;
                border-right-color: #ddd;
                border-left-color: #ddd;
            }

        .vertical-text.tabs-left {
            left: -50px;
        }

        .vertical-text.tabs-right {
            right: -50px;
        }

            .vertical-text.tabs-right > li {
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
            }

        .vertical-text.tabs-left > li {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.read {
    font-weight: normal !important;
}
.lookupHighlighting {
    background-color:yellow;
}

.lookupItemDescription {
    font-size: 12px !important;
}

.loader { background-image: url('data:image/gif;base64,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'); height: 64px; width: 64px; }

.panel-heading h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 75%;
    padding-top: 8px;
}

.checkbox2 {
    border:1px solid #cccccc;
    background-color:#ffffff;
    padding-left:25px;
    padding-bottom:3px;
    padding-top:3px;
    padding-right:3px;
    margin-bottom: 1px !important;
    margin-top: 1px !important;
} 


.nav.main-menu, .nav.msg-menu {
 /* margin:0 -15px;*/
}
.nav.main-menu > li > a, .nav.nav-second-level > li > a {
 /* text-align: center;*/
  color:#f0f0f0;
  min-height: 40px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background:rgba(0, 0, 0, 0.1) !important;
}
.nav.main-menu > li > a:hover, .nav.main-menu > li > a:focus, .nav.main-menu > li.active > a, .nav.main-menu .open > a, .nav.main-menu .open > a:hover, .nav.main-menu .open > a:focus, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li.active > a,
.nav.nav-second-level > li > a:hover, .nav.nav-second-level > li > a:focus, .nav.nav-second-level > li.active > a, .nav.nav-second-level .open > a, .nav.nav-second-level .open > a:hover, .nav.nav-second-level .open > a:focus {
  background:rgba(0, 0, 0, 0.1) !important;
  color:#f0f0f0 !important;
}
.nav.main-menu a.active, .nav.nav-second-level a.active {
  background:rgba(0, 0, 0, 0.2) !important;
}
.nav.main-menu a.active:hover, .nav.nav-second-level a.active:hover {
  background:rgba(0, 0, 0, 0.2) !important;
}
.nav.main-menu a.active-parent, .nav.nav-second-level a.active-parent {
  background: rgba(0, 0, 0, 0.3) !important;
}
.nav.main-menu a.active-parent:hover, .nav.nav-second-level a.active-parent:hover {
  background: rgba(0, 0, 0, 0.3) !important;
}
.nav.main-menu > li > a > i, .nav.nav-second-level > li > a > i {
  font-size: 18px;
  width: auto;
 /* display: block;
  text-align: center;
  vertical-align: middle;*/
}
 .navbar-default1 {
            background: #6AA6D6 url(images/devoops_pattern_b10.png) 0 0 repeat !important;
            border-color: #6AA6D6 !important;
        }
.main-menu .dropdown-menu {
  position: absolute;
  z-index: 2001;
  left: 100%;
  top: 0;
  float: none;
  margin: 0;
  border: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  padding: 0;
  background: #6AA6D6 url(images/devoops_pattern_b10.png) 0 0 repeat;
  box-shadow: none;
  visibility:hidden;
}
.main-menu .active-parent:hover + .dropdown-menu {
  visibility:visible;
}
.main-menu .active-parent + .dropdown-menu:hover {
  visibility:visible;
}
.main-menu .dropdown-menu > li > a {
  padding:9px 15px 9px 40px;
  color:#f0f0f0;
}
.main-menu .dropdown-menu > li:first-child > a {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.main-menu .dropdown-menu > li:last-child > a {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}


/* on/off */

.power .active, .power .inactive , .power .view {font-size:25px !important;cursor:pointer !important; }
i.active, i.Detail { color: #5cb85c}
i.inactive {color: #d9534f}
i.disabled {color: rgba(0, 0, 0, 0.2) !important}

   .icon-background4 {
    color: #c0ffc0;
}

.icon-background6 {
    color: #40c040;
}
.iconBackground7 {
    color: #ff0000;
}

.iconBackground8 {
    color: #ffe680;
}

.iconBackground9 {
    color: #ffcc00;
}

    .quickMenuMargin1 {
        margin-top: -20px;
    }
    .quickMenuMargin2 {
        margin-top: -102px;
    }


    .navbar-form input, .form-inline input {
	width:auto;
}

.main-footer  {
    background: #1c1c1c/*#434D53*//*#f4f6f3*/ !important;
    color:#a8a39e !important;
    padding-top:15px;
    padding-bottom:15px;
    border-top: 1px solid  #1c1c1c/*#434D53*//*#f4f6f3*/ !important;
}

.content-wrapper {
    background-color:#fff /*#15a4d3*/ !important;
}

.skin-yellow .main-header .navbar {
    background-color:#f7542b /*#444*/ !important;
}
.container {
    min-height:100%;
    height: 100%;
}



/* test*/
.main-header .header-upper {
    position: relative;
    padding: 20px 0px;
    background: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    z-index: 5;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.main-header .header-box {
    position: relative;
    float: left;
    min-height: 60px;
    margin-left: 40px;
    font-size: 13px;
    padding: 15px 0px 15px 50px;
    color: #1c1c1c;
    min-width: 200px;
}

.main-header .header-box .icon-box {
    position: absolute;
    left: 0px;
    top: 7px;
    width: 30px;
    height: 60px;
    line-height: 58px;
    color: #f7542b;
    font-size: 32px;
}

.main-header .header-upper .upper-right {
    position: relative;
    top: 5px;
}
.main-header .header-upper .logo1 img {
    position: relative;
    display: inline-block;
    max-width: 100%;
}
.content {
    padding: 0px !important;
} 

.section-title {
    position: relative;
    margin-bottom: 40px;
}

.section-title h2 {
    font-size: 32px;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 10px;
    color: #1c1c1c;
    line-height: 1.4em;
}

.btn-style {
    /*position: relative;
    padding: 9px 25px;
    line-height: 24px;*/
    text-transform: capitalize;
    background: #1c1c1c;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    /*border: 2px solid #1c1c1c !important;
    border-radius: 2px;*/
}

 button.btn-style:hover{  background: #f7542b;  border: 2px solid #f7542b !important; }
.register { text-decoration: none;
    cursor: pointer;
    color: #f7542b;
display: inline-block;
}



.login-box .control-box {
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 3px;
    overflow: hidden;

    visibility: visible;
    animation-duration: 1500ms;
    animation-delay: 100ms;
    animation-name: fadeInRight;
}

.login-box .control-box .box-title {
    position: relative;
    font-size: 14px;
    color: #5a5a5a;
    text-transform: uppercase;
    /*margin-bottom: 15px;*/
    font-weight: 400;
    line-height: 42px;
}

    .login-box .control-box .box-title .form-group { margin-bottom: 0px !important;
    }
    .login-box .control-box .box-title .form-control { border: 1px solid #fff !important;
    }


.login-box .control-box .box-title .icon {
    position: relative;
    top: 6px;
    padding-right: 20px;
    display: inline-block;
    font-size: 32px;
    line-height: 1em;
    color: #5a5a5a;
}

.login-box .control-box .bar {
    position: relative;
    height: 8px;
}

.login-box .control-box .bar .bar-innner {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 8px;
    border: 3px solid #f0f0f0;
    background: #f0f0f0;
}

.login-box .control-box .bar .bar-fill {
    /*position: absolute;*/
    left: -100%;
    top: 0px;
    width: 0px;
    height: 2px;
    background: #f7542b;
    border-radius: 2px;
    -moz-transition: all 2000ms ease 300ms;
    -webkit-transition: all 2000ms ease 300ms;
    -ms-transition: all 2000ms ease 300ms;
    -o-transition: all 2000ms ease 300ms;
    transition: all 2000ms ease 300ms;
}

.login-box .control-box .bar .bar-fill:after {
    content: '';
    position: absolute;
    right: 0px;
    top: -5px;
    height: 12px;
    border-right: 2px solid #f7542b;
}



#services .offset-top-40 {
    margin-top: 40px;   margin-bottom: 10px;
}

@media (min-width: 480px) {
   #services .range-xs-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

   #services .range {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#services .height-fill {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (min-width: 768px)
{
#services .icon-box {
    max-width: 308px;
    padding: 60px 40px 53px;
    margin-left: auto;
    margin-right: auto;
}
}
#services .icon-box {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 400px;
    padding: 35px 30px;
    text-align: center;
    cursor: default;
    background-color: #fff;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15); margin-bottom:10px;
}

#services .icon-box .box-top {
    top: 0;
}

#services .icon-box .box-top, #services .icon-box .box-body {
    position: relative;
    will-change: transform;
    transition: .33s all ease;
    -webkit-filter: blur(0);
}

#services .icon-box .box-body {
    margin-top: 12px;
}

#services .icon-box:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    transition: .3s ease-in-out;
    background-color: #f7542b;
    z-index: -1;
}

#services .text-black {
    color: #1c1c1c;
}

#services .text-spacing-50 {
    letter-spacing: 0.05em;
}


#services .icon-box .box-icon {
    min-height: 46px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
   
}
#services .icon-box .box-icon img {
    width: 80%;
}

#services .icon-box .box-header {
    margin-top: 16px; font-size: 18px;
}
#services .icon-box .box-header h5 {
    font-size: 18px !important;
}
.inner-box .icon-box {
    font-size: 36px;
    margin-bottom: 15px;
    line-height: 1em;
    color: #f7542b;
}

.inner-box h4 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #1c1c1c;
}

.inner-box .text {
    font-size: 13px;
    color: #5a5a5a;
    /*max-width: 250px;*/
}

       .breadcrumbs {
            background-color: #fff;
            /*background: rgba(217,217,217,0.2);*/
            border: 1px solid #f7542b;
            border-radius: 5px;
            overflow: auto;
            padding: 0;
            margin: 15px 0;
        }
         .breadcrumbs ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .breadcrumbs ul li {
            float: left;
            /*font-size: 0.75em;
            line-height: 1.375em;*/
            padding: 10px 5px;
            margin: 0;
            position: relative;
        }

       

        .breadcrumbs .breadcrumbs-home {
            background:  #f7542b;
            padding: 5px 10px 5px 15px !important;
            margin-right: 25px;
             font-size: 1.3em;
            line-height: 2em;
            color: #fff;
        }

       

            .breadcrumbs ul li.breadcrumbs-home:after {
                content: '';
                position: absolute;
                top: 0;
                right: -18px;
                height: 100%;
                border-top: 23px solid transparent;
                border-bottom: 23px solid transparent;
                border-left: 18px solid  #f7542b;
            }

@media only screen and (min-width : 320px) {
.content-wrapper { margin-top: 240px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
.content-wrapper { margin-top: 175px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.content-wrapper { margin-top: 115px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .content-wrapper { margin-top: 0px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
     .content-wrapper { margin-top: 0px; }
}

.without-background {
    background: none !important;
    background-color: none !important;
}

.isRead {
     background: #f9f9f9 !important;
      background-color: #f9f9f9 !important;
}



/* ----  green ... */
.skin-green-light .main-header .header-box .icon-box {
    color: #2d2e74 !important;
}

.skin-green-light .breadcrumbs {
    border: 1px solid #2d2e74 !important;
}

    .skin-green-light .breadcrumbs .breadcrumbs-home {
        background: #2d2e74 !important;
    }

    .skin-green-light .breadcrumbs ul li.breadcrumbs-home:after {
        border-left: 18px solid #2d2e74 !important;
    }