/*
*	################################################################################
*
*	My Custom Style for KINGADMIN
*	---------------------------------------------------------------------
*
*	Version		1.0
*	Author		Your Name
*
*	Override theme style or create your new styles. Direct change to main.css
*	is not recommended to avoid problems when theme updates arrived in the future
*
*	################################################################################
*/
a:hover {
    text-decoration: none !important;
}

.fixed-bar {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    z-index: 9;
}

.gray-bar {
    padding: 0px 0;
    background-color: #f1f1f1;
}

.logo-c {
    margin-top: 19px;
}

    .logo-c img {
        max-width: 160px !important;
        max-height: 43px !important;
    }



.padding-top {
    padding-top: 3px;
}

.right-top {
    margin-right: 15px;
}

@media (max-width: 767px) {
    .logo-c {
          margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .right-top {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}

#content {
    position: relative;
    margin: 0px;
}

#content-slide {
    margin: 0px auto;
    max-width: 780px;
}
.header-slide-container {
    max-height: 71px;
    overflow: hidden;
}

.als-container {
    position: relative;
    width: 100%;
    margin: 0px auto;
}

.als-viewport {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
}

    .als-viewport ul {
        list-style: none;
    }


.als-wrapper {
    position: relative;
    list-style: none;
}

.als-item {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
}

.als-prev, .als-next {
    position: absolute;
    cursor: pointer;
    clear: both;
}


/**************************
 * specific als elements
 * styling for #lista1
 **************************/

#lista1 {
    margin: 0px auto 0px auto;
}

    #lista1 .als-item {
        padding: 4px 10px 0 10px;
        min-height: 65px;
        min-width: 55px;
        border-right: 1px solid #fff;
        text-align: center;
        font-size: 11px;
        text-transform: uppercase;
    }

        #lista1 .als-item:hover {
            background: #e5e5e5;
        }

        #lista1 .als-item img {
            position: relative;
            display: block;
            vertical-align: middle;
            margin-bottom: 0px;
            text-align: center;
        }

    #lista1 .als-prev, #lista1 .als-next {
        top: 30px;
        width: 15px;
        height: 22px;
    }

    #lista1 .als-prev {
        left: 50px;
    }

    #lista1 .als-next {
        right: 60px;
    }

/************************
 * specific als element
 * styling for #lista2
 ***********************/

#lista2 {
    margin-bottom: 80px;
}

    #lista2 .als-item {
        margin: 10px 0px;
        min-height: 152px;
        min-width: 128px;
    }

        #lista2 .als-item img {
            position: relative;
            display: block;
            vertical-align: middle;
            margin-bottom: 8px;
        }

    #lista2 .als-prev, #lista2 .als-next {
        left: 460px;
        width: 22px;
        height: 15px;
    }

    #lista2 .als-prev {
        top: -25px;
    }

    #lista2 .als-next {
        bottom: -20px;
    }

    #lista2 .als-item {
        vertical-align: middle;
    }

.als-item, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline;*/
    background: transparent;
}

.als-item, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

    .als-item, nav ul {
        list-style: none;
    }

.top-bar .logo-in {
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0 10px;
    margin-right: 10px;
    margin-left: -15px !important;
}

.top-bar .logo-in {
    background-color: #22b14c;
    color: #fff;
    border-bottom: 0 solid transparent;
}

.right-tabs {
    float: right;
    position: relative;
    padding: 0px;
    width: 100%;
}

.right-tabs-bg {
    background: #05518e;
    padding: 0px !important;
}

.nav-pills-custom-minimal {
    background: #05518e !important;
}

    .nav-pills-custom-minimal > li a {
        color: #fff !important;
        font-size: 14px;
    }

    .nav-pills-custom-minimal > li + li {
        margin-left: 0px;
    }

.nav-pills > li {
    width: 35px;
    padding: 0px 0px;
    text-align: center;
}

.nav-pills-custom-minimal > li.active > a, .nav-pills-custom-minimal > li.active > a:hover, .nav-pills-custom-minimal > li.active > a:focus {
    background: #00457c;
}


.nav-pills3 > li {
    padding: 0px 0px;
    text-align: center;
    float:left;

}

.nav-pills-custom-minimal2 {
        background-color:transparent !important;
        margin-bottom:10px;
}

    .nav-pills-custom-minimal2 > li a {
        color: #fff !important;
        font-size: 12px;
        font-weight:bold;
        text-shadow:1px 2px 3px rgba(0, 0, 0, 0.2);
        margin-left:3px;

    }
.nav-pills-custom-minimal2 > li a:hover {
       background-color:transparent;
    border-bottom:2px solid #fff;
    padding-bottom:6px;

}

    .nav-pills-custom-minimal2 > li + li {
        margin-left: 0px;
    }

.nav-pills2 > li {
    width: 35px;
    padding: 0px 0px;
    text-align: center;
}



.nav-pills-custom-minimal2 > li.active > a, .nav-pills-custom-minimal2 > li.active > a:hover, .nav-pills-custom-minimal2 > li.active > a:focus {
    background-color:transparent !important;
    border-bottom:2px solid #fff;
    padding-bottom:6px;
    margin-left:3px;
}


.nav-pills-custom-minimal3 {
        margin-bottom:10px;

}

 .nav-pills-custom-minimal3 > li a {

        border-bottom:1px solid lightgray;

            }
    .nav-pills-custom-minimal3 > li a {
        color: #555 !important;
        font-size: 12px;
        font-weight:bold;
        border-bottom:1px solid lightgray;
        padding:7px 20px;
            }

.nav-pills-custom-minimal3 > li a:hover {
    background-color:transparent;
color:#0b5fa3 !important;

}

    .nav-pills-custom-minimal3 > li + li {
        margin-left: 0px;
    }


.nav-pills-custom-minimal3 > li.active > a, .nav-pills-custom-minimal3 > li.active > a:hover, .nav-pills-custom-minimal3 > li.active > a:focus {
    background-color:transparent;
    color:#0b5fa3 !important;
    border-top:1px solid #0b5fa3;
    border-bottom:none;
    border-left:1px solid lightgray;
    border-right:1px solid lightgray;
}



@media (max-width: 991px) {
    /* line 5898, ../../sass/vendors/_summernote-bs3.scss */
    .js-toggle-minified {
        display: none !important;
    }
}

.top-padding {
    position: inherit;
    padding-top: 105px;
}

.search-w {
    width: 77%;
}


