body {
    font-family: 'gothambook';
	font-size: 10pt;
	color: #000;
	margin: 0;
	padding: 0
}


@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gothambook-webfont.woff2') format('woff2'),
         url('../fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothammedium';
    src: url('../fonts/gothammedium-webfont.woff2') format('woff2'),
         url('../fonts/gothammedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.form-label{font-size:9pt !important; font-family: 'gothammedium'; color:#00634f;}

a.btn-grey-light:hover
{
    color: #FFFFFF;
}

.black-overlay{
    position: fixed !important;
  }

.margin-right-10 {
    margin-right: 10px;
}
.jqx-dropdownlist-state-disabled .jqx-dropdownlist .jqx-icon-arrow-down
{
  background-image: none !important;
}

.jqx-dropdownlist-state-disabled .jqx-icon-arrow-down-office, .jqx-menu-item-arrow-down-office {
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: center;
}
/* background-color: rgba(106,198,240,0.8); */

.loginpage{position: absolute;width: 100%; height: 100%; display: block;bottom: 0;top: 0;right: 0;left: 0;}
.loginpage .logonbg{float:inherit; }
.loginpage .cnameonloginpage{color:#fff;position:relative;display: block; margin: 40px auto; text-align: center;font-size: 30px; text-transform: capitalize;}
.loginpage .cnameonloginpage:after{content: ""; background: #fff; height: 2px; width: 162px;position: absolute;bottom: -3px;left: 0;right: 0;margin: auto;}
.loginpage .loginpageform h3{ margin: 0; padding-bottom: 15px;color: #88d1f3;font-size: 18px;font-weight: normal;}
.loginpage .loginpageform p{color:#e8e8e8;font-size: 18px;}
.loginpage .loginpageform{background:#00634f;width:570px;padding: 30px;display: block;margin:auto;box-shadow: 0px 15px 20px rgb(179, 176, 176);}
.loginpage .form-control{border:4px #fff solid;margin-bottom:15px;    padding: 5px 15px !important;height: 43px !important;font-size: 16px !important; }
.loginpage button{background: #c3d500;color:#fff;width:100%; padding: 7px; font-size: 18px; border-color: #c3d500;}
.logremb,.logforget a{color:#e8e8e8; font-size: 18px;padding-top:10px;}
.logforget{text-align: right;padding-top:10px;}
.logremb input[type=checkbox]{width:15px;height:15px;}
.loginpage .alert{display: none;}
.mbtm0{margin-bottom:0px !important;}

.loginpage .form-control{
    border: 0px !important;
    border-radius: 0px !important;
 }

 .loginpage .form-control:focus{box-shadow: none;}


/* old login page css start*/
.loginscreen {
    display: block;
    width: 100%;
    position: relative;
    /* background-image: url(../images/gridline.jpg);background-repeat: repeat; */
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.loginbanner {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 550px;
    min-height: 600px;
    height: 100%;
    overflow: hidden;
    background-color: #000000;
    padding: 60px;
    text-align: center;
    z-index: 999;
}

.loginbanner .loginbg {
    position: absolute;
    opacity: 0.23;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/img1.jpg);
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.form-holder {
    margin-left: 565px;
    width: 100%;
}

.form-holder .form-items {
    position: relative;
    display: block;
    width: 100%;
    max-width: 490px;
    padding: 50px;
    text-align: left;
    margin: auto;
}

.loginlogo {
    color: #fff;
    font-size: 50px;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    line-height: normal;
    position: relative;
}

.form-holder .form-items h3 {
    color: #fff;
    margin-bottom: 20px;
}

.form-holder .form-items .nav-tabs {
    border: 0px;
}

.form-holder .form-items .nav-tabs li {
    margin-bottom: 20px;
}

.form-holder .form-items .nav-tabs li a {
    color: #fff;
    margin-right: 20px;
    border-bottom: 2px #acdcff solid;
    padding-bottom: 8px;
    text-decoration: none;
}

.form-holder .form-items .nav-tabs li a.active {
    font-weight: bold;
    border-color: #fff;
}

.form-holder .form-items input,
.form-holder .form-items select {
    margin-bottom: 15px;
    padding: 4px;
}

.form-button {
    display: block;
    width: 100%;
    position: relative;
    padding-top: 15px;
}

.form-button button {
    padding: .375rem 25px;
    font-weight: bold;
    color: #0093ff;
}

.form-button a {
    color: #fff;
    padding-left: 20px;
}

.form-holder .form-items #Register .form-group {
    margin-bottom: 8px !important;
}

.form-holder .form-items #Register select,
.form-holder .form-items #Register input {
    font-size: 14px;
    margin-bottom: 10px;
    border-radius: .25rem;
    padding: 5px 10px !important;
    height: 28px !important;
}

.form-holder .form-items #Register .form-button {
    padding-top: 5px;
}
/* old login page css end*/

header {
    position: fixed;
    width: 100%;
    display: block;
    z-index: 999;
    background-color: #FFFFFF;
    border-bottom: 1px solid #247ba0;
}

.users {
    cursor: pointer;
    margin-top: 12px;
    line-height: normal;
}

.topheader{display: block;width:100%;    position: fixed;
    clear: both;
    z-index: 999;
    background: #fff;}
.toplogo{padding:10px 15px;display: table;width: 100%;  position: relative; clear: both; background: #fff;}
.toplogo ul{margin: 0px;padding:0px;list-style:none;}
/* .toplogo ul li{float: left;width:50%;} */
.toplogo ul li:first-child img{float: left;}
.toplogo ul li h3{ float: left;font-size: 18px; padding-left: 40px; padding-top: 10px;}
.toplogo ul li:last-child{text-align: right;}
.toplogo ul li img{
    /* max-width: 290px;    */
     width: auto; max-height: 47.7px;height: auto;}
.toplogo ul li a{display: block;}
.toplogo .powerby{float: right;margin-top:5px;}
.toplogo .powerby span{font-size: 10px; margin: 0;  padding: 0; color: #9e9e9e; display: block; line-height: normal;}
.toplogo .powerby p{margin: -3px 0 0 0; font-size: 18px;  font-weight: bold; color: #0076a9; line-height: normal;}
.topheader .navbar-inner{width:100%;}
.topheader .nav-collapse.collapse{display: block;float: left;}
.topheader .navbar{background-color: #00634f; padding: 0; height: 32px;}
.topheader .navbar .container-fluid{padding:0px;}
.topheader button.btn{display: none;}

.topheader .navbar .nav li.no-dropdown{    width: auto;line-height: 32px; font-size: 0.65rem; text-transform: uppercase;margin-left:5px;}
.topheader .navbar .nav li.no-dropdown a{display: block;padding: 0  ;}
.topheader .navbar .nav li a{color:#fff;}
.topheader .navbar .nav li a.dropdown-toggle{text-transform: uppercase;font-size: 0.75rem;padding: 0px 8px;
    height: 32px; display: block;  line-height: 32px;   color: #fff;}
.topheader .navbar .nav li:first-child a.dropdown-toggle{padding-left:15px;}
    .topheader .navbar .nav li a.dropdown-toggle:hover{background: #77bc1f;}
.topheader .navbar .nav li ul li a{color:#000;}


.topheader li.dropdown:last-child .mega-menu{left: initial;right: 0;}
.topheader li.dropdown:last-child .mega-menu.dropdown-menu:after {
   right: 60px;  left: inherit;}
.topheader li.dropdown:nth-child(2) .mega-menu{left:-55px;}
.topheader li.dropdown:nth-child(2) .mega-menu.dropdown-menu:after{left:58px;}

.topheader li.dropdown:nth-child(3) .mega-menu{left:-230px;}
.topheader li.dropdown:nth-child(3) .mega-menu.dropdown-menu:after{left:284px;}
.topheader li.dropdown:nth-child(4) .mega-menu{left:-325px;}
.topheader li.dropdown:nth-child(4) .mega-menu.dropdown-menu:after{left:330px;}
.topheader li.dropdown:nth-child(5) .mega-menu{left:inherit;right:0;}
.topheader li.dropdown:nth-child(5) .mega-menu.dropdown-menu:after{right: 60px;left: inherit;}
.topheader li.dropdown:nth-child(6) .mega-menu{left:inherit;right:0;}
.topheader li.dropdown:nth-child(6) .mega-menu.dropdown-menu:after{right: 100px;left: inherit;}
.topheader .navbar-inner .signout{padding-right:15px;float: right;    height: 32px;line-height: 32px;}
.topheader .navbar-inner .signout a{color: #8c8c8c;text-decoration: none;    font-size: 0.8rem;
    /* padding: 6px 10px; */
    line-height: normal;
    margin-top: 5px;}
.topheader .signout .dropdown-menu.show p{margin: 0; padding: 0 5px 0;}
.topheader .signout button.btn{display: block;    background: transparent;border: 0;    padding: 0;
    height: 32px;}
.topheader .signout button.btn:focus{outline: none;box-shadow: none;}
.topheader .signout .dropdown-menu.show{right: 0; left: inherit;}
.topheader .signout .dropdown-menu:after{background: #fff; left: inherit;right: 6px;}

/* MEGA MENU STYLE
********************************/
.topheader .mega-menu {
	padding: 10px 0px ! important;
	width: 500px;
  border-radius: 0;
  margin-top:0px;background-color: #efefef;
  box-shadow: 0px 1px 4px #404040;
    border-color: transparent;
    /* left:0px; */
    left: -300px;
    }
    .topheader .dropdown-menu:after{ width:16px;height:16px;margin-top:-8px;   background: #efefef;}

	.mega-menu li {
		display: inline-block;
		float: left;
		font-size: 0.94rem;
		padding: 3px 0px;
		}

		.topheader .mega-menu li.mega-menu-column {
			width: 100%;
    padding: 15px;
    border-bottom: 1px #a09f9f dashed;
            }
            .topheader .mega-menu li.mega-menu-column:last-child{border-bottom: none;}
            .topheader .mega-menu li.mega-menu-column p{margin: 0px;}
            .topheader .navbar .mega-menu li.mega-menu-column a{text-decoration: none;color:#77bc1f;}

            .topheader .navbar .mega-menu li.mega-menu-column a:hover{    border-bottom: 1px dashed gray;}


			.topheader .mega-menu .nav-header {
			padding: 0 !important;
			margin-bottom: 10px;
			display: inline-block;
			width: 100%;
			border-bottom: 1px solid #ddd;
			}
            .topheader .mega-menu img { padding-bottom: 10px;}







/* Disable Toggle style
********************************/

/* Dropdown Toggle on style */
.topheader .navbar .nav li.dropdown.open > .dropdown-toggle,
.topheader .navbar .nav li.dropdown.active > .dropdown-toggle,
.topheader .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: inherit; /* Set to inherit when using mouse hover to open dropdown */
    color: #c7c7c7;
    }
    /* Toggle off style */
    .topheader .navbar .nav li.dropdown.open.active > .dropdown-toggle,
    .topheader .navbar .nav > li.dropdown > a:focus {
        background-color: #77bc1f;
    color: #fff;
    }
    /* Toggle hover */
    .topheader .navbar .nav li.dropdown > .dropdown-toggle:hover,
    .topheader .navbar .nav li.dropdown.open > .dropdown-toggle:hover,
    .topheader .navbar .nav li.no-dropdown a:hover {
    background-color: #77bc1f;
    color: #fff;
    text-decoration: none;
    }


    /* Toggle caret*/

        /* Toggle caret hover */
        .topheader .navbar .nav li.dropdown > a:hover .caret,
        .topheader  .navbar .nav li.dropdown > a:focus .caret {
        border-bottom-color: #333;
        border-top-color: #333;
        }
        /* Toggle caret active */
        .topheader .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
        .topheader  .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
        .topheader  .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
        border-bottom-color:#333;
        border-top-color: #333;
        }



/* Hover style
********************************/
.topheader .navbar .nav > li > a, .mega-menu a
 {
  -webkit-transition: all 200ms ease;
	 -moz-transition: all 200ms ease;
	  -ms-transition: all 200ms ease;
	   -o-transition: all 200ms ease;
	      transition: all 200ms ease;

		 /* -webkit-transform: translate3d(0, 0, 0); Webkit Hardware Acceleration*/
	     -webkit-backface-visibility: hidden; /* Safari Flicker Fix #2 */
	     -webkit-transform: translateZ(0);
}

.homeslider .owl-theme .owl-dots {margin-top: 10px;  position: absolute; bottom: 0; z-index: 99;padding-left: 15px;}
.ourpartners .owl-carousel .owl-nav button,
.leftrightarrow .owl-carousel .owl-nav button{outline:none;position: absolute;top: 0%;font-size: 100px !important; line-height: normal !important;}
.ourpartners .owl-carousel .owl-nav button.owl-prev,
.leftrightarrow .owl-carousel .owl-nav button.owl-prev{left:-40px;    width: 28px; background: transparent;
   }
.ourpartners .owl-carousel .owl-nav button.owl-next,
.leftrightarrow .owl-carousel .owl-nav button.owl-next{right:-40px;    width: 28px; background: transparent;}
.ourpartners .owl-theme .owl-nav [class*=owl-]:hover,
.leftrightarrow .owl-theme .owl-nav [class*=owl-]:hover{color:#0076a9;}
.mediaroomslide .owl-carousel .owl-nav button{top:2%;}

header .navbar {
    padding-left: 0px;
    padding-right: 0px;
}

header .navbar ul li {
    margin: 0px 10px;
    position: relative;
}

header .navbar ul li a {
    padding: 10px 5px;
    text-decoration: none;
    color: #006494;
}

header .navbar ul li a:hover {
    color: #FFFFFF;
    background-color: #006494;
    /* padding: 3px;
    border: 1px solid white;
    border-radius: 5px; */
}

header .navbar ul ul {
    display: none;
    position: absolute;
    margin-left: 0px;
    padding: 5px;
    left: 0;
    width: 220px;
    margin-top: 8px;
    background: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px solid #f1f1f1;
    font-family: open sans, sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.tooltip-inner {
    max-width: 300px;
    width: 300px;
    font-size: 9pt !important;
    text-align: left;
  }

header .navbar ul li:hover ul {
    display: block;
}

header .navbar ul ul li {
    margin: 0;
    font-size: 15px;
    list-style: none;
    border-bottom: 1px #b9b4b4 dotted;
}

header .navbar ul ul li:last-child {
    border-bottom: 0px #b9b4b4 dotted;
}

header .navbar ul ul li:hover a {
    color: #FFFFFF;
}

header .navbar ul ul li a {
    /*color: #000;*/
    display: block;
    padding: 5px;
}
.jqx-fill-state-disabled
{
    opacity: .9 !important;
}
h2.logo {
    margin: 0;
    font-size: 26px;

}

.contentarea {
    position: relative;
    display: block;
    width: 100%;
    /* padding-top: 50px; */
}

.panel {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel .panel-heading {
    background:linear-gradient(40deg, #00634f, #00634f, #00634f, #00634f, #c3d500);
    font-weight: bold;
    color: #ffffff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel .panel-heading h5{color:#ffffff;}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
}

.panel-title i {
    /* padding-right: 5px; */
    position: relative;
    cursor: pointer;
}

.panel-body {
    padding: 10px;
    box-shadow: 0px 1px 2px #929292;
}

.panel-body table {
    margin-top: -1px;
}

.footable>thead>tr>th,
.footable>tbody>tr>td {
    padding: 4px 8px !important;
    text-align: center;
}

.footable>thead>tr>th:nth-child(1),
.footable>tbody>tr>td:nth-child(1) {
    text-align: left;
}

.footable>tbody>tr>td {
    font-size: 12px;
}

.footable>thead>tr>th>span.footable-sort-indicator {
    float: right;
}

.targettour {
    padding: 10px;
    border: 1px #ccc solid;
    border-radius: 4px;
    width: 160px;
    background: #fff;
    z-index: 99;
}

.targettour h3 {
    font-size: 14px !important;
    background: #002664;
    padding: 5px 10px;
    margin: -10px -10px 10px -10px !important;
    color: #fff;
    font-weight: normal;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.targettour p {
    font-size: 14px;
}

.targettour .tourtxt {
    position: relative;
    font-size: 12px;
    margin-bottom: 10px;
}

.targettour .tourtxt:after {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    font-size: 30px;
    color: #002664;
}

.targettour .taketour.btn,
.targettour .btn.tourclose {
    padding: 4px 10px;
    line-height: 18px;
    height: 28px;
    float: right;
}

#div1 {
    position: absolute;
    left: 320px;
    top: -38px;
}

#div1.targettour .tourtxt:after {
    content: "\f0d9";
    left: -21px;
    top: -3px;
}

#div2 {
    position: absolute;
    left: 0;
    top: -110px;
    width: 300px;
}

#div2.targettour .tourtxt:after {
    content: "\f0d7";
    bottom: -68px;
    left: 40%;
}

#div3 {
    position: absolute;
    left: 0;
    top: -113px;
    width: 230px;
}

#div3.targettour .tourtxt:after {
    content: "\f0d7";
    bottom: -68px;
    left: 0;
}

#div4 {
    position: absolute;
    right: 3%;
    top: -110px;
    width: 300px;
}

#div4.targettour .tourtxt:after {
    content: "\f0d7";
    bottom: -68px;
    left: 45%;
}

.focuscmpselect form {
    max-width: 300px;
    width: 100%;
}

.focuscmpselect form .form-group {
    margin-bottom: 10px;
}

.focuscmpselect form select {
    height: 30px !important;
    padding: 1px 10px 4px 5px;
    line-height: 12px;
    font-size: 14px;
}

.focuscmpselect table {
    border: 1px #ccc solid;
    margin-bottom: 0px;
}

.peercpm h4 {
    font-size: 14px;
    margin: 0px;
    padding: 12px 0px 15px 0px;
}

.peercpm ol {
    padding-left: 18px;
    min-height: 172px;
    margin-bottom: 0px;
}

.peercpm ol li {
    font-size: 14px;
    padding-bottom: 10px;
}

.taketourbtn {
    float: right;
    font-size: 14px;
}

.taketourbtn a {
    text-decoration: none;
    color: #021d48;
}

.compositionresutl {
    display: block;
    width: 100%;
    position: relative;
}

.compositionresutl h3 {
    font-size: 18px;
    margin: 0px;
}

.compositionresutl .comp-btn {
    display: block;
    width: 100%;
    position: relative;
    margin: 0px 0 10px;
}

.compositionresutl .comp-btn .fieldsetbtn legend {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
}

.compositionresutl .comp-btn .fieldsetbtn:before,
.compositionresutl .comp-btn .fieldsetbtn:after {
    top: 9px
}
.compositionresutl .compbtntop a.btn-grey-light{float:right;}

@-moz-document url-prefix() {
.compositionresutl .comp-btn .fieldsetbtn::before, .compositionresutl .comp-btn .fieldsetbtn::after{
    top: -12px
}
.fieldsetbtn legend{
    margin-right: 101px !important;
}
  }
/*.btn-grey-light {
    color: #898696;
    background-color: #f1f3f6;
    border-color: #eaebed;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 14px;
}

    .btn-grey-light:hover {
        background-color: #002664;
        color: #fff;
    }*/

.btn-grey-light {
    color: #FFFFFF;
    background-color: #77bc1f ;
}

.btn-grey-light:hover {
    background-color: #555555;
}

.btn-grey-light.active {
    background: #555555;
}

.btn-primary, .btn-info {
    border:0px;
    font-size: 15px !important;
    padding: 2px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: none;
    color: #FFFFFF;
    background-color: #77bd1f;
    
}

.btn-primary:hover, .btn-info:hover{
    background-color: #578e31 ;
        border-color:none;
}

.fulltable {
    display: block;
    width: 100%;
    position: relative;
}

.fulltable table tr th:nth-child(1),
.fulltable table tr td:nth-child(1) {
    padding-left: 18px;
}

.fulltable table tr th:last-child,
.fulltable table tr td:last-child {
    padding-right: 40px;
}


/*.dropdown.columnadd{position:absolute;right:0px;top:0px; font-size:18px;width:30px;text-align:center; cursor:pointer;border-left: 1px #fff solid;height: 40px;}*/

.dropdown.columnadd .dropdown-toggle {
    z-index: 99;
    height: 40px;
    display: block;
    line-height: 40px;
}

.dropdown.columnadd .dropdown-toggle:after {
    display: none;
}

.dropdown.columnadd .dropdown-menu {
    right: 0px;
    left: inherit;
    padding: 10px;
    width: 250px;
    font-size: 14px;
}

.modal-header {
    background: #f7f7f7;
}

.modalpeer-selection h4 {
    font-size: 14px;
    font-weight: bold;
}

.modalpeer-selection .form-check label,
.modalpeer-selection .form-group label {
    font-size: 12px;
    font-weight: normal;
}

.modalpeer-selection .form-check label {
    margin-left: 5px;
}

.modalpeer-selection .form-group input {
    height: 30px;
}

.modalpeer-selection .form-group {
    display: table;
}

.modalpeer-selection .form-group select,
.modalpeer-selection select {
    padding-top: 2px;
    padding-left: 5px;
}

.modalpeer-selection .form-group label {
    float: left;
    width: 30%;
    display: table;
    height: 32px;
    margin-bottom: 0px;
}

.modalpeer-selection .form-group label span {
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
}

.modalpeer-selection .form-group input,
.modalpeer-selection .form-group select {
    float: left;
    width: 34%;
    margin-left: 1%;
}

.tablecoladd {
    width: 250px;
    border: 1px #ccc solid;
    border-radius: 4px;
    background: #fff;
    float: right;
    text-align: left;
    position: absolute;
    right: 0;
    color: #000;
    z-index: 100;
}

.tablecoladd .form-check {
    padding: 5px 15px 5px 30px;
    border-bottom: 1px #e2e2e2 solid;
}

.tablecoladd .form-check label {
    font-size: 14px;
}

.tablecoladd .form-check input {
    margin-top: 7px;
}

.panel-body .form-group input,
.panel-body .form-group .jqx-fill-state-normal-office {
    color: #495057;
    color: #495057;
    background-color: #f7f7f7;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 2px 8px !important;
    font-size: 12px !important;
    line-height: 2;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: auto !important;
    /* height: 33px !important; */
}

.panel-body .form-group .ng-pristine:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.panel-body .form-group .clearautocompletediv {
    margin-top: -28px;
}

.panel-body .form-group .jqx-dropdownlist-content {
    margin: 0px !important;
    padding: 0px;
    height: 22px;
}

.panel-body .form-check-label {
    font-size: 12px;
    line-height: normal;
    padding-top: 14px;
}

.panel-body .form-check-inline .form-check-label .form-check-input {
    float: left;
}

.panel-body.margin-10-0 {
    margin: 0px;
}

.caretcirclearrow {
    float: right;
    border: 1px #ccc solid;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px !important;
    text-align: center;
    background: #006494;
    /* opacity: .5; */
    color: #fff;
    cursor: pointer;
}

.caretcirclearrowup {
    float: right;
    border: 1px #ccc solid;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #006494;
    color: #fff;
    /* opacity: .5; */
    cursor: pointer;
}

.panel-body .form-group .jqxinputautocomplete input {
    width: 100% !important;
    height: 30px !important;
}

.refreshrportbt .refresh-btn{float: left;}
.refreshrportbt .dreport{float: right;}
.refreshrportbt .refresh-btn,
.refreshrportbt .dreport{margin-top:20px;}

.compositionresutl .incentbtntop button.btn-grey-light {
    width: 200px;
}

 .compositionresutl .compbtntop button.btn-grey-light {
    /* width: 187px; */
}
/*
.compositionresutl .paybtntop button.btn-grey-light {
    width: 125px;
}

.compositionresutl .summbtntop button.btn-grey-light {
    width: 185px;
}

.compositionresutl .boardbtntop button.btn-grey-light {
    width: 250px;
} */

.compositionresutl .compbtntop button.btn-grey-light.active {
    background: #555555 !important;
}

.compositionresutl .summbtntop,
.compositionresutl .boardbtntop,
.compositionresutl .incentbtntop,
.compositionresutl .paybtntop {
    width: 96%;

}

.compositionresutl .paybtntop {
    width: 100% !important;
}
.carouselbtn .carousel-inner{height: 45px;position: relative;}
.carouselbtn .carousel-inner::before{content:"";background: #dad8d6; width: 100%; height: 28px;top: 0;position: absolute;z-index: 0;}
.carouselbtn .carousel-item{ width:auto;display: inline-block;}
.carouselbtn .carousel-control-next, .carouselbtn .carousel-control-prev{display: none;}

.compositionresutl .summbtntop button.btn-grey-light,
.compositionresutl .boardbtntop button.btn-grey-light,
.compositionresutl .incentbtntop button.btn-grey-light,
.compositionresutl .paybtntop button.btn-grey-light,
.btnbg button.btn-grey-light {
    background-color: #568e30;
    background-image: none !important;
    border: 0;
    margin: 0 1px;
    border-radius: 0;
    border-right: 1px #e0e0e0 solid;
    position: relative;
}

.compositionresutl .summbtntop .btn-grey-light.active:after,
.compositionresutl .boardbtntop .btn-grey-light.active:after,
.compositionresutl .incentbtntop .btn-grey-light.active:after,
.compositionresutl .paybtntop .btn-grey-light.active:after,
.btnbg .btn-grey-light.active:after{
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f0d7';
    position: absolute;
    bottom: -18px;
    color: #00634f;
    font-size: 30px;
    left: 0;
    z-index: 1;
    width: 14px;
    margin: auto;
    right: 0;
}

.compositionresutl button.btn-grey-light.active,
.btnbg button.btn-grey-light.active {
    background: #00634f;
}
.btnbg{ width: 96%;background: #dad8d6;margin-bottom: 10px;}
.focuscompanel {
    box-shadow: none;
    border-bottom: 0px
}

.focuscompanel .panel-body {
    box-shadow: none;
    border: 0;
    position: relative;
}

.focuscompanel .panel-body:after,
.focuscompanel .panel-body:before {
    content: "";
    position: absolute;
    height: 140px;
    top: 0;
    z-index: -1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.focuscompanel .panel-body:after {
    right: -1px;
    border-right: 1px #ececec solid;
}

.focuscompanel .panel-body:before {
    left: -1px;
    border-left: 1px #ececec solid;
}

.focuscompanel .panel-body .col-md-12 {
    padding-top: 0px;
}

.highcharts-subtitle {
    font-size: 12px;
}

.padshadow0 {
    box-shadow: none;
    padding: 0px;
}

.lefttabprofile {
    width: 26%;
    margin-right: 4%;
    float: left;
    margin-top: 20px;
}

.lefttabprofile .nav-tabs {
    border: 0px;
}

.lefttabprofile a {
    position: relative;
    background: #568e30;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    color: #000;
    font-weight: bold;
}

.lefttabprofile a.active {
    color: #fff;
    background: #00634f;
}

.lefttabprofile a.active:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #00634f;
    position: absolute;
    right: -19px;
    top: 0px;
}

.righttabprofile {
    margin-top: 20px;
    width: 70%;
    float: left;
    border: 1px #e8f1f2 solid;
    padding: 0 20px 20px;
    box-shadow: 0px 1px 2px #929292;
}

.righttabprofile h4 {
    font-size: 18px;
    background: #00634f;
    margin: 0 -20px 15px;
    padding: 10px 20px 12px;
    border-bottom: 1px #fff solid;
    color: #fff;
}

.righttabprofile .form-group {
    margin-bottom: 8px;
}

.edituserpage {
    max-width: 800px;
    margin: auto;
}

.edituserpage .form-group label {
    text-align: right;
}

.mright70 {
    margin-right: 130px;
}

.margin-right-10 {
    margin-right: 10px
}
.pgbtndiv{display: none;}

.ourpartnerlogo{display: block;width: 100%;position: relative;clear: both;}
.ourpartnerlogo h4{text-align: left;}
.ourpartnerlogo ul{display:table;width:100%;margin:15px 0px 0px 0px;padding:0px;list-style: none;}
.ourpartnerlogo ul li{width:45%;float: left;}
.ourpartnerlogo ul li:first-child{margin-right:10%;}
.ourpartnerlogo ul li img{width:100%;}
.ourpartnerlogo ul li:last-child img{margin-top:7%;}
.author-container .author-circle{ width: 120px; height: 120px; border-radius: 50%;overflow: hidden;margin:auto;}
.author-container .author-circle img{width:auto;max-height: 100%;}



@media only screen and (min-width:992px) and (max-width:1400px) {
    .topheader li.dropdown:last-child .mega-menu.dropdown-menu:after {
        right: 50px;

    }
    .topheader li.dropdown:nth-child(3) .mega-menu {left: -220px;}
    .topheader li.dropdown:nth-child(3) .mega-menu.dropdown-menu:after {left: 237px;    }
    .topheader li.dropdown:nth-child(5) .mega-menu {left: inherit; right: -114px;    }
    .topheader li.dropdown:nth-child(5) .mega-menu.dropdown-menu:after { right: 190px;    }
    .topheader li.dropdown:nth-child(6) .mega-menu.dropdown-menu:after {right: 80px;}
    .topheader .navbar .nav li a.dropdown-toggle{font-size: 0.65rem;}
    /* .compositionresutl .compbtntop button.btn-grey-light {width: auto;    } */
    .panel.compencompnent .panel-body .col-sm-12 {  padding: 0px 0px 0px 15px;}
    .panel.compencompnent .panel-body  .col-sm-12.refreshrportbt{padding-right:10px;}
    .panel.compencompnent .panel-body  .col-sm-12.refreshrportbt button{padding: 5px 3px;}
    /* .toplogo ul li:first-child{width:70%;}
    .toplogo ul li:last-child{width: 30%;} */

    .compositionresutl .compbtntop a.btn-grey-light{margin-top:10px;}
    header .navbar ul li {
        margin: 2px 8px;
    }
    header .navbar ul li a {
        padding: 0px;
    }
    .panel-title {
        font-size: 14px;
    }
    .peercpm h4,
    .peercpm ol li,
    .taketourbtn {
        font-size: 12px;
    }
    /* .panel-body {
        min-height: 130px;
    } */
    .overflowwidth{overflow:auto;}
    .compositionresutl .incentbtntop button.btn-grey-light {width: auto;}
    .panel-body .col-sm-12{padding:0px;}
    /* .compositionresutl .boardbtntop button.btn-grey-light { width: 200px;} */
    .btnbg {width: 94%;}
    .peercpm .panel-body,
    .pg992width .panel-body {min-height: 120px; }
}

@media only screen and (max-width:1230px)  {
    .topheader .navbar .nav li a.dropdown-toggle{font-size: 0.6rem;}
}

@media only screen and (max-width:763px) {
    .contentarea {
        /* padding-top: 125px ; */
    }
}
@media only screen and (min-width:764px) and (max-width:1155px) {
    .contentarea {
        /* padding-top: 135px !important; */
    }
    .toplogo {
        padding: 10px;
    }
}

@media only screen and (max-width:1155px) {

body{min-width: 100%;}
.topheader .navbar{height: auto; position: relative;    padding: 5px 15px;}
.topheader button.btn{display: block;height: 30px; width: 30px; padding: 0;}
    .topheader button.btn span{width: 20px; height: 3px; background: #000;display: block; margin:4px 0 4px 4px;}
    .topheader .nav-collapse.collapse{display: none;}
    .topheader nav.nav-collapse.show{display: block;}
    .topheader li.dropdown {margin-top: 8px;  margin-bottom: 5px;margin-right: 0;     display: block;        width: 100%;    }
    .topheader .navbar .nav li a.dropdown-toggle {font-size: 0.75rem;    }
    .topheader .mega-menu {width: 100%;}
    .topheader li.dropdown:nth-child(2) .mega-menu,
    .topheader li.dropdown:nth-child(3) .mega-menu,
    .topheader li.dropdown:nth-child(4) .mega-menu,
    .topheader li.dropdown:nth-child(5) .mega-menu {left: 0;}
    .topheader li.dropdown:nth-child(2) .mega-menu.dropdown-menu:after,
    .topheader li.dropdown:nth-child(3) .mega-menu.dropdown-menu:after,
    .topheader li.dropdown:nth-child(4) .mega-menu.dropdown-menu:after,
    .topheader li.dropdown:nth-child(5) .mega-menu.dropdown-menu:after{left: 4px;}
    .topheader .navbar .nav li:first-child a.dropdown-toggle {padding-left: 8px;    }
    .topheader .dropdown-menu:after{left:3px;}
    .topheader .navbar-inner .signout {position: absolute;right: 0;top:4px;    }
    .topheader .signout button.btn{width: auto;}
    /* .toplogo ul li:first-child{width:70%;} */
    /* .toplogo ul li:last-child{width: 30%;} */
    .compositionresutl .compbtntop a.btn-grey-light{margin-top: -8px; width: 200px; margin-left: 7px;float: inherit;}
.compositionresutl .compbtntop button.btn-grey-light {margin: 0px 7px 10px !important; width: 200px;float: inherit;}
.panel.compencompnent .panel-body  .col-sm-12.refreshrportbt{flex: auto;width: 100%;max-width: 100%;}
.toplogo ul li img {max-width: 100%;}
.toplogo ul li:first-child img{margin-top:10px;}
.toplogo .regionLinks ul{margin-left:20px !important;}
.toplogo .regionLinks ul li a{font-size: 14px !important;}
header .navbar .navbar-toggler {
        background: #cbd1da;
        padding: 0px 2px;
        border-color: #cbd1da;
    }
    /* header .navbar .navbar-toggler span {
        } */
    header .col-sm-8 {
        position: absolute;
        text-align: center;
        margin: auto;
        display: block;
        float: initial;
        left: 0;
        right: 0;
        z-index: 0;
    }

    .btn-grey-light {
        padding: 2px 5px;
        font-size: 12px;
    }
    .navbar-collapse {
        padding-top: 30px;
    }
    header .navbar ul li {
        margin: 5px 0px;
    }
    .modalpeer-selection .form-group label {
        width: 100%;
        height: auto;
        margin-bottom: 2px;
    }
    .modalpeer-selection .form-group input,
    .modalpeer-selection .form-group select {
        width: 49%;
    }
    .compositionresutl .summbtntop button.btn-grey-light {width: auto; }
    .compositionresutl .summbtntop,
    .compositionresutl .boardbtntop,
    .compositionresutl .incentbtntop,
    .compositionresutl .paybtntop {width: 94%;}
    .overflowwidth .col-sm-12,
    .chartfullwidth .col-sm-12{width:100% !important;max-width: 100%;}
    .horizontalauto,
    .overflowwidth{overflow: auto;}
    .compositionresutl .incentbtntop button.btn-grey-light { width: auto !important; padding: 5px 2px; font-size: 11px;}
    .compositionresutl .panel .panel-body .col-sm-12{padding:0px;}
    .navbar-toggler-icon:after{content:"\f0c9";font: normal normal normal 14px/1 FontAwesome;    font-size: 24px;
        margin-top: 3px;line-height: normal;display: block;}
    .righttabprofile .form-group .col-sm-4{padding-right:0px;padding-left: 0;}
    .btnbg768{width:93%;}
    .height768focus{margin-bottom: 100px !important;}
    .fulltable {overflow: auto;}
    .fulltable .jqx-grid{width:980px !important;}

}

@media only screen and (max-width:768px) {
    .fulltable table tr th:nth-child(4),
    .fulltable table tr td:nth-child(4) {
        padding-right: 40px;
    }
}
@media only screen and (max-width:767px) {
    .toplogo {padding: 9px 15px;}
    .toplogo ul{width:100%;}
    .toplogo ul li .row{margin-right:10px;}
    .toplogo .regionLinks ul li.f20 {font-size: 13px;    }
    .toplogo .regionLinks{margin-top:0px !important}
    .toplogo .regionLinks ul {margin-left: 15px !important; }
    .toplogo .regionLinks ul li{width: auto !important;}
    .toplogo .regionLinks ul li a{font-size: 11px !important;    padding: 2px 3px !important;}
    .toplogo ul li:last-child,
    /* .toplogo ul li:first-child { width: 50%;    } */
    .toplogo ul li img {max-width:100%; width:auto;   }
    .toplogo ul li h3 { margin:0px;padding:0px;font-size: 14px;}
    .toplogo ul li:first-child img{margin-top:0px;}
    .toplogo .powerby { margin: 22px auto 0;width:76px; }

    .panel.compencompnent .panel-body  .col-sm-12.refreshrportbt .refresh-btn{margin-left: 0;}
    .panel.compencompnent .panel-body  .col-sm-12.refreshrportbt button{padding: 5px 3px;}


    .horiscroll767{width:94%;margin:0 3%;padding: 0px; overflow: auto;position: relative;}
    .horiscroll767 .compbtntop{width: 675px;}
    .compositionresutl .incentbtntop,
    .compositionresutl .summbtntop,
    .compositionresutl .boardbtntop{width:87%; overflow:auto;background:transparent;}
    .incentbtntop .btndivhori{width:755px;height:35px;    overflow-y: hidden;}
    .compositionresutl .incentbtntop button.btn-grey-light {padding: 5px 7px;}
    .compositionresutl .summbtntop .btndivhori{width:630px;height:40px;    overflow-y: hidden;}
    .compositionresutl .boardbtntop .btndivhori{width:580px;height:40px;    overflow-y: hidden;}
    .compositionresutl .compbtntop button.btn-grey-light:first-child { margin-left: 1%;    }
    .compositionresutl .compbtntop button.btn-grey-light {margin: 0px 1% 10px !important; width: 48% !important; }
    .compositionresutl .compbtntop a.btn-grey-light{float:right;margin-top:0px;width:48%;margin-left: 0%; margin-right: 1%;}
    .compositionresutl a.btn.btn-pg.btn-grey-light.float-right {margin-right: 0 !important;    }
    .navbar-toggler-icon:after{margin-top:0px;}
    h2.logo {margin: 0 23% 0 0;}
    .lefttabprofile,
    .righttabprofile {width: 100%; margin-right: 0;}
    .lefttabprofile a{width:50%;text-align: center;}
    .lefttabprofile a.active:after {right: 0; top: 32px;   left: 0; transform: rotate(90deg); margin: auto;}
    .righttabprofile .form-group .col-sm-4 {  padding-right: 15px; padding-left: 15px;}
    .righttabprofile .form-group label.col-sm-4{font-weight: bold;}

    .carouselbtn { float:inherit;  }
    .carouselbtn .carousel-inner {width: 80%; margin: auto;}
    .carouselbtn .carousel-item{ width:100%;float: inherit;display:none;}
    .carouselbtn .carousel-item.active{display: block;}
    .carouselbtn .carousel-control-next, .carouselbtn .carousel-control-prev{width:10%;opacity:1;display: block;overflow: hidden; background: #90a8c3; height: 28px;}
    .carouselbtn .carousel-control-next-icon, .carouselbtn  .carousel-control-prev-icon{margin-top:4px;}
    .compositionresutl .summbtntop button.btn-grey-light,
    .compositionresutl .boardbtntop button.btn-grey-light,
    .compositionresutl .incentbtntop button.btn-grey-light {width: 100% !important;}
    .btnbg.btnbg768{display:none;}
    .pgbtndiv{display: block; width: 85%; float: left;}
    .pgbtndiv .carousel-item .btn{width:100%;height: 28px;  border-radius: 0;}
    .pgbtndiv .carousel-item .btn-grey-light.active:after {
        font: normal normal normal 14px/1 FontAwesome;
        content: '\f0d7';
        position: absolute;
        bottom: -18px;
        color: #555555;
        font-size: 30px;
        left: 0;
        z-index: 1;
        width: 14px;
        margin: auto;
        right: 0;
    }

}

.btn-success {
    background-color: #ffffff !important;
    border: 2px solid #77bc1f !important;
    color: #77bc1f;
    font-size: 15px !important;
    padding: 3px 16px !important;
}

.btn-success:hover {
    color: #fff;
    background-color: #77bd1f !important;
    border-color: #1e7e34;
}


.compositionresutl .btn-grey-light:hover {
    background-color: #77bc1f !important;
}

@media only screen and (max-width:480px) {
    .fulltable table tr th:nth-child(3),
    .fulltable table tr td:nth-child(3) {
        padding-right: 40px;
    }
    .compositionresutl .comp-btn .pull-left,
    .compositionresutl .comp-btn .pull-right {
        float: left;
        margin: 5px 0px;
    }
    .taketourbtn {
        display: none;
    }
    header .navbar .navbar-toggler span {
        font-size: 16px;
    }
    .ourpartners .owl-carousel .owl-nav button.owl-prev,
    .leftrightarrow .owl-carousel .owl-nav button.owl-prev{width:16px;left:-30px;font-size: 60px !important;top:2% !important;}
    .ourpartners .owl-carousel .owl-nav button.owl-next,
    .leftrightarrow .owl-carousel .owl-nav button.owl-next{width:16px;right:-30px;font-size: 60px !important;top:2% !important;}
}


@media only screen and (max-width:360px) {
    .compositionresutl .compbtntop button.btn-grey-light {padding: 5px 0px; font-size: 11px;   }
    .compositionresutl .compbtntop a.btn-grey-light{font-size: 11px;}
}

ul.nav.navbar-nav {
    margin: 0px auto;
}

.compositionresutl .compbtntop button.btn-grey-light.active {
    background: #06332a !important;

}

.compositionresutl .compbtntop button.btn-grey-light {
    margin-left:15px;
}
.compositionresutl .compbtntop button.btn-grey-light:first-child{margin-left: 0px;}

@media only screen and (max-width: 991px){
.navbar-collapse {
    padding-top: 8px;
}
ul.nav.navbar-nav a {
    font-size: 9px;
}

.compositionresutl a.btn.btn-pg.btn-grey-light.float-right {
    margin-top: 8px;
    margin-right: 23px;
}

.compositionresutl .compbtntop button.btn-grey-light.active {
    background: #555555!important;

}
#carouselExampleIndicators-main .btn-grey-light:hover {
    background-color: #555555 !important;
}
}
#carouselExampleIndicators-main .btn-grey-light:hover {
    background-color: #555555 !important;
}

.sb-logo {
    position: absolute;
    float: right;
    right: 0;
    height: 80px;
    margin-right: 20%;
    margin-top: 50px;
  }

  @media only screen and (min-width:768px) and (max-width:991px) {
    .sb-logo {
      margin-right: 10%;
      margin-top: 50px;
    }
  }

  @media only screen and (max-width: 767px){

   .sb-logo {
      margin-right: 5%;
      margin-top: 50px;
    }
  }
  @media only screen and (max-width: 375px){
  .sb-logo {
      margin-right: 0%;
      margin-top: 50px;
    }
  }
  @media only screen and (max-width: 360px){
     .sb-logo {
      margin-right: 0%;
      margin-top: 50px;
    }
  }

  .chList li .li_title
  {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 150% !important;
    margin: 0 auto 10px!important;
    font-family: AvenirLTPro-Book!important;
    color: #0072b4;
  }


  .ng-select .ng-select-container, .panel-body .form-group .jqx-fill-state-normal-office, .ng-select.ng-select-opened>.ng-select-container{

    background-color: #f5f5f5 !important;
    border-radius:0px !important;
    border:0px !important;
  }

  .ng-select.ng-select-single .ng-select-container{height: 34px !important;}

 label{
    color: #00634f !important;   font-family: 'gothammedium';
	font-size: 9pt;
}

.form-control{
    border: 0px !important;
    border-radius: 0px !important;
 }

 .form-control:focus{box-shadow: none; background:#f5f5f5 !important;}


 
 .jqx-fill-state-hover-office, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{
    color: #ffffff !important;
    background-color: #77bc1f !important;
 }