body {
    font-family: 'open sans', Arial, Gadget, sans-serif;
	font-size: 10pt;
	color: #000;
	margin: 0;
	padding: 0
}



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-color: rgba(56,87,111,0.7);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: #19b9e6;color:#fff;width:100%; padding: 7px; font-size: 18px; border-color: #19b9e6;}
.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;}


/* 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: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: #555555; 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: 14px; text-transform: uppercase;margin-left:5px;}
.topheader .navbar .nav li.no-dropdown a{display: block;padding: 0 10px;}
.topheader .navbar .nav li a{color:#fff;}
.topheader .navbar .nav li a.dropdown-toggle{text-transform: uppercase; padding: 0px 5px;
    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: #006494;}
.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: 80px;  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:-280px;}
.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: 100px;left: inherit;}
.topheader li.dropdown:nth-child(6) .mega-menu{left:inherit;right:0;}
.topheader li.dropdown:nth-child(7) .mega-menu{left:inherit;right:0;}
.topheader li.dropdown:nth-child(6) .mega-menu.dropdown-menu:after{right: 70px;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: 14px;
    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: 790px;
  border-radius: 0;
  margin-top:0px;background-color: #efefef;
  box-shadow: 0px 1px 4px #404040;
    border-color: transparent;left:0px;
    }
    .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:#0076a9;}

            .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;}



            .dropdown-menu1:after {

                left: 85% !important;

            }




/* 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: #006494;
    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: #006494;
    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;
  }
  .tooltip_class{
    z-index: 999 !important;
  }
  /* .compbtntop .tooltip-inner, .compositionresutl .tooltip-inner{
   width: 100px !important;
   z-index: 999 !important;
   font-size: 9pt !important;
   text-align: center !important;
 } */
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: #e8f1f2;
    border-bottom: solid #e8f1f2 2px;
    font-weight: bold;
    color: #555555;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0px 1px 2px #ccc;
    padding: 5px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #021d48;
    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: #006494;
}

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

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

.btn-primary {
    border: 1px solid #03405d;
    font-size: 12px;
    padding: 2px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    background-color: #006494;
}

.btn-primary:hover {
    background-color: #555555;
        border-color: #555555;
}

.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 .jqx-fill-state-normal-office .cuppa-dropdown {
    border: none !important;
    background-color: #ffffff !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: 170px;
}
/*
.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: #90a8c3; 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: #64a6bd;
    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: #555555;
    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: #555555;
}
.btnbg{ width: 96%;background: #90a8c3;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: #d3d0cb;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    color: #000;
    font-weight: bold;
}

.lefttabprofile a.active {
    color: #fff;
    background: #247ba0;
}

.lefttabprofile a.active:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #247ba0;
    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: #e8f1f2;
    margin: 0 -20px 15px;
    padding: 10px 20px 12px;
    border-bottom: 1px #ccc solid;
}

.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:100%;max-height: 100%;}

@media only screen and (min-width:992px) and (max-width:1400px) {
    .topheader .navbar .nav li a.dropdown-toggle{font-size: 11px;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .topheader li.dropdown:last-child .mega-menu.dropdown-menu:after {
        /* right: 80px; */
         left: 10px;
    }
    .topheader li.dropdown:nth-child(3) .mega-menu {left: -235px;}
    .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: 230px;    }
    .topheader li.dropdown:nth-child(6) .mega-menu.dropdown-menu:after { left: 10px;}
    .topheader .navbar .nav li a.dropdown-toggle{font-size: 11px;}
    /* .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:763px) {
    .contentarea {
        padding-top: 125px ;
    }
}
@media only screen and (min-width:764px) and (max-width:991px) {
    .contentarea {
        padding-top: 135px !important;
    }
}


.mg-b-20 {
    margin-bottom: 20px;
}

.mg-l-15 {
    margin-left: 15px;
}

/* Hamburger
changelog-961px to 1165px
*/
@media only screen and (max-width:1165px) {

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: 12px;    }
    .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;
    }

}



.compositionresutl .btn-grey-light:hover {
    background-color: #555555 !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: #555555!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;
  }



/* Multiselect  */


.custom-multiselect .cuppa-dropdown, .screening-multiselect .cuppa-dropdown {
    border-radius: 5px !important;
    background: #e8e8e7;
}

/* .multi-background .cuppa-dropdown {
    border-radius: 5px !important;
    background: white !important;
} */

.custom-multiselect .selected-item, .screening-multiselect .selected-item {
    background: #e9f4ff;
}

.custom-multiselect .pure-checkbox > label, .screening-multiselect .pure-checkbox > label {
    cursor: pointer !important;
    margin:0 !important;
}


.custom-multiselect .select-all, .screening-multiselect .select-all {
    display: none;
}

.custom-multiselect .dropdown-list, .screening-multiselect .dropdown-list {
    z-index: 99;
}

.custom-multiselect .pure-checkbox input[type=checkbox]+label:before, .screening-multiselect .pure-checkbox input[type=checkbox]+label:before {
    box-sizing: content-box;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border: 1px solid;
    width: 15px;
    height: 15px;
    margin-top: -9px;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 3px;
}

.custom-multiselect .c-input , .screening-multiselect .c-input{
    outline: none !important;
    border: 0 !important;
    background: white !important;
}

.custom-multiselect .c-token, .screening-multiselect .c-token{
    background: #64a6bd !important;
}

.custom-multiselect .c-input:focus, .screening-multiselect .c-input:focus {
    outline: none;
    box-shadow: inset 0 0px 0 transparent !important;
}

.custom-multiselect .c-btn, .screening-multiselect .c-btn {
    font-size: 0.75rem;
}
.custom-multiselect .c-remove, .screening-multiselect .c-remove  {
   display: none;
}

.custom-multiselect .c-btn span:first-child, .screening-multiselect .c-btn span:first-child  {
    margin-right: 20px;
}

.custom-multiselect .lazyContainer .pure-checkbox .lazyContainer {
    display: flex;
    flex-wrap: wrap;
}

.custom-multiselect .lazyContainer .pure-checkbox .lazyContainer span {
    flex: 1 1 50%
}




.screening-multiselect .selected-list .c-angle-down,.screening-multiselect .selected-list .c-angle-up {
    width: 12px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.screening-multiselect .c-btn span:first-child  {
    margin-right: 20px;
    margin-bottom: 8px;
}

.screening-multiselect .cuppa-dropdown {
    height: 30px;
}

.screening-multiselect:focus, .screening-multiselect .cuppa-dropdown:focus, .screening-multiselect .selected-list:focus, .screening-multiselect .c-btn:focus  {
    outline: none;
}

.screening-multiselect .dropdown-list ul li:first-child, .screening-multiselect .dropdown-list ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}



/* Video Popup */



video::-internal-media-controls-download-button {
    display:none;
  }

  video::-webkit-media-controls-enclosure {
    overflow:hidden;
  }

  video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
  }

  video:focus {
    outline: none;
  }

  .videoPopup{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
  }
  .videoPopup .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
  }
  .videoPopup > div {
    /* background-color: #fff; */
    /* box-shadow: 10px 10px 60px #555; */
    display: inline-block;
    height: auto;
    /* max-width: 551px; */
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    /* padding: 15px 5%; */
  }
  .popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 12px;
    line-height: 20px;
    width: 25px;
    height: 25px;
    text-align: center;
  }
  .popupCloseButton:hover {
    background-color: #ccc;
  }
  .trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
  }

  .mg-t-1 {
      margin-top: 1px;
  }

  .visibility-hidden {
      visibility: hidden;
  }


  .visibility-visible {
    visibility: visible;
}