@media (max-width: 1000px) {
    .search-w {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .search-w {
        width: 63%;
    }
}


.dropdown-a {
    left: -20px;
}

.btn-h {
    height: 32px;
    margin-top: -1px;
}

.text-align-l {
    text-align: left !important;
    border-bottom: 1px solid #129b3a;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #fff !important;
    padding: 5px 12px !important;
    margin-top: 0px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
}

    .text-align-l a {
        color: #fff !important;
    }

        .text-align-l a:hover {
            text-decoration: none;
        }

.text-align-l-fa {
    margin-right: 8px !important;
}

.text-align-l .badge {
    color: #fff !important;
}


.text-align-h3 {
    text-align: left !important;
    border-bottom: 1px solid #dfdfdf;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #222 !important;
    padding: 8px 12px 5px 4px !important;
    margin-top: 0px !important;
    /*background: #dcdcdc !important;*/
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
    border-bottom: 1px solid #c5c5c5;
}

.text-align-l-g {
    text-align: left !important;
    border-bottom: 1px solid #dfdfdf;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #222 !important;
    padding: 6px 8px !important;
    margin-top: 0px !important;
    background: #f1f1f1 !important;
    font-size: 12px;
    float: left;
    width: 100%;
    cursor: pointer;
}



    .text-align-l-g i {
        margin-right: 5px;
    }

    .text-align-l-g:hover {
        background: #e8e8e8 !important;
        border-bottom: 1px solid #dfdfdf;
    }


    .text-align-l-g a {
        color: #222 !important;
    }

        .text-align-l-g a:hover {
            text-decoration: none;
        }

         .text-align-l-g a.active{
             background: #e8e8e8 !important;
        border-bottom: 1px solid #dfdfdf;
        }

        .text-align-l-g a:focus {
        }

.text-align-l-g-fa {
    margin-right: 8px !important;
}

.text-align-l-g .badge {
    color: #fff !important;
    background: #424242 !important;
}




.sidebar-padding {
    padding-top: 15px;
}

.text-indent {
    text-indent: 15px;
}

.h3-heading {
    display: inline-block;
    vertical-align: middle;
    font-family: "latobold" !important;
    font-size: 1.1em !important;
    margin: 0px;
    /*line-height: 35px;*/
    float: left;
}

.right-p-h {
    padding: 9px 12px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    color: #555;
    border-bottom: 1px solid #227d22;
    margin-top: 10px;
}

    .right-p-h i {
        margin-right: 6px;
    }

.panel-margin {
    margin-bottom: 0px;
    margin-top: 15px;
}

.margin-right-p {
    margin-right: 30px;
}

.tabs-padding {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center !important;
}

.close-icon {
    color: red !important;
    font-size: 12px;
}

.redFont {
    color: red !important;
    font-size: 14px;
}

.greenFont{
    color: #22b14c;
    font-size: 14px;
}

.bluefont{
    color: #0b5fa3;
    font-size: 14px;
}

.orangeFont {
    color: orange !important;
    font-size: 14px;
}
.yellowFont {
    color: darkkhaki !important;
    font-size: 14px;
}

.cadetblue {
    color:cadetblue !important;
    font-size: 14px;
}

.icon-size {

    color: #129b3a;
}

.padding-bottom {
    padding-bottom: 15px !important;
    padding-top: 0px;
}

.padding-bottom2 {
    padding-bottom: 5px;
    padding-top: 0px;
}

.padding-bottom1 {
    line-height:26px;
    padding-top: 0px;
}

.padding-bottom4 {
    padding-bottom: 15px !important;
}

.btn {
    padding: 3px 12px;
}

.form-control {
    height: 26px;
    line-height:15px;
}

.select2-container .select2-choice{
    height: 26px;
    line-height: 26px;
    border: 1px solid #ccc !important;
}
.select2-container .select2-choice .select2-arrow{
        line-height: 26px;
        border-left:1px solid #ccc;
}

.select2-container-multi .select2-choices{
        height: 26px;
        color:#555 !important;
        border: 1px solid #ccc !important;
}

.select2-search input{
    padding:0px 20px 0px 5px;
}
.select2-search:before{
    top:2px;
}

.input-group-addon{
    padding:3px 12px;
}

.ui-jqgrid-pager {
    width: 100%;
}

.ui-jqgrid-pager {
    width: 100%;
}

.algin-t-b {
    vertical-align: super;
}

.logged-user img {
    max-width: 40px;
    max-height: 40px;
}

@media screen and (max-width: 768px) {
  .logged-user{
      margin-top:-140px;

  }
}

.right-sidebar {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0px;
    padding: 5px 0 0 0;
    right: 0;
    top:95px;
    bottom:0;
    position: fixed;
    z-index: 5;

    /*border-left:1px solid #f6f6f6;*/
}
.sidebarBg{
  background:#f1f1f1;
 bottom:0;
top:0px;
padding:0px 10px;
height:100% !important;
  }

#wrapper {
    background-image: url(../../../Content/wilmer/images/default_pattern.png);
    background-color: #fff !important;
}

a:hover {
    color: #ff5e14;
}

a {
    color: #001643;
}

#main-wrapper {
    background-color: #fff;
    min-height: 500px;
    padding: 10px 15px !important;
    /*-moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;*/
}
    #main-wrapper > .content{
        min-width: 1280px;
    }

    .padding-right-r {
        padding: 0px 8px 8px 0 !important;
    }

.vmiddle {
    vertical-align: middle;
}

.overflowI {
    overflow: inherit !important;
}

#gbox_datagrid .fa {
    margin-right: 6px !important;
    font-size: 14px;
}

.padding-top5 {
    padding-top: 5px;
}

.margin-right-r {
    margin-right: 15px;
}

.fonts16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}
.font22 {
    font-size: 22px;
}

.notification-c {
    position: absolute;
    top: 3px;
    padding: 0px 5px;
    border-radius: 30px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    border-width: 0px;
    border-style: solid;
    color: #FFF;
    border-color: #555;
    background: none repeat scroll 0% 0% #E60404 !important;
    /*left: 21% !important;*/
}

.btnGrayL {
    background-color: #7c7c7c;
    border-color: #555555;
    opacity: .65;
}

.paddingLR {
    PADDING-LEFT: 20PX;
    PADDING-RIGHT: 20PX;
}

.search-fix {
    height: 27px;
    margin-top: 2px;
    border: none;
    margin-bottom:3px;
}

.w200 {
    width: 200px;
    padding: 15px 15px 20px 15px;
    font-size: 12px !important;
    left:-10px !important;
}



.paddingSF {
    padding: 0 0 8px 0 !important;
    /*font-size: 11px !important;*/
}

    .paddingSF .select2-result-label {
        font-size: 11px !important;
    }

    .paddingSF .select2-results ul li {
        font-size: 11px !important;
    }

.NoBorder {
    border: none !important;
}

.nav-tabs > li {
    margin-bottom: -2px !important;
}

.clr {
    clear: both;
}

.marginL {
    margin-left: 10px;
}

.marginL2 {
    margin-left: 20px;
}

.modelWidthP {
    width: 60% !important;
}
    .modelWidthP.modal-dialog {
        pointer-events: auto;
    }

.paddingTB {
    padding: 3px 0px;
}

.btn-default {
    font-size: 13px !important;
      border-radius:3px !important;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -ms-border-radius:3px;
}

.btn-primary {
    font-size: 13px !important;
    border-radius:3px !important;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -ms-border-radius:3px;
}

.btn-success {
    font-size: 13px !important;
     border-radius:3px !important;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -ms-border-radius:3px;
}

.btn-success a:hover{
    text-decoration:none;


 }

.marginR {
    margin-right: 4px;
}

.breadcrumb {
    padding: 0px;
    font-size: 11px;
    margin-top: -5px;
    margin-bottom:0px;
 }

.ChooseF {
    border: 1px dashed #aaa;
    padding: 0px;
    width: 99.8%;
    text-indent:-2px;
    background-color:#f2f2f2;

}

.ChooseF2 {
    border: 1px dashed #aaa;
    width: 100%;
}

.ChooseF3 {
    border: 1px dashed #aaa;
    padding: 0px;
    width: 99.8%;
    text-indent:-2px;
    background-color:#f2f2f2;
    height:40px;
    border-radius:4px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -webkit-border-radius:6px;
    padding-top:10px;

     box-shadow:none; /* IE 11 and below */
  }


.tagsC1 {
    background-color:#e1e3e3;
    padding: 3px 5px;
    border-radius: 3px;
    color: #555 !important;
    font-size:11px;
}
.tagsC2 {
    background-color: #e1e3e3;
    padding: 3px 5px;
    border-radius: 3px;
  color: #555 !important;
   font-size:11px;
}
.tagsC3 {
    background-color: #e1e3e3;
    padding: 3px 5px;
    border-radius: 3px;
   color: #555 !important;
    font-size:11px;
}
.tagsC4 {
    background-color: #e1e3e3;
    padding: 3px 5px;
    border-radius: 3px;
    color: #555 !important;
    font-size:11px;
}

.tagsC5 {
    background-color: #e1e3e3;
    padding: 3px 5px;
    border-radius: 3px;
     color: #555 !important;
    font-size:11px;
}

.tagsC6 {
    background-color: #e1e3e3;
    padding: 3px 5px;
    border-radius: 3px;
     color: #555 !important;
    font-size:11px;
}

.tagsgray{
    background-color: #e1e3e3;
    padding: 3px 5px;
    border-radius: 3px;
    color: #555 !important;
    font-size:11px;
}

.emailbg {
    background-color:#dbdbdb;
}

.smallArrowT {
    font-size:11px;
    padding:2px 12px;
}
.mWidth180{
    min-width:180px;

}

.mWidth130{
    width:130px;

}

.legendC{
    border-bottom:1px solid darkgray;
    padding:6px 0px;
    margin-bottom:15px;
    font-weight:bold;
    }

.legendL{
    border-bottom:1px solid #e7e6e6;
    padding:6px 0px;
    margin:0;
    font-weight:bold;
    margin-bottom:20px;
    }

.legend-line{
    border-top:1px solid #e7e6e6;
    padding:12px 0px;
    margin:0;
    font-weight:bold;
 }
.legend-line-top{
    padding:12px 0px 0;
 }

.legendB{
    border-top:1px solid #e7e6e6;
    padding:8px 0px;
    margin:0;
    font-weight:bold;
    margin-top:20px;
    }

.legendCEmail{
    border-bottom:1px solid lightgray;
    padding:0px 0px;
    margin:10px 0px;
    font-weight:bold;
    height:30px;
    }

.noBorder {
    border:none !important;
}
.fontS11{
    font-size:11px !important;

}

.padding-bottom2 {
    padding-bottom: 5px;
    padding-top: 0px;
}
.borderL4{
    border-left:4px solid darkgray;

}
.maxWH30 {
    width:30px;
    height:30px;
}
.highlightD{
    background:#e1f0fb;
    border-bottom:1px solid #dfdfdf;
}
.highlightD:hover{
    background:#e6e6e6 !important;
    border-bottom:1px solid #dfdfdf;
}

.topTabsImg{
  background:#e1e1e1;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  padding: 5px;
  }

.loginA{
  background-color: #fff;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  top: -40px;
  margin: 0 auto;
  margin-top: -80px;
  padding: 30px 0 0 0;
  border: 5px solid #eee;
}

.loginBtn {
    background:#fff url('../../images/login-icon-g.png') no-repeat center;
    width: 50px;
    height: 50px;
    border:none;


    padding: 30px 0 0 0;

    outline:none !important;
}
.loginBtn:hover{
    background-image: url('../../images/login-icon-green.png');
    outline:none !important;
 }

.RegisterBtn{
    border:1px solid lightgray;
    padding:2px 0px;
    background:#fff;
    width: 150px;
    float:right;


}


.langB {
    margin-top:50px;
    border-top:1px solid #eee;
    padding-top:15px;
}

.padding-top20 {
    padding-top:20px;
}

.padding-top10 {
    padding-top:10px;
}

.paddingtop0{
    padding-top:0px;
}

.listboxS{
 width: 100%;
  padding: 5px 0px;
  border: 1px solid #cccccc;
}

.workflowOverSec{
    border:1px solid lightgray;
    padding:6px 0px;
    margin:10px 0px 10px 0px;

   }
.bgTrans {
    background-color:transparent !important;
}

/*.row{
    margin-right:0px !important;
    margin-left:0px !important;
    }*/




.project-team-bg{
    color: #fff;
    background-image: url(../img/building-img-2.jpg);
    background-repeat: no-repeat;
    height: 316px;
    background-size:100% 100%;
}
 .project-team-bg .name{
   display: block;
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 1.8em;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  line-height: 1.6em;
  margin-bottom:20px;

    }

    .project-team-bg .clientImg {
        float: right;
        margin-top: -5px;
    }

.project-team {
    background-color: #1e91b0 !important;
    border: 1px solid #157c98;
    color: white;
}

@media screen and (max-width: 768px) {
    .project-team {
        margin-bottom: 15px;

    }
}

.project-team a{
color:#fff !important;
}


.border-botomN{
border-bottom:none !important;
    }
.rowW {
    width:8em !important;
}

.margin-B10 {
    margin-bottom:10px;
}

.padding-R5 {
    padding-right:5px;
}
.padding-L5 {
    padding-left:10px !important;
}

@media screen and (max-width: 768px) {
.padding-L5 {
    padding-left:0px !important;
}


}


.borderR{
border-right:1px solid lightgray;
margin-bottom:10px;
    }

.borderR2{
margin-top:15px;
margin-bottom:15px;
border-right:1px solid #ddd;

    }
    .borderR2 img {
        max-width: 130px;
        max-height: 34px;
    }
.tabsStyle {
    border:none !important;
    background:none !important;
}

.t-tabs-t-m{
    width:700px;
    margin:0 auto
        }

.t-tabs-t-m-l{
    width:84px;
    text-align:center !important;
    line-height:16px;
}
    .t-tabs-t-m-l a {
        text-decoration:none;
    }
.margin-t-m{
    margin-top:-30px;
    text-align:center;
    height:320px !important;

}

@media (max-width: 1600px) {
 .margin-t-m{
     height:250px !important;

}
}



@media (max-width: 1200px) {
     .margin-t-m{
     height:200px !important;

}
}

@media (max-width: 767px) {
   .margin-t-m{
     height:auto !important;

}
}



.h-text-b{
    font-size:18px;

    text-align:center;
    position:relative;
    margin-bottom:15px;


}

.smallText-we{
    font-size:9px !important;
    float:right;
    color:#fff;
      margin-bottom:-8px;

    }
 .name2{
   display: block;
  font-weight: 500;
  letter-spacing: -1px;
  font-size: 1.6em;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  line-height: 1.4em;
  margin-bottom:5px;
   padding-top:5px;

  margin-left:10px;

}

.padding-around {
    padding:15px;
}

.border-botomN{
border-bottom:none !important;
    }
.rowW {
    width:8em !important;
}

.margin-B5 {
    margin-bottom:5px;
}
.margin-B10 {
    margin-bottom:10px;
}

.margin-B20 {
    margin-bottom:20px;
}

.borderR{
border-right:1px solid lightgray;
margin-bottom:10px;
    }

.tabsStyle {
    border:none !important;
    background:none !important;
}

.t-tabs-t-m{
    width:700px;
    margin:0 auto
        }

.t-tabs-t-m-l{
    width:84px;
    text-align:center !important;
    line-height:16px;
}
    .t-tabs-t-m-l a {
        text-decoration:none;
    }
.margin-t-m{
    margin-top:-30px;
    text-align:center;

}




.smallText-we{
    font-size:9px !important;
    float:right;
    color:#fff;
      margin-bottom:-8px;

    }

.btnGrayL{
background-color: #7c7c7c;
  border-color: #555555;
opacity: .65;
  }


.Red-b-m{
    width:10px;
    height:10px;
    background:#e60404;
    float:left;
}
.Red-b-m{
    width:10px;
    height:10px;
    background:#e60404;
    float:left;
}

.green-b-m{
    width:10px;
    height:10px;
    background:#22b14c;
    float:left;
}
.yellow-b-m{
    width:10px;
    height:10px;
    background:#d4a00e;
    float:left;
}

.heading-b-t {
padding: 0 10px;
  height: 35px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #066cbe;
  background-color: #0b5fa3;
}
.heading-b-t h3{
display: inline-block;
  vertical-align: middle;
  font-family: "latobold";
  font-size: 1.1em;
  margin: 0;
  line-height: 35px;
  float: left;
  color:#fff;
  }

.modelWidthP{
    width:850px;
}

.tour-h-c{
    text-decoration:line-through !important;
     }

.width70{
    width:70% !important;
}

@media screen and (min-width: 768px) {
  /* line 82, ../../sass/partials/pages/_authentication.scss */
 .width70{
    width:90% !important;
}
}

.legendC{
    border-bottom:1px solid darkgray;
    padding:6px 0px;
    margin-bottom:10px;
    font-weight:bold;

}
.noBorder {
    border:none !important;
}
.fontS11{
    font-size:11px !important;

}

.padding-bottom2 {
    padding-bottom: 5px;
    padding-top: 0px;
}
.nopadding{
    padding:0px !important;
}
.oneline{
    white-space: nowrap;
}

.number-text {
    font-size: 80px;
    margin-top: 0px;
    right: 20px;
    font-weight: normal;

}

.BarBtn{
  background-color: transparent;
  color: #444;
  border: 1px solid lightgray;
}

/*.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"],
  .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .checkbox input[type="checkbox"]:focus + label::before,
    .checkbox input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after,
    .checkbox input[type="radio"]:checked + label::after {
      font-family: "FontAwesome";
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label,
    .checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before,
      .checkbox input[type="radio"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }*/

.Sworkflow ul {
    list-style-type:none;

}

.Sworkflow ul li {
    float:left;
    width:150px;
    height:120px;
    padding:10px 5px 20px 5px;

    border:1px solid #f4f4f4;
    margin:15px 20px 15px 0px;
    border-radius:6px;
    -moz-border-radius:6px;
      display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  text-align:center !important;
  vertical-align:middle !important;
       background-image: url(../../../images/workflow-add-g.png);
        background-repeat: no-repeat;
        background-position: 50% 90%;

}

.Sworkflow ul li a{
    color:#337ab7;
    text-decoration:none;
    text-align:center;
     font-size:12px;
}
    .Sworkflow ul li:hover {
        cursor: pointer;
        -webkit-animation-name: hvr-back-pulse;
        animation-name: hvr-back-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-color: #c6e8c6;
        background-color: #c6e8c6;
        color: white;
        background-image: url(../../../images/workflow-add-s.png);
        background-repeat: no-repeat;
        background-position: 50% 90%;
        border: 1px solid #c6e8c6;
    }

.Sworkflow ul li.active{
  border:1px solid #c6e8c6;
    cursor:pointer;
     -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #c6e8c6;
  background-color: #c6e8c6;
  color: white;
}


/* ========================================================================
 * weather
 * ======================================================================== */

.bg-theme {
    background-color: #96b4e4 !important;
    border: 1px solid #77ad03;
    color: white;
    height:154px;
    margin:0px;
    background-image: url('../img/building-img-3.png');
}

@media screen and (max-width: 768px) {
    .bg-theme {
        margin-bottom: 30px;
        margin-top: 15px;
    }
}

.weather-current-city {
    color: #fff;
    background-image: url('../img/5.jpg');
    background-repeat: no-repeat;
    height: 153px;
}

.current-city {
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0px;
    padding: 10px 7px;
}

.current-temp {
    display: block;
    font-weight: 700;
    letter-spacing: -3px;
    font-size: 2.8em;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    line-height: 1.1em;
    padding: 0px 20px;
}

.current-day {
    display: block;
    font-size: 1em;
    font-weight: 400;
    position: absolute;
    padding: 15px 0px 0 25px;
}

.current-day-icon {
    display: block;
    float: right;
    font-size: 5.2em;
    font-weight: 700;
    padding: 0 10px 0 0;
}

ul.days {
    list-style: none outside none;
    margin-top: 5px;
    padding: 0 10px;
}

    ul.days li {
        text-align: center;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        padding-bottom: 10px;
    }

        ul.days li:first-child {
            border-left: none;
        }

        ul.days li strong {
            position: relative;
            border-radius: 3px;
            font-size: 1.1em;
            text-transform: uppercase;
            line-height: 25px;
            margin-bottom: 5px;
            display: block;
        }

        ul.days li span {
            display: block;
            font-weight: 700;
            letter-spacing: -1px;
            font-size: 1.9em;
            margin-bottom: 5px;
            margin-top: 0px;
        }
/* ========================================================================
 * FORECAST
 * ======================================================================== */
.weather-forecast {
    position: relative;
    color: #fff;
}

    .weather-forecast img {
        width: 100%;
        -webkit-border-radius: 3px 3px 0px 0px;
        -moz-border-radius: 3px 3px 0px 0px;
        border-radius: 3px 3px 0px 0px;
    }

    .weather-forecast .title {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
        color: #FFF;
        position: absolute;
        left: 30px;
        bottom: 15px;
    }

    .weather-forecast .country-select {
        position: absolute;
        top: 10px;
        right: 27px;
    }

.weather-full-info {
    color: #CBCBCB;
    background-color: white;
    padding: 20px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

    .weather-full-info .degree {
        font-size: 27px;
        font-weight: 600;
        display: inline-block;
        padding-left: 10px;
    }

        .weather-full-info .degree:after {
            content: "o";
            position: relative;
            top: -12px;
            font-size: 16px;
        }

    .weather-full-info ul {
        margin-bottom: 0px;
    }

        .weather-full-info ul li {
            list-style: none;
            border-left: 1px dotted #F1F2F7;
        }

            .weather-full-info ul li:first-child {
                border-left: none;
            }

            .weather-full-info ul li i {
                font-size: 25px;
            }

    .weather-full-info h2 {
        font-size: 14px;
        font-weight: 300;
        margin: 0px 0px 5px;
    }

    .weather-full-info .statistics {
        padding-top: 5px;
    }

        .weather-full-info .statistics:after {
            content: "o";
            position: relative;
            top: -5px;
            font-size: 10px;
        }

    .weather-full-info .today-status h1 {
        margin: 0px 0px 20px 0px;
        font-size: 19px;
    }

    .weather-full-info .today-status i {
        font-size: 30px;
        color: #81b71a;
    }

@media (max-width: 600px) {
    .weather-full-info .today-status {
        text-align: center;
    }
}

@media (max-width: 360px) {
    .weather-full-info .today-status {
        margin-bottom: 10px;
    }

    .weather-full-info ul li {
        padding-bottom: 10px;
        padding-top: 10px;
        border-left: none !important;
    }
}

.registerd-user{
    margin:0px;
}

.registerd-user img{
    text-align:center;
}

.registerd-user .normal-text{


}

.registerd-user .text-muted{
    font-size:11px;

}

.todo-lists {
  background: #1D92AF;
  color: #fff;
  /*font-family: 'shadowsintolight', cursive;*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  /*overflow-y:scroll;*/
  height:330px;
  margin-bottom:20px;
}

.todo-lists .tl-header {
  position: relative;
  padding: 12px;
  background-color: #1289a7;
}

.todo-lists .tl-header > h2 {
  margin: 0;
  color: #fff;
  line-height: 100%;
  font-size:16px;
  font-weight:bold;
}

.todo-lists .tl-header > small {
  font-size: 12px;
  display: block;
  margin-top: 3px;
}

.todo-lists .tl-header .actions {
  position: absolute;
  right: 10px;
  padding: 0;
  list-style: none;
  top: 15px;
}

.todo-lists .tl-header .actions > li {
  display: inline-block;
  vertical-align: baseline;
}

.todo-lists .tl-body {

  position: relative;
  padding: 20px 0px 10px 0px;
  /*background: rgba(0, 0, 0, 0.03);*/
}

.todo-lists .tl-body #add-tl-item {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  background: #fff;
  top: -25px;
  right: 23px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.todo-lists .tl-body #add-tl-item .add-new-item {
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  opacity: 1;
  filter: alpha(opacity=100);
}

.todo-lists .tl-body #add-tl-item .add-tl-body {
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.todo-lists .tl-body #add-tl-item .add-tl-body textarea {
  padding: 25px 25px 45px;
  resize: none;
  width: 100%;
  font-size: 24px;
  color: #ffc107;
  position: absolute;
  height: 100%;
  border: 0;
  outline: none;
}

.todo-lists .tl-body #add-tl-item:not(.toggled) {
  overflow: hidden;
}

.todo-lists .tl-body #add-tl-item:not(.toggled) .add-new-item {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  font-weight:normal;
  color: #1D92AF !important;
  line-height: 50px;
}

.todo-lists .tl-body #add-tl-item:not(.toggled):hover {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18);
}

.todo-lists .tl-body #add-tl-item.toggled {
  width: calc(100% - 47px);
  height: calc(100% - 25px);
  border-radius: 2px;
  top: 0;
  z-index: 1;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  max-height: 300px;
  overflow: visible;
}

.todo-lists .tl-body #add-tl-item.toggled .add-new-item {
  display: none;
}

.todo-lists .tl-body #add-tl-item.toggled .add-tl-body {
  opacity: 1;
  filter: alpha(opacity=100);
}

.todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 10px;
  border-top: 1px solid #EEE;
  z-index: 1;
}

.todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions > a {
  font-size: 25px;
  padding: 0 6px;
  border-radius: 50%;
  text-align: center;
  height: 40px;
  width: 40px;
  display: inline-block;
  line-height: 41px;
  position: relative;
}

.todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions > a:before {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #eeeeee;
  z-index: -1;
  border-radius: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
}

.todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions > a:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}

.todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions [data-tl-action="dismiss"] {
  color: #f44336;
}

.todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions [data-tl-action="save"] {
  color: #4caf50;
}

.todo-lists .tl-body .media-body {
  padding-top: 3px;
  padding-left:0px
}

.todo-lists .tl-body .checkbox {
  font-size: 18px;
  /*margin-bottom: 15px;*/
  border-bottom:1px solid #219ab8;
}

.todo-lists .tl-body .checkbox span {
  display: inline-block;
  margin-top: -3px;
  font-size:13px;
}

.todo-lists .tl-body .checkbox input:checked + i + span {
  text-decoration: line-through;
}

.todo-lists .tl-body .checkbox .input-helper:before {
  border-color: rgba(255, 255, 255, 0.8);
  border-width: 2px;
}

.todo-lists .tl-body .checkbox .input-helper:after {
  border-color: #fff;
}
.text-align-l {
    text-align: left !important;
    border-bottom: 1px solid #e7e6e6;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #fff !important;
    padding: 5px 12px !important;
    margin-top: 0px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
}

    .text-align-l:hover {
        border-bottom: 1px solid #e7e6e6;
    }

    .text-align-l a {
        color: #fff !important;
        text-decoration: none !important;
    }

        .text-align-l a:hover {
            text-decoration: none !important;
                   }

.text-align-l-fa {
    margin-right: 8px !important;
}

.text-align-l .badge {
    color: #fff !important;
}



.workflowAlgn{
padding-top: 14px;
  padding-left: 5px;
  margin-top:10px;
}

.workflowAlgn2{
padding-top: 0px;
  padding-left: 5px;
}

.margin-top20{
    margin-top:20px !important;
}
.margin-top10{
    margin-top:10px !important;
}
.margin-top5 {
    margin-top: 5px !important;
}
.margin-bottom10 {
    margin-bottom: 10px !important;
}
.margin-bottom20 {
    margin-bottom: 20px !important;
}
.nopaddingleft {
    padding-left: 0 !important;
}
.padding-left10 {
    padding-left: 10px !important;
}
.padding-left15 {
    padding-left: 15px !important;
}
.padding-left20 {
    padding-left: 20px !important;
}
.padding-left30 {
    padding-left: 30px !important;
}

.nopaddingright {
    padding-right: 0 !important;
}
.padding-right10 {
    padding-right: 10px !important;
}
.padding-right15 {
    padding-right: 15px !important;
}
.padding-right20 {
    padding-right: 20px !important;
}
.padding-right30 {
    padding-right: 30px !important;
}


.nopaddingtop {
    padding-top: 0 !important;
}
.padding-top5 {
    padding-top: 5px !important;
}
.padding-top10 {
    padding-top: 10px !important;
}
.padding-top15 {
    padding-top: 15px !important;
}
.padding-top20 {
    padding-top: 20px !important;
}
.padding-bottom5 {
    padding-bottom: 5px !important;
}
.padding-bottom10 {
    padding-bottom: 10px !important;
}
.padding-bottom15 {
    padding-bottom: 15px !important;
}
.padding-bottom20 {
    padding-bottom: 20px !important;
}
.f12 {
    font-size: 12px;
}
.f13 {
    font-size: 13px;
}
.f14{
    font-size: 14px;
}
.f15 {
    font-size: 15px;
}
.fontM {
    font-weight: 500 !important;
}
.fontR {
    font-weight: 400 !important;
}


.faIconBg {
     background-color: #3a9b3a;
    padding: 7px 0px 7px 0px;
    margin: -12px -12px -12px -12px;
    margin-right: 8px;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    width: 30px;
    text-align: center;
}
.faIconBg2{
    background-color: #3a9b3a;
    padding: 7px 11px 8px 9px;
    margin: -12px -12px -12px -12px;
    margin-right: 8px;
    border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    -ms-border-radius:4px 0 0 4px;
}
.faIconBgDark {
    background-color: #626262;
}

.dropdown-menu > li > a {
        padding: 6px 10px;
        color:#337ab7;
        font-size:12px !important;
        -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-bottom:1px solid #e5e5e5;
}

.dropdown-menu > li > a i {
    padding-right:4px;
    }

.dropdown-menu > li > a:hover {

        color:#337ab7;
}

.dropdown-menu .divider {
    margin:0px;
}

.dropdown-menu {
     background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    margin-top:10px;
}

.dropdownMP{
      padding: 5px 0px;
        color:#555;
        font-size:12px !important;
        -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;


}
.dropdownMP > select {
margin: 0px !important;
padding: 3px 0px !important;
width:100%;
border-radius:0;
width:100% !important;
   }

.caretSD{
border-top-color: #337ab7 !important;
    margin-left: 5px !important;
}

.dropWB{
    color: #337ab7;
    background-color: transparent;
    border: none;
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}
.dropWB active:hover {
    background:transparent !important;
    text-decoration:none;
}
.bshadowN {
    box-shadow:none;
}

.bshadowN .dropdown-toggle{
    box-shadow:none !important;

}
    .bshadowN .dropdown-toggle a {
        text-decoration:none;
    }
.bshadowN .dropdown-toggle a:hover {
        text-decoration:none;
    }

.paddingB0 {
    padding-bottom:5px !important;
    font-size:12px !important;
}

.positionA{
    position:absolute !important;
}
.marginLM{
    margin-left:-70px;
}

/* Mini Scroll */

 .tse-scrollable {
  position: relative;
  width: 100%; /* Default value. Overwite this if you want. */
  height: 600px; /* Default value. Overwite this if you want. */
  overflow: hidden;
  }
  .tse-scrollable .tse-scroll-content {
    overflow: hidden;
    overflow-y: scroll;
    }
    /* No longer using ::scrollbar too, since it breaks Chrome 25 */
    .tse-scrollable .tse-scroll-content::-webkit-scrollbar {
      width: 0;
      height: 0;
      }
.tse-scrollbar {
  z-index: 99;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 11px;
  }
  .tse-scrollbar .drag-handle {
    position: absolute;
    right: 2px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    min-height: 10px;
    width: 7px;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background: #6c6e71;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    }
  .tse-scrollbar:hover .drag-handle {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.7;
    -webkit-transition: opacity 0 linear;
    -moz-transition: opacity 0 linear;
    -o-transition: opacity 0 linear;
    -ms-transition: opacity 0 linear;
    transition: opacity 0 linear;
    }
    .tse-scrollbar .drag-handle.visible {
      opacity: 0.7;
      }
/* Used when testing the scrollbar width */
/* No longer using ::scrollbar too, since it breaks Chrome 25 */
.scrollbar-width-tester::-webkit-scrollbar {
  width: 0;
  height: 0;
}
/* Horizontal scroller */
.tse-scrollable.horizontal .tse-scroll-content {
  overflow-x: scroll;
  overflow-y: hidden;
  }
  .tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar,
  .tse-scrollable.horizontal .tse-scroll-content::scrollbar {
    width: auto;
    height: 0;
    }
.tse-scrollable.horizontal .tse-scrollbar {
  top: auto;
  left: 0;
  width: auto;
  height: 11px;
  }
  .tse-scrollable.horizontal .tse-scrollbar .drag-handle {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
    }

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Attach Files';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);

  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.custom-file-input2::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input2::-ms-file-upload-button {
  visibility: hidden !important;
}
.custom-file-input2::before {
  /*content: 'Attach Files';*/
  display: inline-block;
  background: none;

  border-radius: 3px;
  padding: 0px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  padding-left:45%;
}
.custom-file-input2:hover::before {
  border-color: black;
}
.custom-file-input2:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}



.Cdarkgoldenrod{
    color:darkgoldenrod;
}
.Cdarkgray {
    color:darkgray;
}
.WFdarkgray {
    color: #7b7b7b !important;
}
.noradius{
    border-radius:0 !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-top:1px solid #f0f0f0;
}

.table > thead > tr > th {
        border-bottom: 1px solid #ddd !important;
}

.color555{
    color:#555;
    cursor:pointer;
}

.width45{
    width:53px;
    cursor:pointer;

}

.clsArchive{
 background-image: url('../img/archive-icon.png');
    height:16px;
    width:16px;
 }
.clsConfidential{
background-image: url('../img/confidential-icon.png');
    height:16px;
    width:16px;
 }
.clsDraft{
background-image: url('../img/draf-icon.png');
    height:16px;
    width:16px;
 }
.clsInbox{
 background-image: url('../img/inbox-icon.png');
    height:16px;
    width:16px;
 }
.clsRemoved{
     background-image: url('../img/removed-icon.png');
    height:16px;
    width:16px;
 }
.clsSent{
     background-image: url('../img/sent-icon.png');
    height:16px;
    width:16px;
 }
.clsReplied{
    background-image: url('../img/replied-icon.png');
    height:16px;
    width:16px;

 }

.headinb-bg-t{
background:#f7fbff !important;
}

.boxW{
    width:90px;
    height:90px;
    background:#626262;
    margin:10px;
    padding:25px 10px 10px 10px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    color:#fff;
    float:left;
        }
.arrowSize {
    font-size:25px;
    margin-top:45px;

}
.smallTextCC{
    font-size: 11px;
    line-height:25px;
    /*margin-top: 10px;*/
}

.fa:hover{
    opacity:0.8;
}

/*
 * Default Layout Theme
 *
 * Created for jquery.layout
 *
 * Copyright (c) 2010
 *   Fabrizio Balliano (http://www.fabrizioballiano.net)
 *   Kevin Dalman (http://allpro.net)
 *
 * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
 * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
 *
 * Last Updated: 2010-02-10
 * NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
 */

/*
 *	DEFAULT FONT
 *	Just to make demo-pages look better - not actually relevant to Layout!
 */

/*
 *	PANES & CONTENT-DIVs
 */
.ui-layout-pane { /* all 'panes' */
	background:	#FFF;
	border:		1px solid #f6f6f6;
	padding:	10px;
	overflow:	auto;
	/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
	   otherwise you may get double-scrollbars - on the pane AND on the content-div
	   - use ui-layout-wrapper class if pane has a content-div
	   - use ui-layout-container if pane has an inner-layout
	*/
	}
	/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
	.ui-layout-content {
		padding:	10px;
		position:	relative; /* contain floated or positioned elements */
		overflow:	auto; /* add scrolling to content-div */
		width::100%;
	}

/*
 *	UTILITY CLASSES
 *	Must come AFTER pane-class above so will override
 *	These classes are NOT auto-generated and are NOT used by Layout
 */
.layout-child-container,
.layout-content-container {
	padding:	0;
	overflow:	hidden;
}
.layout-child-container {
	border:		0; /* remove border because inner-layout-panes probably have borders */
}
.layout-scroll {
	overflow:	auto;
}
.layout-hide {
	display:	none;
}

/*
 *	RESIZER-BARS
 */
.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		#DDD;
	border:			1px solid #BBB;
	border-width:	0;
	}
	.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
	}
	.ui-layout-resizer-hover	{	/* affects both open and closed states */
	}
	/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
		otherwise color shifts while dragging when bar can't keep up with mouse */
	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background: #C4E1A4;
	}
	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border: 	 1px solid #BBB;
	}
	.ui-layout-resizer-north-dragging,
	.ui-layout-resizer-south-dragging {
		border-width:	1px 0;
	}
	.ui-layout-resizer-west-dragging,
	.ui-layout-resizer-east-dragging {
		border-width:	0 1px;
	}
	/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E1A4A4; /* red */
	}

	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}
	.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
		opacity: .10; /* show only a slight shadow */
		filter:  alpha(opacity=10);
		}
		.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
			opacity: 1.00; /* on-hover, show the resizer-bar normally */
			filter:  alpha(opacity=100);
		}
		/* sliding resizer - add 'outside-border' to resizer on-hover
		 * this sample illustrates how to target specific panes and states */
		.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
		.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
		.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
		.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

/*
 *	TOGGLER-BUTTONS
 */
.ui-layout-toggler {
	border: 1px solid #BBB; /* match pane-border */
	background-color: #BBB;
	}
	.ui-layout-resizer-hover .ui-layout-toggler {
		opacity: .60;
		filter:  alpha(opacity=60);
	}
	.ui-layout-toggler-hover , /* need when NOT resizable */
	.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
		background-color: #22b14c;
		opacity: 1.00;
		filter:  alpha(opacity=100);
	}
	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border-width: 0 1px; /* left/right borders */
	}
	.ui-layout-toggler-west ,
	.ui-layout-toggler-east {
		border-width: 1px 0; /* top/bottom borders */
	}
	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding  .ui-layout-toggler {
		display: none;
	}
	/*
	 *	style the text we put INSIDE the togglers
	 */
	.ui-layout-toggler .content {
		color:			#666;
		font-size:		12px;
		font-weight:	bold;
		width:			100%;
		padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
	}

/*
 *	PANE-MASKS
 *	these styles are hard-coded on mask elems, but are also
 *	included here as !important to ensure will overrides any generic styles
 */
.ui-layout-mask {
	border:		none !important;
	padding:	0 !important;
	margin:		0 !important;
	overflow:	hidden !important;
	position:	absolute !important;
	opacity:	0 !important;
	filter:		Alpha(Opacity="0") !important;
}
.ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */
	top:		0 !important;
	left:		0 !important;
	width:		100% !important;
	height:		100% !important;
}
div.ui-layout-mask {}		/* standard mask for iframes */
iframe.ui-layout-mask {}	/* extra mask for objects/applets */

/*
 *	Default printing styles
 */

.cursor{
    cursor:pointer;
}

.font12{
    font-size:12px;
}
.fontwhite{
    color:#fff;
}

.fontwhite a:hover{
    color:#fff !important;
    }

.nomargin{
    margin:0px !important;
}
.padding-l-m{
    padding-left:10px !important;
}

@media screen and (max-width: 768px) {
  .padding-l-m{
    padding-left:15px !important;
}
}
.tagsbg{
    background:#f9f9f9;
    border-bottom:1px solid #e8e7e7;
    text-indent:5px;
    line-height:25px !important;
}
.tagsbg:hover{
    background:#f4f4f4;
    border-bottom:1px solid #e8e7e7;

}
.textv{
    vertical-align:middle !important;
}

.smalliconbg{
     background-color: #f3f3f3;
    border: 1px solid lightgray;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    color:#22b14c;
}
.OpenEnvelop{
background: url(../img/readmail.png) no-repeat;
width:20px;
height:15px;
float:right;
}

.CloseEnvelop{
background: url(../img/unreadmail.png) no-repeat;
width:20px;
height:15px;
float:right;
}

.plusButton{
background: url(../img/square-add-button.png) no-repeat;
width:24px;
height:24px;
float:right;
}

.Feedback{
background: url(../img/smiley2.png) no-repeat;
width:25px;
height:25px;
float:right;
}

.GoodFeedback{
background: url(../img/listsmiley1.png) no-repeat;
width:17px;
height:15px;
float:left;
padding: 1px;
}


.BadFeedback{
background: url(../img/listsmiley2.png) no-repeat;
width:15px;
height:15px;
float:left;
padding: 1px;
}

.FeedbackNoti{
background: url(../img/smiley2.png) no-repeat;
width:50px;
height:50px;
float:left;
}

.SuggestionNoti{
background: url(../img/listsmiley2.png) no-repeat;
width:50px;
height:50px;
float:left;
}

.task-pending{
background: url(../Images/icons/PendingStage.png) no-repeat;
width:16px;
height:14px;
}

.task-Completed{
background: url(../Images/icons/CompletedStage.png) no-repeat;
width:16px;
height:14px;
}


.task-Rejected{
background: url(../Images/icons/RejectedStage.png) no-repeat;
width:16px;
height:14px;
}

.task-Skipped{
background: url(../Images/icons/SkippedStage.png) no-repeat;
width:16px;
height:14px;
}

.task-Forecast{
background: url(../Images/icons/ForecastStage.png) no-repeat;
width:16px;
height:14px;
}

.iconbg-g{
     background-color: #22b14c;
     width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
}
.savedfiltersA{
    margin-top: 10px;
        }

.warningC{
    color:#f67970;
}

a:focus, a:hover{
    text-decoration:none;
}

.marginR100{
    font-size:11px;
    font-style:italic;
}

.heightauto{
    max-height:300px !important;
}
#txtSearchFrom{
    width:100%;
}

.ui-dialog{

  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
  background-clip: padding-box !important;
  outline: none;
  /*top:120px !important;*/

}

/*.ui-dialog .ui-dialog-content{
    min-height:400px !important;
    max-height:550px !important;
}*/

.ui-jqgrid-labels{
    border-bottom:1px solid #f0f0f0 !important;

}

.greeCI{
    color:#0c9334 !important;
}
.blueCI{
color:#03518f !important;
}

.blueCI2 {
 color:#03abbf !important;
}

#dvdlgUploadLocal{
    overflow-x:hidden;
}

html {
   -ms-overflow-style: scrollbar !important;
}

.MyCDate{
    background: url(../img/CIcon.png) no-repeat right;
    padding:2px;
    text-indent:5px;
    width:135px;
}

input[type=text]::-ms-clear { display: none; }

/*select
{
border:1px solid lightgray;
}*/


select::-ms-expand {
    display: none !important;
}

.ChartsMA{
    /*margin:26% 0;*/
}

textarea{
   border: 1px solid #ccc;
}
.hAuto{
    height:auto !important;
}

.chart-c-bg{
        background: url(../img/chart-c-i.png) no-repeat right;
        height:29px;
        width:29px;
        font-size:11px;
        line-height:30px;
        text-align:center;
        float:right;

}
.paddinb5{
    padding-bottom:5px;
}
.paddinb3{
    padding-bottom:3px;
}

.paddinb10{
padding-bottom:10px;
}

.btn-success.disabled, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover{
  background-color: #4BA84B;
  border-color: #439643;
}






.ChooseGreen{
    background:#5cb85c;
    width:19px;
    height:16px;
    margin:8px 8px 0 0;
    float:left;
    cursor:pointer;
}

.ChooseGreen a {
}

.ChooseGreen{
    background:#5cb85c;
    width:19px;
    height:16px;
    margin:8px 8px 0 0;
    float:left;
    cursor:pointer;
}
.ChooseGreen a{
    color:#fff !important;
}

.ChooseYellow{
    background:#f0ad4e;
    width:19px;
    height:16px;
    margin:8px 8px 0 0;
    float:left;
    cursor:pointer;
}
.ChooseBlue{
    background:#4ea6f0;
    width:19px;
    height:16px;
    margin:8px 8px 0 0;
    float:left;
}
.ChooseRed{
    background:#b12323;
    width:19px;
    height:16px;
    margin:8px 8px 0 0;
    float:left;
    cursor:pointer;
}
.ChoosePurple{
    background:#9120d2;
    width:19px;
    height:16px;
    margin:8px 8px 0 0;
    float:left;
    cursor:pointer;
}

.ChooseOrange{
    background:#dc5f03;
    width:19px;
    height:16px;
    margin:8px 8px 0 0;
    float:left;
    cursor:pointer;
}

.tab-content.profile-page2{
    padding:10px 10px;
}

.marginTM{
    margin-top:-15px;
}
.w45p{
    width:45%;
}

.refreshA{
    position:absolute;
    }

.smaltextW{
    font-size:10px;
}

.todoL-btn-b {
    background: #ff5e14;
    border: 1px solid #ff5e14;
    border-radius: 0;
    color: #fff;
}

.todoL-btn-b :hover {
    background: #001659;
    opacity:0.9;
      color:#fff !important;
}

.detailsAlig{
    float:right;
    margin-right:20px;
    }

.borderbdashboard{
    border-bottom:1px solid #d3d3d3;
}

.widthDash{
    width:100%;
}

.itemsDashboard{
    padding: 0px 10px;
    margin-top: -10px;
}

.MailSignature{
background: url(../img/signature.png) no-repeat;
width:20px;
height:15px;
float:right;
}

/*.selectsign{
 display:none;
}*/

.todoConfi{
    display: flex;
    background: #f3f3f3;
    padding: 20px;
    border-right:2px solid #fff;
    color:#555;
    cursor:pointer;
    font-size:14px;
}

.todoConfi:hover{

    background: #d2e6f6;

}

.question-area{
    font-weight:bold;

}

.question-icon{
    float:left;
    margin-top:5px;
    margin-right:5px;
}

.answer-info{
    background:#0b5fa3;
    padding:8px;
    text-align:left;
    color:#fff;
    display:list-item;
    margin-bottom:10px;
}

.answer-icon{
    float:left;
     margin-right:5px;
}

.answer-area{
    display:flex !important;

}

.answer-content{
    float:left;
    text-align:left;
}

.response-area{
    border-bottom:1px solid lightgray;
        border-top:1px solid lightgray;
        background:#f3f3f3;

}
.response-area{
    width:100%;
    display:table;
    padding:8px 0px;
    margin:10px 0px;
}

.k-panelbar{
    border:none !important;
    background:none !important;
}
.k-panel > li.k-item, .k-panel{
     background:none !important;
}

.k-content, .k-editable-area, .k-panel > li.k-item, .k-panelbar > li.k-item, .k-tiles{
    background:none !important;
}

.k-panelbar .k-header{
    background:none !important;
    font-weight:bold;
}

#spDraft{
    color:#2e2e2e;
}

.k-panel > .k-item > .k-link{
       color:#2e2e2e;
}

#hToEmail, #dvQuestionFromIDs{
        color:#2e2e2e !important;
        }

#divTemplates{
    max-height:329px;
    overflow:auto;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited{
        background-color: #337AB7 !important;
    border-color: #337AB7 !important ;
}

.supersede-c{
    color:#e57414;
}

.mail-t-c{
    color:#0c9ac8;
}

.workflow-c{
    color:#45920a;
}

.open-text{
     color: orange;
    font-size: 10px;
    border: 1px solid orange;
    padding: 0px 4px;
}

.close-text{
        color: green;
    font-size: 10px;
    border: 1px solid orange;
    padding: 0px 4px;
}

.overdue-text{
     color: red;
    font-size: 10px;
    border: 1px solid orange;
    padding: 0px 4px;
}
   .MRCDate {
            background: url(../img/CIcon.png) no-repeat right;
            padding: 2px;
            text-indent: 5px;
            width: 135px;
        }