/**************************************************************************

* Copyright (c) 2015 Exaltive Inc.  All Rights Reserved

*

* The copyright to the computer software herein is proprietary and remains

* the property of Exaltive. It may be used and/or copied only with

* the written consent of Exaltive or in accordance with the terms

 * and conditions stipulated in the agreement/contract under which this

 * software has been supplied.

**************************************************************************/


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

@font-face {
    font-family: 'Segoe';
    src: url('../fonts/SegoeUI.eot');
    src: url('../fonts/SegoeUI.eot') format('embedded-opentype'), url('../fonts/SegoeUI.woff') format('woff'), url('../fonts/SegoeUI.ttf') format('truetype'), url('../fonts/SegoeUI.svg#../fonts/SegoeUI') format('svg');
}

/* -----------Added by Abhishek Issue:25950,24480 for fonts that were not supported in devices ---------------*/
@font-face {
    font-family: 'Comic Sans MS';
    src: url('../fonts/ComicSansMS.ttf') format('truetype');
}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia.ttf')format('truetype');
}


@font-face {
    font-family: 'Impact';
    src: url('../fonts/impact.ttf') format('truetype');
}


@font-face {
    font-family: 'Lucida Sans Unicode';
    src: url('../fonts/Lucida Sans Unicode.ttf') format('truetype');
}


@font-face {
    font-family: 'Palatino Linotype' ;
    src: url('../fonts/pala.ttf') format('truetype');
}

/* -----------Added by Abhishek Issue:25950,24480 for fonts that were not supported in devices changes end---------------*/


@font-face {
    font-family: 'Conv_segoepr';
    src: url('../fonts/segoepr.eot');
    src: local('?'), url('../fonts/segoepr.woff') format('woff'), url('../fonts/segoepr.ttf') format('truetype'), url('../fonts/segoepr.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'PWNewArrows';
  src: url('../fonts/PWNewArrows.eot');
  src: url('../fonts/PWNewArrows.eot?#iefix') format('embedded-opentype'),
       url('../fonts/PWNewArrows.woff2') format('woff2'),
       url('../fonts/PWNewArrows.woff') format('woff'),
       url('../fonts/PWNewArrows.ttf') format('truetype'),
       url('../fonts/PWNewArrows.svg#PWNewArrows') format('svg');
  font-weight: normal;
  font-style: normal;
}



.arrowFont{  font-family:PWNewArrows; font-size:72px; font-weight:bold; color:#fff; position:absolute; left:114px; top:12px; transform:rotate(41deg); }

.eleven i.arrowFont{  left:-6px !important; top:92px !important; transform:rotate(178deg); }

.twelve i.arrowFont{  left: -25px !important;
    top: 92px !important;
    transform: rotate(178deg); }


body {
    font-family: Arial, Helvetica, sans-serif;
    color: #191b21;
    font-size: 12px;
    margin: 0px;
    padding: 0px !important;
    background: #434446;
}

div * {
    float: left;
    box-sizing: border-box;
}

input, select {
    height: 33px;
    border: 1px solid #b0b6b8;
    padding: 3px;
    font-size: 12px;
    font-family: arial;
	outline:none;
}

textarea{outline:none;}

    input:-webkit-autofill {
        background-color: rgb(220,220,220) !important;
    }

    input[type="text"]:focus, select:focus, input[type="password"]:focus {
        background-color: #e6eaeb;
    }

ul {
    margin: 0;
    padding: 0px;
}

a {
    text-decoration: none;
}

h1 {
    width: 100%;
    padding: 10px;
    margin: 0;
    font-size: 18px;
    font-family: Segoe;
    font-weight: normal;
    border-bottom: 1px solid #d6d5d5;
}

h2 {
    font-size: 16px;
    font-weight: normal;
    padding: 10px 9px;
    width: 100%;
    font-family: Segoe;
    margin: 0px;
}

.positionreletive {
    position: relative;
}

.padding_left10 {
    padding-left: 10px !important;
}

.padding_left5 {
    padding-left: 5px !important;
}

.margintop5 {
    margin-top: 5px !important;
}

.bordertop {
    border-top: 1px solid #e2e3dd;
}

.mainwrap {
    max-width: 1024px;
    margin: auto;
}

.header {
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px solid #d5d5d5;
    height: 50px;
    background: #eff2f2;
}

.topmenus_wrap {
    height: 35px;
    padding: 13px 0 0;
    width: 45%;
}

.username {
    color: #888b92;
    float: left;
    margin-left: 46px;
    margin-top: -7px;
    font-family: Segoe;
    position: relative;
    width: 100%;
}

    .username i {
        padding-right: 4px;
        color: #b31c1d;
        cursor: pointer;
    }

.nametext {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 1px 31px 0 0;
    margin-left: 41px;
    width: 53%;
}

.username span {
    height: 20px;
    padding: 0 5px;
    position: absolute;
    right: 5px;
    cursor: pointer;
}

.topmenus_wrap span {
    font-size: 18px;
    cursor: pointer;
}

.menuicon {
    width: 72px;
    background-color: #e4e4e6;
    margin-top: -5px;
    height: 50px;
    background-position: 24px -171px;
    cursor: pointer;
    float: left;
    font-size: 18px;
    top: 4px;
    box-sizing: initial;
}

    .menuicon span {
        padding: 10px;
    }

.selectmenu {
   /* background-color: #fafafa;*/
    border: 1px solid #c4c5ca;
    bottom-border: none;
    box-sizing: initial;
}

.footer .helpicon {
    float: right;
    padding-top: 13px;
    width: 140px;
    cursor: pointer;
}

.footerlink {
    width: 150px;
    padding-top: 13px;
    text-align: left;
}

.menulist {
    background: none repeat scroll 0 0 #fafafa;
    display: none;
    border: 1px solid #c4c5ca;
    color: #696d76;
    position: absolute;
    left: 10px;
    top: 36px;
    width: 110px;
    z-index: 2147483647;
}

/*.menulist .uparrow,*/ .actionmenu .uparrow {
    position: absolute;
    top: -7px;
    right: 19px;
    color: #373E44;
    font-size: 18px;
}


.menulist ul a {
    width: 100%;
    list-style: none;
    padding: 10px;
    border-bottom: 1px solid #c9c9c9;
}

    .menulist ul a li {
        color: #696d76;
    }

    .menulist ul a:hover {
        background: #eceaeb;
    }

.topSearchWrap input.save_btn {
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 0;
}

.logo {
    width: 85px;
    height: auto;
    padding: 4px 0px;
}

    .logo img {
        height: auto;
        width: 92%;
        margin-top: 5px;
    }

.contentwrap {
    width: 100%;
    padding: 0;
    margin: 0; /*background:url(../images/bodybg.png) repeat; */
    padding: 0px;
    background-color: #fff;
}


/*.breadcrumb{ width:100%; height:35px; background-color:#fff ; padding-left:10px;}
.breadcrumb ul li { width:auto;display:inline-block; list-style: none; padding:12px 20px 10px 25px; position:relative; font-weight:bold;}

.breadcrumb ul li span{ width:16px; height:16px; padding:5px; color:#5f605e; font-size:15px; position:absolute; left:0px; top:6px;}*/

.footer {
    width: 1024px;
    height: 40px;
    padding: 2px 10px;
    text-align: right;
    position: fixed;
    bottom: 0;
    z-index: 5;
}

    .footer a {
        float: initial;
        padding-left: 5px;
    }
/********** tool box css****************/

.toolbox {
    width: 100%;
    background: #fff /*url(../images/contentbg.png) repeat*/;
}

    .toolbox .tabpanel {
        width: 100%;
        border-top: 1px solid #989998;
    }

        .toolbox .tabpanel .tab {
            width: auto;
            padding: 10px 20px;
            color: #fff;
            background: url(../images/tab_divider.png) repeat-y right;
            font-weight: bold;
            cursor: pointer;
        }

            .toolbox .tabpanel .tab.selected, .toolbox .tabpanel .tab:hover {
                background: #ddd9dd; /* Old browsers */
                background: -moz-linear-gradient(top, #ddd9dd 0%, #ffffff 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd9dd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #ddd9dd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #ddd9dd 0%,#ffffff 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #ddd9dd 0%,#ffffff 100%); /* IE10+ */
                background: linear-gradient(to bottom, #ddd9dd 0%,#ffffff 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd9dd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
            }

    .toolbox .mainvideowrap {
        width: 100%;
        position: relative;
        padding: 10px;
    }

        .toolbox .mainvideowrap .toolwrap {
            width: 62px;
            background-color: #3a3e47;
            padding: 0px;
            height: 449px;
        }

.toolwrap > div {
    padding: 6px 14px;
    width: 62px;
    /*cursor:move !important;*/
}

    .toolwrap > div:hover {
        background-color: #696d76;
        cursor: pointer;
    }

    .toolwrap > div.selected {
        background-color: #696d76;
        cursor: pointer;
    }

.videoplayer-wrap {
    padding: 0;
    width: 708px;
    margin-left: 0px;
}

.videoplayer {
    width: 100%;
    height: 449px;
    margin: 0 2px;
}

.anot {
    width: 214px;
    height: 41px; /*background:url(../images/annot_bg.png) repeat; padding:4px;*/
}

.sprite {
    background-image: url(../images/sprite.png);
    position: absolute;
    background-repeat: no-repeat;
}

.action-btn {
    width: 95px;
    position: absolute;
    right: 0px;
    z-index: 90;
}

.toolsetting_icon {
    background-position: -83px -13px;
    width: 30px;
    height: 33px;
    cursor: pointer;
    background-color: #800808;
    position: static;
}

.save_icon {
    background-position: -11px -8px;
    cursor: pointer;
    height: 33px;
    position: static;
    width: 31px;
}

.delete_icon {
    background-position: -48px -8px;
    cursor: pointer;
    height: 33px;
    position: static;
    width: 32px;
}

.chapter_form {
    width: 373px;
    background: url(../images/form-bg.png) repeat;
    height: 398px;
    display: none;
}

    .chapter_form .chapterName {
        width: 363px;
    }

        .chapter_form .chapterName input {
            width: 153px !important;
        }

    .chapter_form .chaptertime {
        width: 150px;
        margin-left: 5px;
    }

    .chapter_form .addedit {
        background-color: #0f0f0d;
        padding: 2px;
        width: 366px;
    }

    .chapter_form .closeIcon {
        color: #c7cbd4;
        float: right;
        font-size: 16px;
        padding-left: 17px;
        padding-top: 7px;
        width: 30px;
        cursor: pointer;
    }

    .chapter_form .chapter_button_wrap {
        width: 100%;
        padding-left: 17px;
        padding-top: 12px;
        position: relative;
        z-Index: 100;
    }

        .chapter_form .chapter_button_wrap input {
            margin-right: 5px;
            width: 71px;
        }

.chapterCancel_btn{
	color:#c63031 !important;
	cursor:pointer;
	font-weight:bold;
}

.chapterCancel_btn::hover{
	background-color:#cfd2d5;
	border:none;
}

.disable_btn {
    background-color: #a0a0a0 !important;
    color: #808080 !important;
    cursor: default !important;
    pointer-events: none;
    opacity: 0.5;
}

.disable_Accordion {
    background-color: #a0a0a0 !important;
    color: #808080 !important;
    cursor: default !important;
    pointer-events: none;
    opacity: 0.5;
    height: auto !important;
}

.annot_form {
    width: 230px;
    background-color: #c8ccd5;
    height: 449px;
    display: block;
}

.SettingsPanel {
    position: absolute;
    right: 10px;
    top: 10px;
}

.annot_form .scrollDiv {
    width: 100%; /*height:300px;*/
    overflow-y: scroll;
    overflow-x: hidden;
}

.scrollDiv {
    width: 100%;
    max-height: 307px;
    overflow: auto;
}

.annot_form .heading {
    width: 100%;
    font-size: 16px;
    color: #191a1b;
    padding: 10px;
    font-family: Segoe;
}

    .annot_form .heading span.arrow-left {
        font-size: 17px;
        height: 14px;
        margin-left: -20px;
        cursor: pointer;
        width: 14px;
    }

.annot_form .anot-img {
    background: url(../images/annotation_text_img.png) no-repeat 0px 0;
    background-size: cover;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 10px;
    top: 7px;
}

.row {
    width: 100%;
    padding: 5px 10px;
}

.annot_form .row .col, .chapter_form .row .col {
    width: 50%;
    padding: 0;
}

.annot_form .row .col1 {
    width: 45%;
    padding: 0;
}

.annot_form .row .col2 {
    width: 55%;
    padding: 0;
}

.annot_form .row label, .channel label {
    padding: 0px;
    width: 100%;
    color: #616161;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.annot_form .row .label, .previewChannel .label {
    padding: 0px;
    width: 110px;
    color: #616161;
    font-size: 12px;
    font-weight: bold;

    text-align: left;
}

.annot_form .row input[type="text"], .chapter_form .row input[type="text"] {
    height: 30px;
    background: #fff;
    border: 1px solid #a1a1a6;
    color: #434d56;
    padding: 0 5px;
}

.larger {
    width: 300px;
}

.large {
    width: 180px;
}

.med {
    width: 68px;
}

.mid {
    width: 55px;
}

.small {
    width: 28px;
    border: 1px solid #a1a1a6;
    color: #434d56;
    height: 30px;
}

.annot_form input.large {
    width: 206px;
}

.annot_form input.med {
    width: 184px;
}

.formwrap {
    width: 100%;
    float: left;
}

.annot_form .row input[type="checkbox"] {
    margin-left: 0;
    margin-right: 0;
    margin-top: -2px;
}

.annot_form .button_wrap, .chapter_form .button_wrap {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 10px;
    border-top: 1px solid #a2a6af;
    background: #c8ccd5;
}

    .annot_form .button_wrap input, .chapter_form .button_wrap input {
        width: auto;
        min-width: 45px;
        border-radius: 0px;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        margin-left: 12px;
        font-size: 12px;
        font-family: arial, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    }

.annot_form .note {
    font-size: 11px;
  /*  font-style: italic;*/
    padding: 5px 3px;
    color: #8a9296;
}

#settings-note{
	 font-size: 11px;
  /*  font-style: italic;*/
    padding: 5px 3px;
    color: #8a9296;
	width:100%;
	margin-top:12px;
	display:none;
}

.save_btn {
    border: medium none;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

/*upload this while merge*/
.cancel_btn {
    background-color: #e4e9ec;
    cursor: pointer;
    font-weight: bold;
	border: none;
	
}

    .cancel_btn:hover {
        background-color: #cfd2d5;
        border: none;
        color: #555658;
    }

.videoModification {
    position: relative;
    width: 100%;
}

.realVideo {
    left: 76px;
    position: absolute;
    width: 704px;
    /* z-index: 0;*/
    background: #000;
}

.advancedSettings_form {
    display: none;
}

.annot_form .row.opacityText input {
    border-top: 0;
    border-bottom: 0;
}

.sectionBreak {
    width: 100%;
    height: 1px;
    background: #848b91;
    margin: 8px 0;
}

.annot_form .helpicon {
    width: 25px;
    color: #fff;
    font-size: 14px;
    padding: 4px 0 0 8px;
    border: none;
}

.annot_form .oddColorBg:nth-child(even) {
    background-color: #aaa29e;
    width: 100%;
}

.annot_form .oddColorBg: {
    width: 100%;
}

.annot_form .tabwrapper {
    width: 100%; /*border-bottom:4px solid #90939a; position:relative;*/
    background: url( "../images/tab-bg.png")repeat-x 0 -3px;
}

    .annot_form .tabwrapper div {
        width: 50%;
        text-align: center;
        color: #393d46;
        font-family: Segoe;
        font-size: 14px;
        padding: 12px 0;
        cursor: pointer;
    }


.annot_form .row textarea, .annot_form .row select {
    border: 1px solid #a1a1a6;
    background: #fff;
}

.annot_form .row .col4 {
    margin-right: 5px;
    padding: 0;
    width: 38px;
}

    .annot_form .row .col4:last-child {
        margin-right: 0px;
        width: 45px;
    }

        .annot_form .row .col4:last-child .BgTrasperancy {
            width: 34px;
        }


    .annot_form .row .col4 select {
        width: 100%;
    }

.colorpickerBg {
    width: 100%;
    border: 1px solid #a1a1a6;
    height: 30px;
    background: url("../images/font-color.png") no-repeat scroll 1px 5px #fff;
    cursor: pointer;
}

.shapecolorpickerBg {
    width: 37px;
    border: 1px solid #a1a1a6;
    height: 30px;
    background: url("../images/background-colorpicker.png") no-repeat scroll 1px 5px #fff;
    cursor: pointer;
}

.shapecolorpickerBorder {
    background: url("../images/borderColor.png") no-repeat scroll 3px 5px #fff;
    border: 1px solid #a1a1a6;
    cursor: pointer;
    height: 30px;
    width: 35px;
}

.picked_color {
    background: none repeat scroll 0 0 #02baba;
    height: 3px;
    left: 3px;
    position: absolute;
    top: 22px;
    width: 14px;
}

.bg_picked_color {
    background: none repeat scroll 0 0 #828b8a;
    height: 3px;
    left: 3px;
    position: absolute;
    top: 22px;
    width: 14px;
}

#colorselect {
    background: none repeat scroll 0 0 #fff;
    height: 3px;
    left: 4px;
    position: absolute;
    top: 24px;
    width: 14px;
}

#borderColorselect {
    background: none repeat scroll 0 0 #828b8a;
    height: 3px;
    left: 4px;
    position: absolute;
    top: 24px;
    width: 14px;
}

.txtBgColor {
    width: 100%;
    border: 1px solid #a1a1a6;
    height: 30px;
    border-radius: 2px;
    background: url("../images/background-colorpicker.png") no-repeat scroll 1px 5px #fff;
    cursor: pointer;
}

.BgTrasperancy { /* background: url("../images/transBg.png") no-repeat scroll 1px 5px #fff;*/
    background: #fff;
    border: 1px solid #a1a1a6;
    border-left: none;
    cursor: pointer;
    height: 30px;
    width: 43px !important;
}

.fontSize {
    width: 43px;
    border: 1px solid #a1a1a6;
    height: 30px;
    border-radius: 2px;
    border-left: none; /*background: url("../images/font-size.png") no-repeat scroll 1px 5px #fff;*/
    background: #fff;
    cursor: pointer;
}

.fontImg {
    width: 20px;
    padding: 6px 2px;
    border: 1px solid #a1a1a6;
    background-color: #fff;
    border-right: none;
}

.opacityImg {
    width: 20px;
    padding: 6px 2px;
    border: 1px solid #a1a1a6;
    background-color: #fff;
    border-right: none;
}

.BgTrasperancy .dd {
    padding: 1px 0;
    width: 30px !important;
}

    .fontSize .dd .ddTitle .ddTitleText, .BgTrasperancy .dd .ddTitle .ddTitleText {
        padding: 5px 4px 2px 0;
    }

.dd .ddArrow {
    background: url("../images/dropdown-arrow.png") no-repeat scroll -1px 10px #fff !important;
    width: 10px !important;
}

.fontSize .dd .ddChild {
    width: 63px !important;
    left: -20px !important;
}

.BgTrasperancy .dd .ddChild {
    width: 51px !important;
    left: -20px !important;
}

.fontSize .dd {
    padding: 1px 0;
    width: 45px;
}

.txtAlign-box {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #a1a1a6;
    border-radius: 2px;
    color: #444444;
    font-size: 14px;
    height: 30px;
    padding-top: 2px;
    width: 129px;
}

    .txtAlign-box.selected {
        background: none repeat scroll 0 0 #d8dbe2;
        height: 28px;
        margin-top: -2px;
        padding: 6px;
    }

    .txtAlign-box div {
        width: 25px;
        padding: 5px;
        cursor: pointer;
        border-right:1px solid #dcdfe6;
    }
    
     .txtAlign-box div:last-child{ border:none;}

        .txtAlign-box div:hover {
            background: #d8dbe2;
            color: #707173;
        }
/****** slider css********
.opacitySlider{ width:70px;}
.opacitySlider.ui-slider-horizontal{ height:4px; margin-top:12px;}
.opacitySlider.ui-slider-horizontal .ui-slider-handle {
   background: #8e0f11;
    border-radius: 10px;
    margin-left: -0.6em;
    top: -7px;
    width: 15px;
}*/
select {
    background-color: #fff;
   
    height: 30px;
    padding: 4px;
}

select  option{ width:100%;}

.addmore.events {
    color: #fff;
    float: right;
    font-weight: bold;
    cursor: pointer;
    padding-top: 4px;
}

    .addmore.events i {
        margin: 1px 5px;
    }
/**.positionreletive input[type="text"] {
    width: 113px;
}*/

/******** Chapter css**************/
.chapterpanel {
    position: absolute;
    right: 244px;
    top: 10px;
    z-index: 1111;
}

    .chapterpanel .chaptername {
        color: #fff;
        font-weight: bold;
		overflow:hidden;
		text-overflow:ellipsis; white-space: nowrap;
    }
/*.chapter_btn { background-color: #000; border-radius: 0 0 5px 5px; color: #fff; overflow: hidden; padding: 5px; position: absolute; right: 265px; text-align: center; text-overflow: ellipsis; top: 10px; white-space: nowrap; width: 100px;	z-index:98; cursor:pointer; }*/
.chapter_btn {
    background-color: rgba(32, 32, 32, 0.67);
    color: #fff;
    overflow: hidden;
    padding: 12px 6px 6px 14px;
    position: absolute;
    right: 283px;
    text-align: center;
    text-overflow: ellipsis;
    top: 10px;
    white-space: nowrap;
    width: 40px;
    height: 40px;
    z-index: 98;
    cursor: pointer;
    font-size: 17px;
}

.chapterpanel .heading {
    width: 100%;
    padding-left: 15px;
    font-size: 16px;
    color: #fff;
    cursor: auto;
    background-color: rgba(32, 32, 32, 0.67);
    font-family: Segoe;
}

    .chapterpanel .heading span {
        width: 40px;
        background-color: #2e2e2e;
        color: #c1c4cd;
        font-size: 16px;
        padding: 10px;
        float: right;
        cursor: pointer;
    }

.chapterpanel .timespan {
    color: #fff;
    text-align: right;
}

.chapterpanel .chapterrow {
    padding: 12px 15px;
}

    .chapterpanel .chapterrow:hover, .chapterpanel .chapterrow.selected {
        background-color: #777777;
    }

.chapterpanel .actionBtn {
    display: none;
    color: #fff;
    font-size: 14px;
    float: right;
    padding-left: 10px;
}

    .chapterpanel .actionBtn .edit, .chapterpanel .actionBtn .delete {
        padding: 0px 5px;
        cursor: pointer;
    }

.chapterpanel .addmore {
    width: 100%;
    background-color: #1f2326;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    padding-left: 15px;
}

    .chapterpanel .addmore i {
        padding-right: 10px;
        padding-top: 2px;
    }

.chapterpanel textarea {
    width: 100%;
    height: 70px;
    background: #c2c7d2;
    border: none;
    padding: 5px;
    color: #35383f;
}

.chapterpanel .col label {
    color: #fff;
    padding-right: 5px;
    padding-top: 5px;
}

.chapterpanel .heading .chapterIcon {
    cursor: pointer;
    font-size: 17px;
    position: relative;
    top: 9px;
}
/******** History css**************/
.fullWidth {
    width: 100%;
}

.HistoryWarp {
    width: 100%;
    padding: 0 10px;
}

.historybar {
    padding: 12px;
    width: 100%;
    color: #fff;
    height: 37px;
    font-weight: bold;
}

    .historybar span {
        width: 10px;
        padding: 0 10px 0 0;
        font-size: 15px;
        cursor: pointer;
    }

    .historybar .filterdiv {
        float: right;
        height: 33px;
        margin: -10px;
        width: 112px;
    }

        .historybar .filterdiv select {
            width: 100%;
        }

.historygrid {
    display: none;
}

    .historygrid .tableHeading {
        width: 100%;
        color: #302f35;
        font-weight: bold;
        padding: 10px;
        background: #c3c1c6; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzFjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2E3YWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #c3c1c6 0%, #a7a7af 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c1c6), color-stop(100%,#a7a7af)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c3c1c6 0%,#a7a7af 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c3c1c6 0%,#a7a7af 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c3c1c6 0%,#a7a7af 100%); /* IE10+ */
        background: linear-gradient(to bottom, #c3c1c6 0%,#a7a7af 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c1c6', endColorstr='#a7a7af',GradientType=0 ); /* IE6-8 */
    }

    .historygrid table, .historygrid table tr, .historygrid, .historygrid tbody {
        width: 100%;
        text-align: left;
    }

        .historygrid .tableHeading .col2, .historygrid .tablerow .col2 {
            width: 19%;
        }

        .historygrid .tableHeading .col1 {
            width: 17%;
        }

        .historygrid .tablerow .col1 {
            width: 17%;
            margin-left: 11px;
        }

        .historygrid .tableHeading .col_small {
            width: 40px;
        }

        .historygrid .tablerow .col_small {
            width: 22px;
        }

        .historygrid .history-main {
            padding: 10px;
            width: 100%;
        }

        .historygrid .tablerow {
            background: #fff;
            border-bottom: 1px solid #d9d7dc;
            width: 100%;
            padding: 10px;
        }

            .historygrid .tablerow .sprite {
                position: static;
            }


        .historygrid .action_icon {
            font-size: 16px;
            padding: 0 15px;
            border-left: 1px solid #828081;
            cursor: pointer;
        }

            .historygrid .action_icon:first-child {
                padding-left: 0px;
                border-left: none;
            }

        .historygrid .HistoryText {
            background-position: -135px -21px;
            width: 20px;
            height: 20px;
            margin: 3px 6px;
        }

        .historygrid .HistoryImg {
            background-position: -165px -21px;
            width: 20px;
            height: 20px;
            margin: 3px 6px;
        }

        .historygrid .HistoryShap {
            background-position: -237px -21px;
            width: 20px;
            height: 20px;
            margin: 3px 6px;
        }

        .historygrid .Historyweb {
            background-position: -198px -21px;
            width: 20px;
            height: 20px;
            margin: 3px 6px;
        }

        .historygrid .Historypen {
            background-position: -299px -21px;
            width: 20px;
            height: 20px;
            margin: 3px 6px;
        }
        /*Added class for cutvideo*/
        .historygrid .Historycut {
            background-position: -334px -21px;
            width: 24px;
            height: 20px;
            margin: 3px 6px;
        }

        .historygrid .Historyinteractivity {
            background-position: -270px -21px;
            width: 24px;
            height: 20px;
            margin: 3px 6px;
        }



/****************image annotation*********************/
.imagePanelAnot {
    width: 178px;
    height: 113px;
    position: relative;
}

    .imagePanelAnot .imageIcon {
        background: url(../images/annot_image.jpg) no-repeat;
        width: inherit;
        height: inherit;
        background-size: cover;
        z-index: 50;
        position: absolute;
        top: 0;
        left: 0;
    }

    .imagePanelAnot input[type="file"] {
        width: 137px;
        height: 107px;
        z-index: 60;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
    /*.imagePanelAnot .action-btn{ width:33px; position:absolute; right:0; top:0px; margin-top:3px;}*/
    .imagePanelAnot .toolsetting_icon {
        top: 3px !important;
        left: 3px;
    }

    .imagePanelAnot .save_icon {
        top: 42px;
        left: 1px;
    }

    .imagePanelAnot .delete_icon {
        right: 8px;
        top: 77px;
    }

/**************** Shape annotation*********************/
.shapePanelAnot {
    background-color: #3a3e47 !important;
    height: 148px;
    position: absolute;
    top: 184px;
    width: 116px;
    box-shadow: 2px 2px 5px #211F1F;
}

    .shapePanelAnot .shapeBoxwarp {
        width: 117px;
        float: left; /*background:#373839;*/
    }

        .shapePanelAnot .shapeBoxwarp .shapBox {
            width: 50%;
            float: left;
            color: #cecdd4;
            font-size: 31px;
            text-align: center;
            padding: 10px;
            cursor: pointer;
        }

            .shapePanelAnot .shapeBoxwarp .shapBox:hover, .buttonBox:hover, .shapePanelAnot .shapeBoxwarp .shapBoxBig:hover {
                background-color: #696d76;
            }

        .shapePanelAnot .shapeBoxwarp .shapBoxBig {
            width: 100%;
            padding-top: 6px;
            cursor: pointer;
        }

    .shapePanelAnot .action-btn {
        width: 33px;
        right: 0px;
    }

        .shapePanelAnot .action-btn .toolsetting_icon {
            top: -2px;
            left: 5px;
        }

    .shapePanelAnot .save_icon {
        top: 39px;
        left: 3px;
    }

    .shapePanelAnot .delete_icon {
        top: 74px;
        left: 8px;
    }

.buttonBox {
    width: 100%;
    padding: 5px;
}

    .buttonBox div {
        width: 100%;
        border-radius: 5px;
        background-color: #cecdd4;
        padding: 5px;
        color: #2D2C2C;
        text-align: center;
    }






/*********** Home css*******************/
.homeThumb {
    width:;
}

.mainpageHeading {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}

.newVideoCollaps {
    width: 22px;
    background: url(../images/expandband_bg.png) repeat;
    position: absolute;
    left: 0px;
    top: 38px;
    padding: 4px;
    padding-top: 178px;
    cursor: pointer;
}

.newVideoExpand {
    width: 265px;
    background-color: #7C3638;
    background: #fff;
}

    .newVideoExpand .collaps_img {
        background: url(../images/collaps_videopanelImg.png) no-repeat;
        width: 22px;
        height: 220px;
        position: absolute;
        right: 0;
        top: 182px;
        cursor: pointer;
    }

.videothumpWrap {
    width: 100%;
    float: left;
    padding-left: 28px;
    padding-top: 10px;
}

    .videothumpWrap .videoThumbBox {
        width: 300px;
        float: left;
        height: 223px;
        background: #fff;
        padding: 1px;
        margin-left: 15px;
        margin-bottom: 25px;
    }

    .videothumpWrap .videoImg {
        width: 100% !important;
    }

    .videothumpWrap .videoThumbBox .videoImg img {
        width: 100%;
    }

    /*.videothumpWrap .videoThumbBox:nth-child(3n+3) {margin-right:0px;}*/
    .videothumpWrap .videoInfo {
        width: 100%;
        padding: 2px 10px;
        background-color: #dddbde;
        border-top: 1px solid #fff;
    }

        .videothumpWrap .videoInfo .videoTitle {
            font-size: 13px;
            font-weight: bold;
            color: #0e0d0d;
            padding: 0;
            width: 100%;
        }

            .videothumpWrap .videoInfo .videoTitle span {
                font-size: 13px;
                font-weight: bold;
                color: #0e0d0d;
                padding: 5px 0;
                white-space: nowrap;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
            }

    .videothumpWrap .infoCol {
        width: 229px;
        padding: 0 10px 0 0;
        border-right: 1px solid #959595;
    }

    .videothumpWrap .videoDescription {
        width: 100%;
        height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .videothumpWrap .videoDescription span {
            white-space: nowrap;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }



    .videothumpWrap .actionBtn {
        width: 48px;
        padding: 15px 0px 0 27px;
        font-size: 17px;
        cursor: pointer;
    }

.videoHoverBg {
    opacity: 0.7;
    width: 100%;
    position: absolute;
    height: 100%;
}

.videoHoverdiv {
    display: none;
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;

}

.previewWrap .videoHoverdiv {
 
    top: 0;
    width: 202px;
}

    .videoHoverdiv .editicon {
        background-position: -8px -109px;
        position: absolute;
        cursor: pointer;
        height: 73px;
        left: 16px;
        top: 51px;
        text-align: center;
        padding-top: 61px;
        color: #fff;
        font-weight: bold;
        width: 55px;
    }

 .videoHoverdiv .embedicon {
        background-position: -87px -109px;
        position: absolute;
        cursor: pointer;
        height: 68px;
        left: 88px;
        top: 51px;
        text-align: center;
        padding-top: 61px;
        color: #fff;
        font-weight: bold;
        width: 55px;
    }  

 .videoHoverdiv .previewicon {
        background-position: -164px -109px;
        position: absolute;
        cursor: pointer;
        height: 68px;
        left: 158px;
        top: 51px;
        padding-top: 61px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        width: 55px;
    }


 
    .videoHoverdiv .deleteicon {
        background-position: -236px -109px;
        position: absolute;
        cursor: pointer;
        height: 68px;
        left: 231px;
        top: 51px;
        width: 55px;
        padding-top: 61px;
        text-align: center;
        color: #fff;
        font-weight: bold;
    }



.videoHoverdiv .previewicon {
    background-position: -164px -109px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 67px;
    left: 158px;
    padding-top: 61px;
    position: absolute;
    text-align: center;
    top: 51px;
    width: 55px;
}



.videoHoverdiv .settingIcon {
    background-position: -87px -109px;
        position: absolute;
        cursor: pointer;
        height: 68px;
        left: 88px;
        top: 51px;
        text-align: center;
        padding-top: 61px;
        color: #fff;
        font-weight: bold;
        width: 55px;
}

.channelEditorThumpWrap .videoHoverdiv .previewicon, .embedPage .videoHoverdiv .previewicon, .channelViewThumpWrap .videoHoverdiv .previewicon  {
       left: 74px;
   top: 37px;
}


.setting_btn{  position: absolute;
  top: -42px;
  right: 204px;
  width: 40px;
  font-family: Segoe;
  color: #b31c1d !important;
  border: 1px solid #BDBDBD;
  background-color: #F5F5F5;
  cursor: pointer;
  font-weight: bold;
  height: 33px;
  font-size: 18px;
  padding: 8px 11px;
}


.actionmenu {
    background: none repeat scroll 0 0 #fafafa;
    display: none;
    color: #696d76;
    left: -50px;
    position: absolute;
    box-shadow: 1px 1px 3px #595959;
    top: 39px;
    width: 104px;
    z-index: 11;
}

    .actionmenu .uparrow {
        color: #fafafa;
    }

.adminContentWrap .actionmenu .uparrow {
    top: -17px;
}

    .adminContentWrap .actionmenu .uparrow i {
        color: #fafafa !important;
    }

.actionmenu ul li {
    list-style: none;
    border-bottom: 1px solid #d6d5d5;
    padding: 5px;
    font-size: 12px;
    color: #696d76;
    width: 100%;
}

    .actionmenu ul li:hover {
        background-color: #ecebeb;
        cursor: pointer;
    }

    .actionmenu ul li a {
        color: #696d76;
    }

.uploadVideo {
    width: 100%;
    border-bottom: 1px solid #c8c7c5;
    height: 75px;
}

.newVideo_img {
    width: 70px;
    height: 58px;
    font-size: 45px;
    color: #c8c7c5;
    position: absolute;
    top: 16px;
    right: -14px;
    z-index: 222;
}

.upload_btn {
    width: 180px;
    border-radius: 3px;
    color: grey;
    text-align: left;
    position: absolute;
    top: 46px;
    padding: 5px;
    left: 14px;
}

.companyLogo {
    width: 100%;
    height: 63px;
    border-bottom: 1px solid #bcbebc;
    background-color: #FFFFFF;
    padding: 9px 83px;
}

.importVideoWrap {
    width: 100%;
}

.backBtn_wrap, .nextBtn_wrap {
    border: 1px solid #a1a1a6;
    background: #fff;
    color: #424448;
    float: left;
    font-size: 14px;
    height: 30px;
    width: 32px;
}
    /*.nextBtn_wrap .forwardicon{ width:50%; float:left; padding:7px 9px; cursor:pointer;}
.backBtn_wrap .backwardicon{ width:50%; float:left; padding:7px 6px; cursor:pointer;}
.backBtn_wrap .backwardicon{ border-right:1px solid #c1c7d1;}
.nextBtn_wrap .forwardicon{ border-left:1px solid #c1c7d1;}*/
    .backBtn_wrap .backicon, .nextBtn_wrap .nexticon {
        font-size: 19px;
        padding: 6px 11px;
        width: 100%;
        cursor: pointer;
    }

.spinnerDiv {
    background: #fff;
    border-top: 1px solid #a1a1a6;
    border-bottom: 1px solid #a1a1a6;
    color: #424448;
    height: 30px;
    padding: 4px 3px;
    width: 86px;
}

.chapterpanel .spinnerDiv {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #a1a1a6;
    border-top: 1px solid #a1a1a6;
    color: #424448;
    height: 30px;
    padding: 0;
    width: 86px;
}



.opacityText {
    width: 60%;
    padding-left: 0px;
}

.annot_form .row .opacityText input[type="text"] {
    border-top: 0;
    border-bottom: 0;
}

.opacityText .backBtn_wrap, .opacityText .nextBtn_wrap {
    width: 30px;
}

    .opacityText .backBtn_wrap span, .opacityText .nextBtn_wrap span {
        width: 100%;
    }

.annot_form .row input.exSmall, .selectVideoPopup .row input.exSmall {
    background: none;
    width: 18px;
    float: left;
    border: none;
    padding: 1px;
    margin-top: -3px;
    margin-left: 0px;
}

.annot_form .sub_row input.exSmall {
    background: none;
    width: 18px;
    float: left;
    border: none;
    padding: 1px;
    margin-top: -3px;
    margin-left: 0px;
}

.annot_form .row .inputBreak {
    color: #000;
    float: left;
    font-weight: bold;
    padding-top: 4px;
    width: 4px;
}

.annot_form textarea {
    background: none repeat scroll 0 0 #c1c7d1;
    border: 1px solid #434d56;
    width: 100%;
    color: #434d56;
}


/*.textPanelAnot.rightPos .positionreletive {float:right}
.textPanelAnot.rightPos .action-btn {float:left; right: auto;}
.textPanelAnot.leftPos .positionreletive {float:left}
.textPanelAnot.leftPos .action-btn {float:right}

.imagePanelAnot.rightPos .positionreletive {margin-left:33px}
.imagePanelAnot.rightPos .action-btn {float:left; right: auto;}
.imagePanelAnot.leftPos .positionreletive {float:left}
.imagePanelAnot.leftPos .action-btn {float:right}*/

.rightPos .positionreletive {
    float: right;
}

.rightPos .action-btn {
    float: left;
    right: auto;
}

.leftPos .positionreletive {
    float: left;
}

.leftPos .action-btn {
    float: right;
}

.imagePanelAnot.rightPos .positionreletive {
    margin-left: 33px;
    float: left;
}
/*.imagePanelAnot.rightPos .action-btn {float:left; right: auto;}*/


/*********** Login css ****************/
.loginmainWrap {
    width: 303px;
}

.loginWrap {
    width: 100%;
    height: 276px;
    background: #fff;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
    border-radius: 5px;
    z-index: 111;
    padding-top: 26px;
}

    .loginWrap .row {
        width: 100%;
        padding: 7px 25px;
    }

        .loginWrap .row input {
            border: 1px solid #b0b6b8;
            border-radius: 5px;
            box-shadow: 1px 3px 0px 1px #d9dcdd;
            width: 100%;
            padding: 5px;
            font-size: 14px;
            color: #747a79;
        }

        .loginWrap .row span.help {
            border: 1px solid #747a79;
            border-radius: 15px;
            color: #747a79;
            font-size: 17px;
            height: 22px;
            padding: 2px 4px;
            position: absolute;
            right: 31px;
            top: 13px;
            width: 22px;
            cursor: pointer;
        }

    .loginWrap .exaltiveLogo {
        width: 124px;
        padding: 36px 0 0 118px;
    }

    .loginWrap .signText {
        text-align: center;
        font-size: 16px;
        color: #8a9296;
    }

    .loginWrap input.signBtn {
        color: #fff;
        text-align: center;
        box-shadow: none !important;
        font-size: 20px;
        padding: 7px;
        height: 40px;
        border: none;
        cursor: pointer;
    }

    .loginWrap .row input[type="checkbox"] {
        width: 20px;
        padding-right: 10px;
        box-shadow: none !important;
    }

    .loginWrap .row label {
        padding: 13px 4px;
    }

.homeThumbWrap {
    width: 1024px;
    height: 268px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -134px;
    margin-left: -512px;
    display: block;
    /*-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);*/
}

.thumbmargin {
    width: 25%;
    padding: 10px;
}

    .thumbmargin h2 {
        font-size: 17px;
    }

.homeThumb {
    width: 100%;
    height: 243px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 10px;
}

.thumbmargin .comingSoon {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 10px;
}

.homeThumb img {
    cursor: pointer;
    width: 100%;
    height: auto;
}

.loginBg { /* background:url(../images/login_bg_blur.png) no-repeat; 
background-size:cover;*/
    width: 1024px;
    height: 288px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -144px;
    margin-left: -512px;
}

.blureArea {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'effect-blur-1\'><feGaussianBlur stdDeviation=\'3\' /></filter></svg>#effect-blur-1");
}


/*********** popup css ******************/
.popupbg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #252525;
    opacity: 0.5; display:none;
    z-index: 2;
}

.popuUpWrap {
    box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.3);
    padding: 2px;
    z-index: 11;
    background-color: #fff;
}

    .popuUpWrap .row {
        width: 100%;
        padding: 5px 10px;
    }

    .popuUpWrap .popUpHeading {
        width: 100%;
        color: #fff;
        padding: 10px;
        font-weight: bold;
        font-size: 13px;
        background: #3a3e47;
    }

    .popuUpWrap textarea {
        width: 100%;
        height: 166px;
        padding: 5px;
        color: #3e4243;
        border: 1px solid #b0b6b8;
    }

    .popuUpWrap .contentwrap {
        padding: 15px 0 0 0;
    }

    /*********** embed code popup css ******************/
    .popuUpWrap.embedCode {
        width: 423px;
        height: 300px;
    }

        .popuUpWrap.embedCode .button_wrap {
            /* #27800-Apple systems'fix: width:186px;*/
            width: fit-content;
            margin: 0 auto;
            float: none;
        }

    .popuUpWrap .button_wrap .save_btn {
        font-weight: bold;
        color: #fff;
        margin-right: 10px;
        padding: 10px 15px;
        font-family: Arial, sans-serif;
        font-size: 13px;
		min-width:88px;
    }

    .popuUpWrap .button_wrap .cancel_btn {
        font-weight: bold;
        padding: 8px 15px;
        font-family: Arial, sans-serif;
        font-size: 13px;
		min-width:88px;
    }

    .popuUpWrap input {
        border-color: #b0b6b8;
    }

    /*********** Delete video popup css ******************/
    .popuUpWrap.deleteVideo {
        width: 290px;
        height: 150px;
    }

        .popuUpWrap.deleteVideo .note {
            padding-top: 15px;
            font-size: 13px;
        }

        .popuUpWrap.deleteVideo .button_wrap {
            float: none;
            margin: 0 auto;
            padding-top: 12px;
            width: 186px;
        }
        
         .popuUpWrap.linkPopup{ width:356px;}
        
          .popuUpWrap.linkPopup .button_wrap {
            float: none;
            margin: 0 auto;
            padding-top: 12px;
            width:290px;
        }


    /*********** Upload video popup css ******************/
    .popuUpWrap.upLocalVideo {
        width: 400px;
        height: auto;
    }

        .popuUpWrap.upLocalVideo .button_wrap {
            float: none;
            margin: 0 auto;
            padding-top: 12px;
            width: 186px;
        }

        .popuUpWrap.upLocalVideo textarea {
            height: 66px;
        }

        .popuUpWrap.upLocalVideo input[type="text"] {
            width: 100%;
            padding: 5px;
        }

        .popuUpWrap.upLocalVideo input[type="file"] {
            width: 100%;
            padding: 0 5px;
            height: auto;
        }

        .popuUpWrap.upLocalVideo .note {
            padding-top: 4px;
            color: #8a9296;
            font-style: italic;
        }
/*.popuUpWrap.upLocalVideo .uploadIcon{  background: url("../images/upload_video_icon.png") no-repeat scroll 0 0 / 40px auto rgba(0, 0, 0, 0);
    float: left;
    height: 34px;
    left: 11px;
    position: absolute;
    top: 5px;
    width: 100px; }*/



/*********** time css ******************/
.timeOnPlayer {
    width: 61px;
    padding: 5px;
    color: #fff;
    background: #1A1818;
    border: #fff;
    box-shadow: 2px 1px 5px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .timeOnPlayer i {
        bottom: -9px;
        color: #1a1818;
        font-size: 22px;
        left: 24px;
        position: absolute;
    }

.logo_small {
    width: 43px !important;
    height: 43px !important;
    border-right: 1px solid #dddbde;
    border-top: 1px solid #dddbde;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    background: #fff;
    overflow: hidden;
    border-left: 1px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
}

    .logo_small img {
        height: auto;
        margin: 6px;
        width: 30px !important;
    }

.topSearchWrap {
    border-right: 1px solid #ccc;
    margin-right: 10px;
    padding-right: 16px;
    position: absolute;
    right: 89px;
    top: -40px;
    width: 548px;
}

    .topSearchWrap input {

        border-color: #bfc0c4;
        color: #37393d;
        height: 30px !important;
        margin-right: 10px;
        padding: 5px;
        width: 274px;
    }

    .topSearchWrap select {
        background: #fff;
        color: #37393d;
        margin-right: 10px;
        height: 30px !important;
        border-color: #bfc0c4;
    }

/*********** Upload video popup css ******************/
.popuUpWrap.copyVideo {
    width: 400px;
    height: 246px;
}

    .popuUpWrap.copyVideo .button_wrap {
        float: none;
        margin: 0 auto;
        padding-top: 12px;
        width: 186px;
    }

    .popuUpWrap.copyVideo textarea {
        height: 66px;
    }

    .popuUpWrap.copyVideo input[type="text"] {
        width: 100%;
        padding: 5px;
    }

.VideoLength {
    background: none repeat scroll 0 0 #252424;
    bottom: 0px;
    color: #fff;
    font-size: 11px;
    padding: 4px;
    position: absolute;
    right: 0;
}

.Error {
    color: Red;
    padding: 5px 10px 5px 0;
    display: none;
}

.loader {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: White;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    width: 80px;
    z-index: 2222;
}

    
/********* Forgot Pass css ************/
.forgotpass {
    width: 100%;
    background: #fff;
    height: 200px;
    margin-top: 160px;
    padding-left: 176px;
}

    .forgotpass .row {
        width: 100%;
        padding: 5px 20px;
    }

        .forgotpass .row input[type="text"] {
            padding: 5px;
            border: 1px solid #b0b6b8;
        }

        .forgotpass .row input[type="password"] {
            padding: 5px;
            border: 1px solid #b0b6b8;
            width: 295px;
        }
    /*Add by Madhuri*/

    .forgotpass .mainpageHeading {
        margin-bottom: 25px;
    }

    .forgotpass .button_wrap {
        width: 100%;
        padding: 20px;
    }

        .forgotpass .button_wrap input {
            margin-right: 10px;
            color: #fff;
            width: 78px;
        }

.note {
    padding-top: 0px;
    color: #8a9296;
    width: 100%;
    padding-left: 90px;
}


#Settingsnote{
    padding-top: 0px;
    color: #8a9296;
    width: 100%;
    
}

.forgotpass label {
    font-weight: bold;
}

.forgot_img {
    width: 300px;
    height: 200px;
    border-right: 1px solid #d0cfd4;
    padding-left: 41px;
}

.forgotForm {
    width: 519px;
    padding-top: 20px;
}

    .forgotForm .note {
        padding-left: 0px;
        padding-bottom: 20px;
        font-style: normal;
        padding-top: 8px;
    }


/*Add by Madhuri*/
.settinglist {
    background: none repeat scroll 0 0 #373e44;
    display: none;
    color: #fff;
    position: absolute;
    right: 92px;
    top: 36px;
    width: 133px;
    z-index: 100;
}

    .settinglist .uparrow, .actionmenu .uparrow {
        position: absolute;
        top: -7px;
        right: 19px;
        font-size: 18px;
    }

    .settinglist ul li {
        width: 100%;
        list-style: none;
        padding: 10px;
        border-bottom: 1px solid #65686f;
    }

        .settinglist ul li a {
            color: #fff;
        }


.ErrorForgotPassword {
    padding-top: 10px;
    color: Red;
    font-style: normal;
    width: 100%;
}

.videoSetting .textareaLength div {
      color: #9b9ca0;
    padding: 45px 16px 4px 10px;
    width: auto !important;
   
    
}

.videoSetting .rightpanel {
width:736px;}



.topSearchWrap a.searchLink {
    width: 27px;
    position: absolute;
    left: 245px;
    height: 23px;
    border-left: 1px solid #caccd0;
    top: 4px;
    cursor: pointer;
}

.Info {
    font-size: 15px;
    color: #fff;
    padding-left: 5px;
}



.colorPicker {
    position: absolute;
    top: 31px;
    left: 53px;
}

    .colorPicker table {
        margin-top: 20px;
        margin-left: 4px;
    }

.tooltip-test {
    margin-top: -1px;
}

.radio-wrap {
    padding: 0 30px 0 0;
}

.annot_form .help_icon {
    width: 20px;
    float: right;
}


/* doodle */
.penPanelAnot {
    background-color: #3a3e47 !important;
    box-shadow: 2px 2px 5px #211f1f;
    color: #fff;
    height: 150px;
    position: absolute;
    top: 345px;
    width: 83px;
}

    .penPanelAnot .row {
        padding: 1px;
        width: 100%;
    }

        .penPanelAnot .row label {
            padding-top: 6px;
            width: 60px;
        }

.pen {
    border: 2px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    height: 21px;
    margin: 0 9px 2px 5px;
    width: 21px;
}

    .pen img {
        position: absolute;
        right: -3px;
        top: 2px;
        display: none;
    }

    .pen.red {
        background: #ff0000;
    }

    .pen.green {
        background: #04bb19;
    }

    .pen.yellow {
        background: #ffd200;
    }

    .pen.blue {
        background: #1e92d5;
    }

.eraser {
    background: url(../images/eraseIcon.png) no-repeat 2px 3px,url(../images/eraseIcon.cur) no-repeat 2px 3px;
    cursor: pointer;
    top: -4px;
}

.startStop_btn {
    position: absolute;
    color: #fff;
    top: 0;
    left: 398px;
    background: #000;
    padding: 5px;
    display: none;
    z-index: 2;
}

    .startStop_btn input {
        margin: 0 5px;
        color: #fff;
    }

.penPanelAnot input[type="radio"] {
    height: 21px;
}


.buttonIcon {
    background-color: #cecdd4;
    height: 33px;
    text-align: center;
    padding-top: 10px;
    margin: 1px 4px 6px 13px;
    width: 84px;
}

.moveIcon {
    color: #fff;
    font-size: 13px;
    float: right;
}


/*********** common css *************/
.save_btn, cancel_btn, #anot7, #anot5 {
    cursor: pointer;
}

.scrollcontent1-content, #termsContainer, .glossaryPopup .subsection input {
    width: 100%;
}

textarea {
    border: 1px solid #b0b6b8;
    font-family: arial;
    font-size: 12px;
    padding: 5px;
}

/************ Glossary popup ********************/

.glossaryPopup {
    width: 640px;
    height: 398px;
}

    .glossaryPopup .subsection {
        padding: 10px 0;
        width: 100%;
    }

    .glossaryPopup .atoz {
        background-color: #404b5d;
        float: left;
        height: 26px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .glossaryPopup .atoz span.lft-arrow {
            background-color: #212835;
            color: #fff;
            font-size: 22px;
            cursor: pointer;
            height: 25px;
            left: 0;
            padding: 2px 6px;
            position: absolute;
            width: 24px;
            z-index: 222;
        }

        .glossaryPopup .atoz .rgtarrow {
            background-color: #212835;
            color: #fff;
            font-size: 22px;
            cursor: pointer;
            height: 25px;
            padding: 2px 6px;
            position: absolute;
            right: 0;
            width: 24px;
        }

    .glossaryPopup .movable {
        left: 0;
        padding: 0 22px;
        position: absolute;
        width: 825px;
    }

    .glossaryPopup .atoz .alphabet {
        border-left: 1px solid #12151c;
        color: #fff;
        cursor: pointer;
        float: left;
        padding: 5px 10px;
        text-transform: uppercase;
        width: 30px;
    }

    .glossaryPopup .left_panel {
        float: left;
        min-width: 207px;
        width: 44%;
    }

        .glossaryPopup .left_panel .sub_heading {
            background: none repeat scroll 0 0 #d3d3d3;
            font-weight: bold;
            padding: 10px;
            width: 100%;
        }


    .glossaryPopup .right_panel {
        float: right;
        padding: 4px 4px 0 0;
        width: 55%;
    }

    .glossaryPopup .word_row {
        background-color: #eef0f0;
        border-bottom: 1px solid #d3d3d3;
        float: left;
        padding: 9px 9px;
        width: 100%;
    }

        .glossaryPopup .word_row i {
            font-size: 22px;
            margin: 6px 4px 2px 12px;
        }

            .glossaryPopup .word_row i.fa-trash {
                color: #676869;
            }

    .glossaryPopup .glossaryWord {
        background-color: #eef0f0;
        border-bottom: 1px solid #d3d3d3;
        float: left;
        padding: 9px 10px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: normal;
    }

    .glossaryPopup .editIcon {
        cursor: pointer;
        float: right;
        width: 30px;
        height: 30px;
        margin-right: 7px;
    }

    .glossaryPopup .scrollcontent1-content {
        height: 236px;
        overflow-y: scroll;
    }


.popuUpWrap.glossaryPopup .button_wrap {
    width: 186px;
}

/*Add by Madhuri */
.glossaryPopup .close-btn {
    background: url("../../images/interactivity_close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 24px;
    position: absolute;
    right: 167px; /*-7px;*/
    top: 0px; /*-10px;*/
    width: 23px;
    cursor: pointer;
}

/*****************text sub menu*******/
.textMenu {
    background-color: #686d76;
    display: none;
    left: -2px;
    position: absolute;
    top: 0px;
    width: 182px;
    z-index: 98;
    height: 147px;
}

    .textMenu .menuheading {
        font-size: 16px;
        color: #fff;
        padding: 10px;
        border-bottom: 2px solid #9b9fa4;
        width: 100%;
        margin-bottom: 10px;
    }

.textDetails .menuheading {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 10px;
}

.textMenu .menurow, .shapeMenu .menurow {
    width: 100%;
    padding: 8px;
    color: #fff;
    padding-top: 13px;
    cursor: pointer;
}

    .textMenu .menurow:hover, .shapeMenu .menurow:hover, .btnMenu .menurow:hover {
        background-color: #3a3e47;
    }

.previewtxt {
    color: #696d76;
    text-align: center;
    width: 100%;
}

.textMenu .menurow .menutext, .shapeMenu .menurow .menutext {
    padding-left: 10px;
}

.textDetails .menuInfo {
    text-shadow: 1px 1px 1px 4px #000;
    width: 100%;
    margin: 25px auto 0 auto;
    float: none;
    text-align: center;
}

    .textDetails .menuInfo.title {
        font-size: 27px;
        font-weight: bold;
        font-family: Segoe;
		background:#26262e;
    }

    .textDetails .menuInfo.label {
        font-size: 18px;
        font-weight: bold;
		background:#26262e;
    }

    .textDetails .menuInfo.speech {
        background: url("../../images/speech_bubble1.png") no-repeat scroll 16px 26px rgba(0, 0, 0, 0);
        color: #3a3e47;
        font-size: 13px;
        font-weight: normal;
        margin-top: 10px;
        height: 97px;
        padding-left: 10px;
    }

    .textDetails .menuInfo.note {
        font-size: 14px;
        font-weight: normal;
        font-family: Segoe;
        background-color: #26262e;
        text-align: left;
    }


.textDetails {
    display: none;
    width: 182px;
    position: absolute;
    top: 1px;
    left: 180px;
    background-color: #3a3e47;
    padding: 10px;
    height: 146px;
    z-index: 98;
    cursor: pointer;
}

    .textDetails .menuInfo {
        width: 100%;
        color: #fff;
        padding: 10px 15px;
    }

.shapeDetails .menuInfo {
    font-size: 61px;
    color: #fff;
    padding: 22px 51px;
}

.shapeMenu {
    background-color: #686d76;
    display: none;
    left: -2px;
    position: absolute;
    top: 141px;
    width: 137px;
    z-index: 98;
}

.shapeDetails {
    display: none;
    width: 180px;
    position: absolute;
    top: 141px;
    left: 135px;
    background-color: #3a3e47;
    padding: 10px;
    height: 144px;
    z-index: 98;
    cursor: pointer;
}

.btnDetails {
    background-color: #3a3e47;
    display: none;
    height: 111px;
    left: 191px;
    padding: 10px;
    position: absolute;
    top: 245px;
    width: 180px;
    z-index: 98;
    cursor: pointer;
}

.btnMenu {
    background-color: #686d76;
    display: none;
    height: auto;
    left: 75px;
    position: absolute;
    top: 245px;
    width: 117px;
    z-index: 98;
}
/************ INteractivity menu css *****************/
.interactivityMenu {
    background-color: #686d76;
    display: none;
    left: 74px;
    position: absolute;
    top: 157px;
    width: 135px;
    height: auto;
    z-index: 98;
}

    .interactivityMenu .menuheading {
        font-size: 16px;
        color: #fff;
        padding: 10px;
        border-bottom: 2px solid #9b9fa4;
        width: 100%;
        margin-bottom: 10px;
    }

.interactivityDetails .menuheading {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 10px;
}

.interactivityMenu .menurow, .btnMenu .menurow {
    width: 100%;
    padding: 9px 8px;
    color: #fff;
    padding-top: 13px;
    cursor: pointer;
}

    .interactivityMenu .menurow:hover {
        background-color: #3a3e47;
    }

    .interactivityMenu .menurow .QAico {
        background-position: -156px -57px;
        width: 30px;
        height: 30px;
    }

    .interactivityMenu .menurow .studyCardico {
        background-position: -205px -57px;
        width: 30px;
        height: 30px;
    }

    .interactivityMenu .menurow .bulletListico {
        background-position: -260px -57px;
        width: 30px;
        height: 30px;
    }

    .interactivityMenu .menurow .glossaryicon {
        background-position: -314px -57px;
        width: 30px;
        height: 30px;
    }

    .interactivityMenu .menurow .menutext {
        padding-left: 40px;
        width: auto;
        width: 200px;
        height: 30px;
    }

.interactivityDetails {
    background-color: #3a3e47;
    display: none;
    left: 209px;
    padding: 10px;
    position: absolute;
    top: 156px;
    width: 203px;
    height: 148px;
    z-index: 98;
}

    .interactivityDetails .thumbImg {
        padding: 10px 0 10px 10px;
        width: 100%;
    }

    .interactivityDetails .menuInfo {
        width: 100%;
        color: #fff;
        padding: 10px 15px;
    }

/************ insertNewIM css *****************/

.insertNewIM {
    height: 210px;
    width: 375px;
}


.OptionText3 {
    background-color: #fff;
    height: 33px;
    padding: 5px;
    width: 378px;
}

.bottomBtns {
    position: absolute;
    bottom: -17px;
    width: 100%;
}

.insertNewIM.popuUpWrap .note {
    color: #8a9296;
    font-style: italic;
    padding-left: 10px;
    padding-top: 9px;
    width: 171px;
}

.popuUpWrap .closeBtn {
    height: 22px;
    position: absolute;
    right: 7px;
    top: 8px;
    width: 22px;
}

/************** shfulCard css **************/

.shfulCard {
    width: 750px;
    height: 530px;
}

    .shfulCard .col {
        width: 50%;
    }

        .shfulCard .col .imagebrowse {
            height: 234px;
            width: 100%;
            border: 1px solid;
        }

        .shfulCard .col .set-card-image-no {
            border: 1px solid #b3b3b3;
            height: 26px;
            margin-top: 5px;
            width: 100%;
        }

    .shfulCard .set-card-Transaction-part {
        border: 1px solid #cbcbcb;
        margin: 5px 0 0;
        height: 168px;
        overflow-y: scroll;
        width: 100%;
    }

    .shfulCard .set-cardArrow {
        border: 1px solid red;
        height: 438px;
        margin: 10px;
        padding: 10px;
        width: 95%;
    }

    .shfulCard .subHeading {
        background-color: #3a3e47;
        padding: 5px 10px;
        color: #fff;
        width: 100%;
    }

    .shfulCard .cartSetting_Wrap {
        width: 100%;
        padding: 10px 10px;
    }

.textareadiv {
    position: absolute;
    top: 36px;
    left: 212px;
}

.shfulCard .setting-text-title {
    margin: 5px 0 0;
}

.shfulCard .tooltip-test {
    width: 100px !important;
}

.shfulCard input[type="radio"] {
    height: auto;
}

.iFramepos {
    height: 360px;
    width: 100%;
}

.shfulCard .label {
    padding-top: 10px;
    padding-right: 5px;
}

.shfulCard input[type="text"] {
    height: 29px;
}


.shfulCard input[type="image"] {
    height: 22px;
    margin-left: 9px;
    margin-top: 5px;
}

.shfulCard.popuUpWrap .button_wrap {
    bottom: 10px;
    left: 671px;
    margin: auto;
    position: absolute;
    width: 100%;
}

.imagebrowse img {
    height: 234px;
    width: 100%;
}

/*Added by Madhuri*/
.smallbutton {
    cursor: pointer;
    height: 22px;
    margin: 1px;
}

.setting-feld-row {
    margin-top: 10px;
    width: 100%;
}
/*Q&A*/
.assessmentpopup {
    width: 500px;
}

.popuUpWrap.assessmentpopup label {
    width: 100%;
}

.popuUpWrap.assessmentpopup textarea {
    border: 1px solid #b0b6b8;
    color: #3e4243;
    height: 97px;
    padding: 5px;
    width: 315px;
    resize: none;
}

#singleResponseDiv {
    width: 100%;
}

.popuUpWrap.assessmentpopup .row .col {
    width: 50%;
    padding-right: 10px;
}

.popuUpWrap input[type="text"], .popuUpWrap select {
    background-color: #fff;
    padding: 5px;
    height: 33px;
    border-color: #b0b6b8;
}

.popuUpWrap .subheading {
    font-weight: bold;
    font-size: 13px;
}

.popuUpWrap.assessmentpopup .row .col input[type="text"] {
    margin-left: 10px;
}

.add_btn {
    background-color: #800808;
    width: 98px;
    float: right;
    height: 28px;
    color: #fff;
    cursor: pointer;
    border: none;
}

.popuUpWrap.assessmentpopup .row .col img {
    position: absolute;
    right: 60px;
    cursor: pointer;
    top: 6px;
}

.popuUpWrap.assessmentpopup .assessment-btn input {
    width: 25px;
    height: 25px;
    margin: 3px;
}

.popuUpWrap .button_wrap {
    width: 197px;
    margin: auto;
    float: none;
}

    .popuUpWrap .button_wrap input.save_btn {
        height: 33px;
    }

.popuUpWrap .selectedButton {
    background-color: #800808;
    color: #fff;
}

.assessmentpopup .assessment-btn {
    padding: 0 10px;
}


/*********** bulletList popup****************/
.bulletList {
    width: 500px;
    height: 470px;
}

.popcontentwrap {
    width: 100%;
}

.bulletList .subsection {
    width: 100%;
    background: #dee3ec;
    padding: 8px 0;
}

    .bulletList .subsection .label {
        width: 60px;
        font-weight: bold;
    }

    .bulletList .subsection .bullets img {
        border-right: 1px solid #b0b6b8;
        height: 21px;
        padding: 0 10px;
        width: 42px;
    }

    .bulletList .subsection input, .bulletList .subsection select {
        width: 100%;
        background: #fff;
    }

.bulletList .bulletimg {
    width: 22px;
    height: 22px;
    margin: 6px 10px 0 0;
}

.bulletList .inputbox {
    width: 85%;
}

    .bulletList .inputbox input {
        width: 100%;
    }

.bulletList .deleteicon {
    font-size: 22px;
    padding-left: 10px;
    padding-top: 4px;
    color: #676869;
    width: 38px;
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
}

.bulletList .note {
    padding-left: 32px;
}

.bulletList .button_wrap {
    float: none;
    margin: 0 auto;
    padding-top: 12px;
    width: 168px;
}

.addmore {
    width: auto;
    padding-left: 33px;
    font-weight: bold;
    cursor: pointer;
}

    .addmore i {
        font-size: 16px;
        padding-right: 6px;
    }
/******** bullet images*************/


.bulletList .bullet1 {
    background-position: -413px -11px;
    border-right: 1px solid #b0b6b8;
    cursor: pointer;
    float: left;
    height: 30px;
    position: static !important;
    width: 18px;
}

.bulletList .bullet2 {
    background-position: -431px -12px;
    width: 18px;
    height: 22px;
    position: static !important;
    height: 30px;
    width: 30px;
    float: left;
    border-right: 1px solid #b0b6b8;
    cursor: pointer;
}

.bulletList .bullet3 {
    background-position: -455px -12px;
    width: 18px;
    height: 22px;
    position: static !important;
    height: 30px;
    width: 30px;
    float: left;
    border-right: 1px solid #b0b6b8;
    cursor: pointer;
}

.bulletList .bullet4 {
    background-position: -479px -11px;
    width: 18px;
    height: 22px;
    position: static !important;
    height: 30px;
    width: 30px;
    float: left;
    border-right: 1px solid #b0b6b8;
    cursor: pointer;
}

.bulletList .bullet5 {
    background-position: -502px -12px;
    width: 25px;
    height: 22px;
    position: static !important;
}


.popcontentwrap .bullet1, .popcontentwrap .bullet2, .popcontentwrap .bullet3, .popcontentwrap .bullet4, .popcontentwrap .bullet5 {
    width: 20px;
}

.popcontentwrap .bullet2 {
    background-position: -438px -12px;
}

.popcontentwrap .bullet3 {
    background-position: -465px -12px;
}

.popcontentwrap .bullet4 {
    background-position: -490px -12px;
}

.popcontentwrap .bullet5 {
    background-position: -515px -12px;
}



.update_icon {
    background-position: -407px -5px;
    width: 32px;
    position: static;
    cursor: pointer;
    height: 36px;
}


/*Add by Madhuri for Interactivity error Popup */
.ErrorPopup {
    position: relative;
    top: -16px;
    left: 110px;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px 15px;
}

.OKConfirmErrorPopup {
    position: relative;
    top: -14px;
    left: 75px;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px 15px;
}



.cancelErrorPopup {
    margin-left: 5px;
    position: relative;
    top: -14px;
    left: 72px;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 15px;
}

/*Add for Card Shuffle Color Picker*/
.ajax__colorPicker_container * {
    display: block;
}

.ajax__colorPicker_container table td {
    margin: 1px;
    width: 9px;
}

/*Added by madhuri  to have gradient Div on Login Page*/
.gradientDiv {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    cursor: not-allowed !important;
}

/******** annot form lable changes**************/

.vj-font-info {
    width: 306px;
}


.mce-menubtn.mce-fixed-width span {
    width: 38px !important;
}


.mce-listbox button {
    width: 66px !important;
}


.history-scroll {
    min-height: 0;
    max-height: 175px;
    overflow-y: scroll;
}

.advancedSettings_bar {
    cursor: default !important;
}

input.SmalltxtTime {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    border: medium none;
    float: left;
    margin-left: 0;
    margin-top: -2px;
    padding: 4px !important;
    height: 23px;
    width: 23px !important;
}

.popuUpWrap .intBreak {
    color: #000;
    float: left;
    font-weight: bold;
    padding-top: 4px !important;
    width: 4px;
}

.popuUpWrap .spinnerDiv {
    background: none;
    border: 1px solid #c1c7d1;
    color: #434d56;
    height: 30px;
    padding: 4px 3px;
    width: 86px;
}

.popuUpWrap .backBtn_wrap, .popuUpWrap .nextBtn_wrap {
    border: 1px solid #c1c7d1;
    color: #c1c7d1;
    float: left;
    font-size: 14px;
    height: 30px;
    width: 33px;
    color: #000000;
}


.tabbox.selected , .leftTabbox.selected{
    width: 50%;
    float: left;
    height: 44px;
    background: none !important;
    color: #c63031 !important;
}

/******* event css ************/
.annot_form .checkbox-wrap {
    width: 16px;
    padding-right: 22px;
}

    .annot_form .checkbox-wrap input {
        width: 16px;
        padding-right: 5px;
        margin-top: -9px !important;
    }

.mainLabel {
    width: 110px;
    font-weight: bold;
    text-align: left;
}

.eventsection {
    padding: 0 5px 5px 24px;
	
}

#externalJumpDiv{ width:94%;}

.annot_form .radioWrap {
    width: 21px;
    margin-top: -6px;
}

.padding0 {
    padding: 0px !important;
}

.eventsection .nextBtn_wrap, .eventsection .backBtn_wrap {
    width: 28px;
}

/******* video player css over rides********/

.dynmediacontrol {
    background-color: #0d0d0d !important;
    height: 50px !important;
    top: 3px !important;
}



#slider-horizontal {
    margin-left: 0;
    margin-right: 0;
    top: 0px;
    width: 100% !important;
    z-index: 2;
    background: #444444 !important;
    border: none !important;
    border-radius: 0px;
}

.play, .pause {
    cursor: pointer;
    float: left;
    height: 25px;
    text-indent: -999px;
    width: 29px !important;
}

.cutslider {
    background: none repeat scroll 0 0 transparent;
    border-radius: 2px;
    float: left;
    height: 5px;
    left: 0px;
    margin-left: 0px;
    margin-right: 10px;
    position: absolute;
    top: -6px !important; /*changed from 1 to -6 to resolve issue 1252*/
    width: 100% !important;
}

.play {
    background-image: url("../icons/play.png");
    left: 9px !important;
    position: absolute !important;
    top: 15px !important;
    height: 23px !important;
}

.pause {
    background-image: url("../icons/pause.png");
    left: 9px !important;
    position: absolute !important;
    top: 15px !important;
    height: 23px !important;
}

.currenttime {
    color: #ffffff !important;
    float: left;
    font-size: 11px;
    margin-left: 51px !important;
    margin-right: 5px !important;
    margin-top: 15px !important;
    position: absolute;
    top: 4px;
}

#audioslider {
    margin-top: 10px !important;
    left: 167px;
    position: absolute;
    top: 4px;
    z-index: 2;
}

.jspPane {
    left: 0px !important;
}

.leftpanel {
    width: 40%;
    max-width: 275px;
    border-right: 1px solid #bfc1c6;
}

.rightpanel {
    width: 430px;
}

    .rightpanel .row label {
        width: 90px;
        font-weight: bold;
        font-size: 12px;
        text-align: left;
        padding: 8px 0;
    }

    .rightpanel .row .Error {
        padding-left: 103px;
    }

.importVideoWrap a {
    width: 100%;
}

.videoBtn .button_wrap {
    float: left;
  width: 450px;
  margin: 3px 0;
  padding-left: 91px;

}

.videoBtn .save_btn {
    margin-right: 10px;
    min-width: 70px;
}

.videoBtn .cancel_btn {
    min-width: 129px !important;
}

.manageVideo input[type="radio"] {
    height: auto;
    margin: 0 5px 0 0;
    padding: 0;
}
.manageVideo { width:100%;}

.manageVideo label {
    padding-right: 10px;
}

/*#28041:ivan: generic error message in rightpanel */
.manageVideoGenericTextMsg {
    display: none;
    color: red;
    padding-top: 0;
}

.defaultImg {
    width: 100%;
    background: #d1d1d1;
    color: #949295;
    padding: 90px 30px;
    text-align: center;
    height: 200px;
    font-size: 21px;
}

div.upload {
    width: 204px;
    height: 33px;
    background: url("../images/uploadImg.png");
    overflow: hidden;
    
}

div.upload input {
    display: block !important;
    width: 204px !important;
    height: 33px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

.uploadbg {
    background: url("../images/upload-inputbg.png")no-repeat right 1px #fff;
    width: 100%;
    height: 25px;
    z-index: 1;
    padding-top: 30px;
    position: absolute;
    top: 0;
    left: 12px;
    border: 1px solid #b0b6b8;
}


.dd {
    border: none !important;
}

    .dd .ddChild {
        width: 38px !important;
        height: 177px;
    }

    .dd .ddTitle {
        background-color: #fff !important;
        border: none !important;
    }

    .dd .divider {
        display: none !important;
    }

.chapter_form .row input.exSmall {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    padding: 0 2px;
    width: 18px !important;
}

.chapter_form .row .inputBreak {
    color: #000;
    float: left;
    font-weight: bold;
    padding-top: 6px;
    width: 4px;
}

.empty_chapterName {
    border: 2px solid red !important;
}

.editPreview_btns {
    /*background-color: #616161;*/
    bottom: 11px;
    color: #fff;
    position: absolute;
    right: 245px;
    width: 196px;
    z-index: 2147483646;
    height: 30px;
    padding: 1px 0 10px;
}

    .editPreview_btns .selected {
        background: url("../images/tabHoverBg-white.png")no-repeat 4px 18px;
        color: #fff;
    }

    .editPreview_btns .tabBtn {
        cursor: pointer;
        padding: 1px 11px;
        height: 30px;
        width: auto;
    }

.publish_btn {
    position: absolute;
    top: -42px;
    right: 184px;
    width: 100px;
   
}

.SuccessMsg {
    width: 100%;
    border: 1px solid #2DA327;
    background: #E5F2DC;
    color: #2DA327;
    font-size: 12px;
    padding: 10px;
    margin: 30px;
}

    .SuccessMsg i {
        padding: 0 10px;
    }

.rightpanel .uploadbg {
    position: absolute;
    background: none;
    background-color: #fff;
    top: 0;
    left: 105px;
    z-index: 1;
    height: 30px;
    border: 1px solid #b0b6b8;
    color: #b0b6b8;
    padding: 6px 6px;
    cursor: pointer;
    width: 294px;
}

input[type="file"] {
    cursor: pointer;
}

/*Copy of Q&A*/
/*.assessmentpopup{ width:500px;}*/
.assessmentpopup label {
    width: 100%;
}

.assessmentpopup textarea {
    border: 1px solid #b0b6b8;
    color: #3e4243;
    height: 97px;
    padding: 5px;
    width: 315px;
    resize: none;
}

.leftpanel .uploadbg {
    background: url("../images/upload-inputbg.png")no-repeat 250px -1px;
    width: 318px;
    height: 29px;
    z-index: 1;
    /* padding-top: 34px; */
    position: absolute;
    top: 0;
    left: 17px;
    border: 1px solid #b0b6b8;
    padding-top: 8px;
}

#singleResponseDiv {
    width: 100%;
}

.row1 {
    width: 100%;
    padding: 0;
}

    .row1 textarea {
  width: 99%;
  background: #cfd3d2;
  border: none;
  font-size: 16px;
  resize: none;
  color: #505659;
    }

.popuUpWrap input[type="text"], .popuUpWrap select {
    background-color: #fff;
    padding: 5px;
    height: 33px;
    border-color: #b0b6b8;
}

.subheading {
    font-weight: bold;
    font-size: 13px;
}

.assessmentpopup .row .col input[type="text"] {
    margin-left: 10px;
}

.assessmentpopup .row .col img {
    position: absolute;
    right: 60px;
    cursor: pointer;
    top: 6px;
}

.assessmentpopup .assessment-btn input {
    width: 25px;
    height: 25px;
    margin: 3px;
}

.button_wrap {
    width: 186px;
    margin: auto;
    float: none;
}

    .button_wrap input.save_btn, .button_wrap input.cancel_btn {
        height: 33px;
        min-width: 88px;
    }
	



.selectedButton {
    background-color: #800808;
    color: #fff;
}

.assessmentpopup .assessment-btn {
    padding: 0 10px;
}

/******** Q&A css**********/
.qaWrapper {
   display: block;
  border: 3px solid #818181;
  border-radius: 8px;
  width: 480px;
  height: 320px;
  left: 0px;
  position: absolute !important;
  background-color: #e1e1df !important;
  color: #fff;
  top: 0px;
}


.deleteQuest {
    background-color: #d6d8d7 !importnat;
	border: 2px solid #b3b5b4;
    cursor: pointer;
    font-size: 11px;  /*Added by Nikeeta:Defect #27239:QM_230318_V_0.0.1.2 - Interactivity -Q&A - "Delete Question" button UI gets disturbed after adding more than one question :font-size:12px changed to font-size:11px to solve Defect #27239*/
	font-weight:bold;
    height: 32px;
    padding: 6px 8px;
    position: absolute;
    right: 12px;
    bottom: 9px;
    width: 127px;
	text-align:center;
}

.choiceOptions .row1 {
    padding: 5px 0;
}

.choiceOptions .row1 input[type="text"] {
	background: #cfd3d2;
	height: 28px;
	border: none;
	font-size: 16px;
	color: #505659;
}

.choiceOptions .deleteicon {
    background-color: #CFD3D2;
  border-left: 1px solid #EDEDED;
  color: #818688;
  cursor: pointer;
  font-size: 15px;
  height: 28px;
  padding: 7px;
  width: 26px;
}

.add_btn {
    width: 28px;
    height: 28px;
    color: #fff;
    cursor: pointer;
    border: none;
    position: absolute;
    bottom: 10px;
    right: 38px;
    padding: 6px 7px;
    font-size: 16px;
}


 .nextArrow {
    background: none repeat scroll 0 0 #cfd3d2;
    cursor: pointer;
    font-size: 28px;
    height: 40px;
    right: 0;
    padding: 6px 10px;
    position: absolute;
    top: 50%;
    width: 35px;
}

.qaWrapper .backArrow {
    background: none repeat scroll 0 0 #cfd3d2;
    cursor: pointer;
    font-size: 28px;
    height: 40px;
    left: 0;
    padding: 6px 10px;
    position: absolute;
    top: 50%;
    width: 35px;
}

.bottomRow {
    width: 100%;
    position: absolute;
    bottom: 10px;
    padding: 10px;
}

.qaWrapper .noBtn {
    background-color: #d6d8d7 !importnat;
    border: 2px solid #b3b5b4;
    color: #272727;
    font-weight: bold;
    height: 30px;
    margin: 0 2px;
    width: 27px;
    cursor: pointer;
}

.bottomRow .add_btn {
    font-size: 18px;
    background-color: #d6d8d7;
    border: 2px solid #b3b5b4;
    color: #272727;
    margin-left: 2px;
    padding: 2px;
    position: static;
}

.previewWrap {
    display: block;
    border: 1px solid #171715;
    background: #2b2c2e;
    /*width: 480px;*/
    /*height: 320px;*/
    left: 100px;
    position: absolute;
    top: 18px;
}

.qaWrapper .closeIcon {
    color: #c7cbd4;
    float: right;
    font-size: 16px;
    padding-left: 13px;
    padding-top: 12px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-color: #171717;
}

/*********** custom radio buttons css ****************/
.qaWrapper input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.qaWrapper input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 2px;

  background:#737673;
  border:3px solid #fff;
  border-radius:50%;
  line-height  : 30px;
  text-indent:-999px;
  width:6%;
  height:28px;
}


.qaWrapper input[type=radio]:not(old):checked + label{

   background:#84C525;
  border:3px solid #fff;
  box-shadow: inset 1px 1px 4px #000;
}

/*********************************/

.previewChoiceOptions {
    width: 100%;
    padding: 10px 10px 10px 80px;
    font-size: 18px;
}
.ChannelsDetail i{ font-size:20px;}

    .previewChoiceOptions .row1 div {
        padding-top: 8px;
    }

.dropdownArrow {
    color: #000;
    font-size: 14px;
    position: absolute;
    right: 7px;
    top: 8px;
    z-index: 2;
}

.sub_row {
    width: 100%;
    padding: 2px 10px 5px 14px;
}

    .sub_row label {
        padding-top: 8px;
        color: #616161;
    }

.eventsection input[type="text"], .eventsection select {
    background-color: #fff;
    border: 1px solid #a1a1a6;
}

#border-color-picker.colorPicker {
    left: -75px;
    top: 33px;
}


    #border-color-picker.colorPicker img {
        left: 92px !important;
        position: absolute;
        top: -10px;
    }

#borderOption_child {
    height: 158px !important;
    top: 27px !important;
    width: 50px !important;
    border-radius: 0 !important;
}

#shapebgopacity_child {
    top: 27px !important;
}




/* timeline */
#proxysverticalcrollcontainer
{
	position: relative;
    width: 20px; 
	height: 125px; 
	left: -895px; 
	margin-top: -162px; 
	overflow-y: auto;
	border:1px solid transparent;
}

#timelinewrap *
{
	user-select: none;
}
.tableclass {
    //border: 1px solid black !important;
    border-left: 1px solid rgba(185, 185, 185,0.5 );
    border-right: 1px solid rgba(185, 185, 185,0.5 );
    //border-top:1px solid #B9B9B9;
    //border-bottom:1px solid #B9B9B9;
    border-collapse: collapse !important;
}



#maincontainer td {
    width: 100% !important;
}

#maincontainer tbody {
    width: 100% !important;
}

#maincontainer tr {
    width: 100% !important;
}


.rowselect {
    position: relative !important;
    height: 25px !important;
    float: none !important;
    width: 100%;
    border: none;
}

    .rowselect div:first-child {
        border: none !important;
        /*top:5px;*/
        float: none !important;
        width: 100%;
        height: 20px;
        margin-left: -1px;
    }

    .rowselect a.ui-slider-handle {
        background: #3a3e47 url("../images/annotation_text_img.png");
        border: none !important;
        height: 20px;
        width: 20px;
        margin-left: -1px;
        margin-top: 6px !important;
        background-size: 20px 20px !important;
        border-radius: 0px;
        cursor: e-resize;
        z-index: 3;
    }

.rowselect a.dragslider {
	background: transparent;
	border: none !important;
	height: 20px;
	margin-left: 0px;
	width:10px;
	border-radius: 0px;
	cursor:move;
	z-index:4;
}

.rowselect a.ui-slider-handle:last-child{
	background: #8B8E95;
	background-size:3px 23px !important;
	border: none !important;
	height: 20px;
	width:3px;
	margin-left:-3px;
	margin-top: 6px !important;
	border-radius: 0px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

    .rowselect div div:first-child {
        /*background: #912F2C !important;*/
        background: #8B8E95;
        height: 100% !important;
        float: none !important;
        z-index: 2;
    }

    .rowselect .cutvideotext {
        z-index: 1 !important;
    }

.annoteText {
    position: absolute;
    top: 3px;
    border: none;
    float: none !important;
    z-index: 3;
    color: #fff;
	overflow:hidden;
}

.annoteText span {
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	cursor:pointer;
}

#playheadermaincontainer {
    margin-top: -152px;
    height: 163px;
}

#playheader {
    width: 100%;
    border: none;
    left: 16px;
    background: transparent;
}

    #playheader div:first-child {
        display: none;
    }

#playheader a{
	width:22px;
	background:url(../images/playheader.png);
	z-index:1;
	margin-left:-22px;
	border:none;
	margin-top:5px;
}

#playheader a:last-child{
	width:3px;
	background:red;
	z-index:2;
	margin-left:-12px;
}

#playheaderbottom {
	position:absolute;
	height:27px;
	width:26px;
	background:url(../images/playheader-bottom.png);
	bottom:-27px;
}

.timelinebar .filterdiv {
    float: right;
    height: 33px;
    margin: -10px;
    width: 112px;
}

.interimDiv {
    width: 50%;
    border-right: 1px solid rgba(185, 185, 185,0.5 ) !important;
    margin-top: -1px;
}

.simpleToolTip {
    position: absolute;
    height: 33px;
    width: 200px;
    border-radius: 4px;
    background: #EFF2F2;
    left: 0px;
    top: 0px;
    z-index: 2147483646;
    display: none;
    border: 1px solid #A9AEAE;
    box-shadow: 1px 1px 8px #A9AEAE;
}


#zoomslider a {
    left: 0%;
    top: -8px;
    border-radius: 10px;
    background: #8B8E95;
    border: 1px solid #fff;
    -webkit-box-shadow: 10px 10px 19px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 19px -9px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 19px -9px rgba(0,0,0,0.75);
}


#zoomslider {
    width: 100px;
    height: 4px;
    background: grey;
    margin-top: 11px;
}

.zoomIcon {
    width: 26px;
    color: grey;
    font-size: 16px;
    float: right;
    padding-top: 5px;
    padding-left: 8px;
    cursor: pointer;
}

.rotatetext {
    position: relative;
    width: 80px;
    height: 25px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    font-size: 12px;
    font-weight: bold;
    color: rgb(77, 81, 90);
    margin-top: -115px;
    margin-left: -945px;
}

.cutvideotimelineimage {
    position: absolute;
    background: url("../images/annotation_cut_img.png") !important;
    background-size: 25px 25px !important;
}

/* to remove the outline which appears onclick  of  element when viwed on chrome */
*:focus {
    outline: none;
}

.qusAddBtn {
    width: 30px;
	height:30px;
    float: left;
	border:2px solid #b3b5b4;
	background-color:#d6d8d7;
	color:#c63031;
	margin-left: 2px;
}

.bottomRow {
    width: auto;
    float: left;
    position: absolute;
    bottom: 10px;
    padding: 10px;
}

.qaWrapper .numberWrapper {
    width: 100%;
}

.WrapperStartEnd {
    width: 100%;
    background-color: #b8bbc4;
    padding-bottom: 10px;
}

    .WrapperStartEnd .closeIcon {
        background-position: -401px -15px;
        float: right;
        height: 20px;
        right: 0px;
        width: 20px;
        cursor: pointer;
    }

.cutStartTime {
    width: 50%;
    font-weight: bold;
    color: #424448;
}

.cutduration {
    width: 50%;
    font-weight: normal;
    color: #696d76;
}

#cutVideoMainDiv .row {
    padding: 7px 14px;
}

.cutrow:hover {
    background-color: rgb(184, 187, 196);
    cursor: pointer;
}

/********* Button style css******/
.pillowBtn {
    border-radius: 8px;
    border: 3px solid;
    -webkit-box-shadow: 1px 1px 4px 1px #212324;
    box-shadow: 1px 1px 4px 1px #212324;
    color: #fff;
}

    /*.pillowBtn div {
        box-shadow: 1px 1px 4px 1px #212324;
    }*/


.stoneBtn {
    border-radius: 0px;
    border: 3px solid;
    -webkit-box-shadow: 1px 1px 4px 1px #212324;
    box-shadow: 1px 1px 4px 1px #212324;
    color: #fff;
}

   /* .stoneBtn div {
        box-shadow: 1px 1px 4px 1px #212324;
    }*/


.candyCircleBtn {
    color: #fff;
    box-shadow:1px 1px 3px 1px rgba(44, 44, 44, 0.5);
	-webkit-box-shadow:1px 1px 3px 1px rgba(44, 44, 44, 0.5);
    border: 6px solid;
    border-radius: 50%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}

    .candyCircleBtn div {
        /*box-shadow:inset 1px 1px 1px 3px rgba(0,0,0,0.4);*/
        border-radius: 50%;
    }



.exampleBox {
    color: #9b9ca0;
    height: 81px;
    padding: 5px !important;
    position: absolute;
    right: 222px;
    width: 126px !important;
}

.popuUpWrap .closeIcon {
    background-color: rgba(0,0,0, 0.3);
    background-position: -391px -13px;
    height: 34px;
    position: absolute;
    right: 2px;
    top: 3px;
    width: 35px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    padding: 11px 12px;
}



.dd .ddChild {
    top: 30px !important;
    width: 40px !important;
    overflow: hidden !important;
}


#settingBtn input[type="button"] {
    width: 60px;
	min-width: 60px;
}

.pauseVideoLabel {
    color: #616161;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 0 5px 5px;
    text-align: left;
    width: auto;
}


.shadowVideoLabel {
    color: #616161;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 0 5px 5px;
    text-align: left;
    width: auto;
    margin-top: 7px;
}

input[type="radio"] {
    height: 19px;
    margin: 3px 0;
}

.annot_form .uploadbg input[type="file"] {
    width: 131px !important;
}



.removeReveal {
    position: absolute;
    right: -4px;
    top: 7px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #7C7C7C;
    font-size: 18px;
	display:none;
}

#addrevealbutton {
    /*height:30px; padding:8px 3px;*/
    margin-left: 92px;
    cursor: pointer;
    text-decoration: underline;
}

    #addrevealbutton .addBtn {
        padding: 2px 5px;
    }

.numberwrapper {
    width: 90%;
    /* border: 1px solid red; */
    min-width: 40px;
    height: 64%;
    min-height: 10px;
    left: 10px;
    top: 15%;
}

.slidenumbers {
    height: 25px;
    min-width: 10px;
    /*position: absolute;*/
    z-index: 2;
    width: 25px;
    background-color: #7d818a !important;
    font-weight: bold;
    margin-right: 4px;
}

    .slidenumbers input {
        background: none;
        color: #fff !important;
        border: none;
        padding: 2px 6px;
    }

.slideShowWrpper {
    text-align: left;
    height: inherit;
    width: inherit;
    overflow: hidden;
    position: absolute;
    background-color: #2b2c2d; /* border: 1px solid #171717;*/
    color: #fff;
}


    .slideShowWrpper .paginationWrapper {
        height: 14%;
        width: 97%;
        position: absolute;
        bottom: 6px;
        left: 5px;
        background: rgba(24, 24, 24, 0.58);
        display: none;
    }


    .slideShowWrpper .mainImage {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        /*border:5px solid #EDEDED;*/
        box-shadow: 2px 2px 2px #000;
        background-size: contain;
        -webkit-background-size: contain;
        background-repeat: no-repeat;
    }

        .slideShowWrpper .mainImage img {
            height: inherit;
            width: inherit;
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
        }

.uploadimg {
    width: 100%;
    font-size: 12px;
    position: absolute;
    background: url(../images/uploadPhoto.png) no-repeat 37% 50%;
    color: #fff;
    /* padding: 10px; */
    height: 100%;
    /* bottom: -5%; */
    background-size: 70% auto;
}

    .uploadimg i {
        margin-right: 5px;
    }

.sucessMsg {
    width: 50%;
    float: right;
    text-align: right;
    padding-right: 2%;
    padding-top: 2%;
    color: rgb(160, 247, 110);
}

.slideShowWrpper input[type="file"] {
    border: none;
    width: 100%;
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 0;
}

#imageuploadSettingsPage{
    border: none;
    width: 100%;
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 0;
}

.cornerFileUpload {
    width: 14%;
    height: 15%;
    max-width: 64px;
    bottom: 5px;
    position: absolute;
    right: 5px;
    /* border-left: 1px solid rgb(139, 139, 139); */
    z-index: 1;
    /* background: rgba(55, 55, 55, 0.59); */
    cursor: pointer;
}

#CustomizedThumbnailIImage .cornerFileUpload{
	background: rgba(55, 55, 55, 0.59);
	bottom: 0px;
	right: 0px;
}

.slideShowWrpper .nextArrow {
    background-color: rgba(32, 32, 33, 0.2);
    padding: 8px 16px;
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 42%;
    z-index: 2;
    width: 35px;
    height: 40px;
    font-size: 28px;
}

.slideShowWrpper .backArrow {
    background-color: rgba(32, 32, 33, 0.2);
    padding: 8px 16px;
    position: absolute;
    cursor: pointer;
    left: 5px;
    top: 42%;
    z-index: 2;
    width: 35px;
    height: 40px;
    font-size: 28px;
}

.SelectedImage {
    background-color: #b31c1d !important;
}

.NavigationControl {
    width: 100%;
    height: 100%;
    font-size: 15px;
    text-align: center;
    top: 22%;
    position: absolute;
}

.slidenumbers.previous, .slidenumbers.next {
    font-size: 22px;
    padding: 2px 9px;
    cursor: pointer;
}

.slidenumbers.disable_btn {
    color: #fff !important;
}

#assessmentTypeWrapper .radio-wrap label {
    padding-left: 6px;
}

.txt-colorPicker, .bg-colorPicker {
    background: none repeat scroll 0 0 white;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    display: none;
    height: 120px;
    left: -68px;
    position: absolute;
    top: 31px;
    width: 197px;
    z-index: 1;
}



.topFilter {
    width: auto;
    margin-right: 10px;
}

    .topFilter .ddcommon .ddTitle {
        border: 1px solid #bfc0c4 !important;
        border-radius: 0;
        display: inline-block;
        height: 30px;
        padding: 0;
        position: relative;
        width: 100%;
        color: #37393d;
    }

    .topFilter .dd .ddChild {
        width: 138px !important;
        height: auto !important;
    }

.slideshowError {
    width: 100%;
    position: absolute;
    padding: 12px;
    font-size: 12px;
    top: 42%;
    text-align: center;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
    background: rgba(0, 0, 0, 0.9);
    
}


#VideoImagePanel #ImageUploadError{
  width: 100%;
  position: absolute;
  /* padding: 12px; */
  font-size: 12px;
  left: 0;
  top: 0;
  text-align: center;
  display: none;
  background: #F7D9D8;
  color:#FF0000;
  height: 100%;
  padding-top: calc(50% - 50px);
}

.cutClosePanel {
    background-color: rgb(184, 187, 196);
    color: grey;
    cursor: pointer;
    display: none;
    float: right;
    font-size: 18px;
    padding: 11px;
    width: 35px;
}

.filenamespan {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    word-wrap: break-word;
    cursor: pointer;
}

.timline_left_slider_span
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 23px;
	width: 3px;
	background:url(../images/start-end-cursor.png);
	background-repeat:no-repeat;
	display: none;
}
/*madhuri++*/
.loading {background: url(../images/loader.gif) no-repeat -1px -1px rgba(0, 0, 0, 0.57);
    border-radius: 50%;
    height: 68px;
    width: 68px;
    z-index: 2147483647;
}

  
/*
.annote *
{
 float:none;
}
*/

#BackgoundImageFileUpload::-webkit-file-upload-button {
    visibility: hidden;
}

#BackgoundImageFileUpload::before {
    cursor: pointer;
    background: red;
}

.disabled_textbox {
    background-color: #F0F0F0;
}

.scrollChapterDiv {
    width: 100%;
    height: auto !important;
    max-height: 260px;
    overflow: auto;
}


.jspContainer {
    height: auto !important;
    max-height: 260px;
}

.addNewLine {
    white-space: pre-line;
}

    .addNewLine * {
        float: none;
    }

#fadespeedWrapper input[type="radio"] {
    height: 14px;
    margin: 0;
}

/********Help Page*********/
.bg {
    width: 1051px;
    height: 768px;
    margin: 0 auto;
    background: url(../images/bg.jpg) no-repeat;
    position: relative;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(14,13,13,0.6);
    z-index: 5;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
}

.popup {
    background: none repeat scroll 0 0 #f1f1f1;
    left: 25%;
    position: absolute;
    top: 32%;
    width: 473px;
    z-index: 100;
    padding: 16px 20px;
}

.popup-title {
    color: #c53030;
    font-family: 'Conv_segoepr',Sans-Serif;
    font-size: 22px;
}

.popup .message {
    border-bottom: solid 1px #d7d7d7;
    margin-bottom: 20px;
}

    .popup .message p {
        color: #636161;
        font-family: 'Conv_segoepr',Sans-Serif;
        font-size: 16px;
        margin: 0;
        font-weight: normal;
        margin-bottom: 20px;
        line-height: 22px;
    }

.popup .pager {
    float: none;
    width: 139px;
    margin: 0 auto;
}

.popup .prev {
    width: 30px;
    height: 30px;
    background: #f7fcf1;
    border: solid 1px #9cdd83;
    margin-right: 7px;
}

.popup .next {
    width: 30px;
    height: 30px;
    background: #f7fcf1;
    border: solid 1px #9cdd83;
    margin-left: 7px;
}

.popup .pager .fa {
    color: #3c901c;
    padding: 9px;
    cursor: pointer;
}

.popup .page-number {
    width: 65px;
    height: 30px;
    background: #d9dbd8;
    margin: 0 auto;
    line-height: 30px;
    font-size: 17px;
    font-family: arial;
    text-align: center;
    color: #636161;
}

.popup .close {
    position: absolute;
    color: #c53030;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.popup .close:hover{ color"#912f28"}

.num-bg {
    width: 32px;
    height: 32px;
    background: #f7fcf1;
 
    line-height: 32px;
    font-size: 15px;
    font-family: 'Segoe';
    text-align: center;
    color: #3c901c;
    -webkit-box-shadow: 2px 2px 3px #000;
    -moz-box-shadow: 2px 2px 3px #000;
    -o-box-shadow: 2px 2px 3px #000;
    box-shadow: 2px 2px 3px #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.num-bg span{ width:100%; text-align:center;}

.one {
    position: absolute;
    top: 45px;
    left: 4px;
    z-index: 99;
    cursor: pointer;
	display:none;
}

.num-bg.one{ background:url(../images/help/textAnnot.png) no-repeat;display:none; }
.num-bg.two{ background:url(../images/help/imageAnnot.png) no-repeat; display:none; }
.num-bg.three{ background:url(../images/help/webobjectAnnot.png) no-repeat; display:none;}

.num-bg.four{ background:url(../images/help/shapeAnnot.png) no-repeat;display:none;  }
.num-bg.five{ background:url(../images/help/interactivityAnnot.png) no-repeat;display:none;}
.num-bg.six{ background:url(../images/help/buttonAnnot.png) no-repeat;display:none; }

.num-bg.seven{ background:url(../images/help/skipAnnot.png) no-repeat; display:none; }
.num-bg.eight{ background:url(../images/help/loopbackAnnot.png) no-repeat;display:none;}
.num-bg.nine{ background:url(../images/help/copyAnnot.png) no-repeat; display:none;}

.num-bg.ten{ background:url(../images/help/timelineAnnot.png) no-repeat;display:none; }
.num-bg.eleven{ background:url(../images/help/publish.png) no-repeat;display:none; }
.num-bg.twelve{ background:url(../images/help/settings.png) no-repeat; display:none; }

.num-bg span{  position:inherit; left:59px; top:20px; height:40px; width:40px; border:2px solid #2f7807; background:#fff; border-radius:50%; }

.two {
    position: absolute;
    top: 13.5%;
    left:5px;
    z-index: 99;
    cursor: pointer;
}

.three {
    position: absolute;
    top: 18.5%;
    left: 5px;
    z-index: 99;
    cursor: pointer;
}

.four {
    position: absolute;
    top: 24.7%;
    left: 5px;
    z-index: 99;
    cursor: pointer;
}

.five {
    position: absolute;
    top: 30.3%;
    left:5px;
    z-index: 99;
    cursor: pointer;
}

.six {
    position: absolute;
    top: 37.5%;
    left:5px;
    z-index: 99;
    cursor: pointer;
}

.seven {
    position: absolute;
    top: 42.5%;
    left: 5px;
    z-index: 99;
    cursor: pointer;
}

.eight {
    position: absolute;
    top: 49.2%;
    left: 5px;
    z-index: 99;
    cursor: pointer;
}

.nine {
    position: absolute;
    top: 55.4%;
    left:5px;
    z-index: 99;
    cursor: pointer;
}

.ten {
    position: absolute;
    bottom: 110px;
    left:7px;
    z-index: 99;
    cursor: pointer;
}

.eleven {
    position: absolute;
    top: 11px;
    left: 715px;
    z-index: 99;
    cursor: pointer;
	display:none;
}

.twelve {
    position: absolute;
    top: 12px;
    left: 813px;
    z-index: 99;
    cursor: pointer;
	display:none;
}


.flipFontBT{
transform: scaleY(-1) rotate(62deg);

}

.one i{transform: rotate(62deg);}



.designhelp {
    z-index: 2147483647;
    position: absolute;
    top: 0px;
    display: none;
}

.help_btn {
    position: absolute;
    top: -42px;
    right:97px;
    width: 75px;

    color: #b31c1d !important;
    border: 1px solid #BDBDBD;
    background-color: #F5F5F5;
    cursor: pointer;
    font-weight: bold;
}

    .help_btn:hover {
        background-color: #DADADA;
    }

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.termerror {
    display: none;
    color: red;
    margin-left: 56px;
}
/****** login CSS *****/
.registerwrap {
    width: 1050px;
    height: auto;
    min-height: 100%;
    position: absolute;
    float: none;
    background: #dcdfe6 url(../images/bg-img.jpg) no-repeat right bottom;
}

.registercheck {
    margin: 0 !important;
}

    .registercheck input[type="checkbox"] {
        margin-top: 10px !important;
    }

.cf {
    clear: both;
}

.registerbox {
    width: 398px;
    float: left;
    margin-left: 73px;
    position: relative;
}

    .registerbox h1, .registerbox h3 {
        padding: 0;
        margin: 30px 0 17px 0;
        color: #261e23;
        font-family: Arial,Helvetica,sans-serif;
        border-bottom: none;
		
    }

    .registerbox h3 {
        margin: 0;
        font-size: 15px;
    }

.register {
    width: 400px;
    background: #ffffff;
    border: 1px solid #b9bec1;
    height: auto;
    margin-bottom: 50px;
}

form {
    width: 100%;
}

.padbox, .registerwithsn {
    padding: 20px;
    width: 100%;
    border-bottom: 1px solid #bcbfc8;
    position: relative;
}

.registerwithsn {
    border-bottom: none;
}

    .registerwithsn img {
        margin: 10px 5px 0 0;
    }

.padbox .or {
    background: #fff;
    border: 3px solid #c2c2c2;
    border-radius: 50%;
    bottom: -20px;
    color: #959597;
    height: 38px;
    left: 177px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    width: 38px;
}

.inputs {
    width: 100%;
    margin-bottom: 10px;
}

    .inputs i {
        color: #929093;
        float: left;
        font-size: 22px;
        padding: 4px 20px 0 0;
    }

    .inputs span {
        color: #a3a3a3;
        float: right;
        font-size: 11px;
        padding: 0 6px 0 0;
    }

    .inputs input[type='text'], .inputs input[type='password'] {
        float: left;
        padding: 5px;
        width: 88%;
    }

    .inputs input[type='checkbox'] {
        height: 11px;
        margin: 1px 10px 0 38px;
    }

    .inputs p {
        color: #8a8889;
        padding: 10px 0 8px 0;
        margin: 0;
    }

        .inputs p span {
            font-size: 12px;
            color: #c4302e;
        }

    .inputs button, .inputs #RegisterButton, .inputs #btnSignIn {
        background: none repeat scroll 0 0 #c63031;
        border: medium none;
        border-radius: 3px;
        color: #ffffff;
        float: right;
        font-size: 18px;
        margin-right: 6px;
        padding: 6px;
        width: 88%;
        cursor: pointer;
    }

        .inputs #RegisterButton:hover, .inputs #btnSignIn:hover {
            background-color: #b31c1d;
        }

.loginmsg {
    background: none repeat scroll 0 0 #e6e7e9;
    bottom: 0;
    color: #737476;
    height: 43px;
    line-height: 43px;
    position: relative;
    text-align: center;
    width: 100%;
}

    .loginmsg span {
        font-size: 12px;
        color: #c4302e;
        float: none;
    }

.loginMessageError {
    padding: 15px 10px;
    background: rgb(255, 249, 249);
    border-bottom: 1px solid rgb(198, 48, 49);
    color: rgb(198, 48, 49);
}

.tagline {
    position: absolute;
    top: 31px;
    right: -475px;
    width: 400px;
	color:#c63031;
}

    .tagline h1 {
      font-family: Segoe;
    font-size: 53px;
    text-shadow: 1px 2px 1px #fff;
	margin-top:-15px;
	color:#c63031;
	
    }

    .tagline span {
        color: #000;
        font-size: 20px;
		 text-shadow: 1px 1px 0 #fff;
    }

.registerwrap .footer {
    position: inherit !important;
}

.fa.fa-at {
    padding-right: 18px;
}
/****** MY CSS *****/

/*Skip video annotation tooltip CSS*/
.ui-tooltip {
    z-index: 2147483646;
}

.MessageError {
    padding: 10px 10px;
    background: rgb(255, 249, 249);
    border: 1px solid rgb(198, 48, 49);
    color: rgb(198, 48, 49);
    font-size: 17px;
    width: 80%;
    position: absolute;
    left: 170px;
    top: 12px;
    border-radius: 4px;
}


.MessageSucess {
    padding: 14px 9px;
    width: 47.5%;
    position: absolute;
    left: 278px;
    top: 12px;
    background: rgb(245, 253, 242);
    border: 1px solid rgb(75, 198, 48);
    color: rgb(42, 166, 63);
    font-size: 17px;
    border-radius: 4px;
}

#UserActivationSuccessPanel {
    width: 50.5% !important; 
}
    .MessageSucess span {
        padding: 5px 0 0 10px;
    }

/*************** View video css ***********************/
.viewVideo {
    height: auto !important;
}

    .viewVideo h1 {
        color: #323232;
        font-size: 20px;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        border: none;
    }

        .viewVideo h1 .username {
            color: #939393;
            float: none;
            font-size: 13px;
            margin: 0;
        }

.socialLogo {
    height: 35px;
    margin: 3px;
    padding: 3px 4px;
    width: 40px;
    cursor: pointer;
}

.viewVideo .section {
    padding: 0 0 0 10px;
    width: 100%;
}

    .viewVideo .section h2 {
        padding-left: 0;
        padding-top: 0;
    }
/********* Video annot css ***********/
.selectVideoPopup {
    width: 665px;
    margin: auto;
    float: none;
    z-index: 1;
    background: #fff;
    overflow: visible;
    height: 659px;
}

    .selectVideoPopup .companyLogo {
        border-left: none;
        border-right: none;
        border-bottom: none;
        margin: 0;
        padding: 10px 0;
        cursor: pointer;
        background: none;
    }

.locallibrary {
    border-bottom: 1px solid #C3C2C2;
    width: 100%;
    cursor: pointer;
}

    .locallibrary:hover, .selectVideoPopup .companyLogo:hover, .selected {
        background: #e1e3e9;
    }

.selectVideoPopup .leftpanel {
    height: 600px;
    width: 70px;
    background-color: #eceef2;
}

    .selectVideoPopup .leftpanel h2 {
        padding: 16px 9px;
    }

.selectVideoPopup .rightpanel {
    padding: 10px;
    width: 88%;
    position: absolute;
    left: 0px;
    top: 39px;
    margin-left: 78px;
    z-index: 5;
}
    /*W-555px*/
    .selectVideoPopup .rightpanel h2 {
        padding-left: 0;
        padding-top: 0;
    }

.selectVideoPopup .videoSample {
    height: 239px;
    left: 290px;
    top: 86px;
    width: 100%;
    background-image: url("../images/video-default-bg.png");
    background-size: 100% 100%;
}

    .selectVideoPopup .videoSample img {
        width: 100%;
        height: auto;
    }

.selectVideoPopup .spinnerDiv {
    width: 90px;
}

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

.selectVideoPopup .row input.exSmall {
    margin-top: -5px;
}

.selectVideoPopup .row {
    padding: 15px 0 0;
}

.selectVideoPopup .rightpanel .timeCol {
    width:45%;
}

.selectVideoPopup .rightpanel .videoImg {
    cursor: pointer;
}

.selectVideoPopup .col3 {
    width: 33%;
    padding: 5px;
    cursor: pointer;
}

    .selectVideoPopup .col3 img {
        width: 100%;
        height: auto;
    }

.selectVideoPopup .closeIcon i {
    color: #fff;
    font-size: 16px;
    padding: 0px 1px;
}

.selectVideoPopup .rightpanel .timeCol label {
    width: auto;
    padding: 8px;
}

.selectVideoPopup .scrollDiv {
    height: 190px;
    overflow-y: scroll;
}

.selectVideoPopup .cancel_btn {
    padding: 7px 15px !important;
}

.selectVideoPopup .save_btn {
    height: 32px !important;
    font-size: 13px !important;
}

.selectVideoPopup .rightpanel .videothumpWrap {
    padding-left: 0px;
}

.selectVideoPopup .companyLogo.selected {
    background: #fff;
    border-right: 1px solid #fff;
    width: 70px;
}

.addVideoBtn {
    background: none repeat scroll 0px 0px rgb(255, 255, 255);
    border: 1px solid rgb(161, 161, 166);
    padding: 6px 45px;
    font-weight: bold;
    cursor: pointer;
}

.annot_form select#video_popup {
    background: #fff;
    border: 1px solid #a1a1a6;
    height: 30px;
    padding: 0 5px;
    width: 76%;
}
/*add by madhuri*/
#videoAnnotePopup .videoThumbBox-videonnote {
    background: none repeat scroll 0 0 #fff;
    float: left;
    height: 117px;
    margin-bottom: 25px;
    margin-left: 8px;
    padding: 1px;
    width: 23%;
}


#videoAnnotePopup .mediacontrol {
    background: none repeat scroll 0 0 black;
    bottom: 0;
    z-index: 1112;
    height: 49px;
    margin-top: 186px;
    position: relative;
    width: 375px;
}

#videoAnnotePopup #videoWrap {
    height: auto;
    max-height: 200px !important;
}

#videoAnnotePopup .VidoeAnnotePlayer {
    height: 192px;
    /*left: 22%;*/
    left: 18%; /* #27799:ivan: center align the player*/
    width: 375px;
}

#videoAnnotePopup.popuUpWrap {
    position: relative !important;
    top: 10px !important;
    left: 0 !important;
}

#interactivityIframe body {
    background: none !important;
}
/*#videoAnnotePopup .videoThumbBox-videonnote:nth-child(1){ margin-left:0;}*/
.anotIcons img {
    width: 35px;
    height: auto;
}

/*Added by madhuri*/
#videoAnnotePopup .videothumpWrap .infoCol {
    padding: 0 10px 0 0;
    width: 100%;
    border-right: none;
}

#videoAnnotePopup .videothumpWrap .videoInfo .videoTitle span {
    font-size: 9px;
    font-weight: bold;
    color: #0e0d0d;
    padding: 5px 0;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}



.col-right {
    width: 295px;
}

.viewVideoFooter {
    background: #353535 !important;
    color: #fff !important;
    padding: 14px !important;
    width: 1024px;
}

/*#30019:ivan: footer bug fix*/
@media (max-width: 1024px) {

    .viewVideoFooter {
        width: 100%;
    }
}

.viewVideo .divider {
    border-top: 1px dashed #c5c5c5;
    margin-left: 14px;
    margin-top: 17px;
    padding: 10px;
    width: 93%;
}

/********* Analytics css ***********/
.analytics .section {
    width: 100%;
}

    .analytics .section .col1 {
        width: 24%;
        padding: 10px 12px;
    }

        .analytics .section .col1 img {
            width: 100%;
            height: auto;
        }

    .analytics .section .col2 {
        width: 75%;
        padding: 10px 0px;
        background: #dddbde;
        height: 148px;
        margin-top: 10px;
    }

    .analytics .section .note {
        padding: 9px 0 0 0px;
        text-align: left;
    }



.red-btn {
    color: #fff;
    width: 28px;
    height: 28px;
    padding: 7px;
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
}

.subCol {
    width: 30%;
    padding: 0 12px 0 0;
}

    .subCol select {
        width: 84%;
        background: #fff;
        border: 1px solid #c0c2c7;
    }

.graphSection {
    width: 100%;
    border-top: 1px solid #a4a5ab;
}

    .graphSection h2 {
        width: 70%;
    }

.TabWrapper {
    width: 30%;
}

    .TabWrapper .tabbox , .TabWrapper.leftTabbox{
        width: 23%;
        padding: 15px 10px;
        color: #515151;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
    }

    .TabWrapper span {
        padding: 15px 0;
        color: #a4a5ab;
    }

.analytics .summeryCol {
    width: 30%;
    min-width: 319px;
    background: #dddbde;
    min-height: 292px;
}

.analytics .graphWrap {
    width: 68%;
}

    .analytics .graphWrap .col3 {
        width: 31%;
        border: 1px solid #c6c7ca;
        background: #f6f6f6;
        min-height: 292px;
        margin-left: 15px;
    }

.greentxt {
    color: #207b08;
}

.analytics .summeryCol .row {
    border-bottom: 1px solid #b7b9bd;
    padding: 14px;
}

    .analytics .summeryCol .row span {
        float: right;
        text-align: right;
        font-weight: bold;
    }

.analytics .graphWrap .col3 h3 {
    padding-left: 12px;
}

.tags {
    width: 100%;
    background: #EFECDD;
    border: 1px solid #BFB69B;
    color: #4E4B4B;
    padding: 6px 10px;
}

    .tags i {
        float: right;
        cursor: pointer;
    }

.analytics .section .previewicon {
    background-color: rgba(0, 0, 0, 0.56);
    background-position: -162px -106px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 19px;
    left: 88px;
    padding-top: 61px;
    position: absolute;
    text-align: center;
    top: 47px;
    width: 59px;
}

.analyticInfoWrap {
	width:270px !important; height:75px !important;
}

.sortingArrow{ width:12px; float:right; }
.sortingArrow .downArrow{margin-top:0px; cursor:pointer;}
.sortingArrow .downArrow:hover{background:#fff; margin-bottom:5px; margin-left:-2px; padding: 3px 2px;}
.sortingArrow .upArrow:hover{ background-color: #fff;
    margin-top: -2px; margin-left:-2px;
    padding: 3px 2px;}
.graphContainerDiv .row input[type="text"] {
    height: 30px;
    background: none;
    width: 18px;
    float: left;
    border: none;
    padding: 1px;
    margin-top: -3px;
    margin-left: 0px;
}

.graphContainerDiv .row .inputBreak {
    color: #000;
    float: left;
    font-weight: bold;
    padding-top: 4px;
    width: 4px;
}

.graphContainerDiv .row label {
    padding: 0px;
    width: 100%;
    color: #616161;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.graphContainerDiv .spinnerDiv {
    width: 70px;
}

/*Trac Object Select Popup*/
.popuUpWrap.tracObject {
    width: 372px;
    height: 236px;
}

#selectTracObjPopup .popcontentwrap .selecttracObj {
    margin-top: 20px;
    margin-left: 40px;
    margin-bottom: 23px;
}

#tracStart {
    left: 308px;
    top: 0px;
    position: absolute;
}



.selectVideoPopup .VidoeAnnotePlayer #playerproxy {
   /* width: 100%;
    height: 100%;*/
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
}



.selectVideoPopup .playdisable {
    height: 396px;
    width: 704px;
    left: 0px;
    position: absolute;
    background-color: Transparent;
}

.selectVideoPopup .popcontentwrap {
    height: 628px;
}

.selectVideoPopup .Error {
    color: Red;
    padding: 5px 10px 5px 0 !important;
    margin: auto;
    display: none;
    float: none;
}


.adminContentWrap .subheading {
    width: 100px;
    /* float: right; */
    font-size: 14px;
    padding: 12px;
}


.trackPoint {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: Blue;
    color: White;
    text-align: center;
    display: none;
}

/********** Share video popup ******************/
.shareVideo .tableWrap {
    width: 100%;
    padding: 20px 10px;
}

.shareVideo .grid {
    overflow: hidden;
    border-spacing: 0px;
}

    .shareVideo .grid, tbody, .shareVideo .grid tr, tfoot {
        width: 100%;
        text-align: left;
    }

        .shareVideo .grid .colcheckbox {
            width: 10%;
            padding-left: 12px;
			padding-top: 8px;
        }

        .shareVideo .grid .col30 {
            width: 38%; padding: 6px 10px;
        }

        .shareVideo .grid .col10 {
            width: 10%;
        }

        .shareVideo .grid td, .shareVideo .grid th, table {
            border: none;
        }

.shareVideo th, tfoot {
    background-color: #c8ccd5;
    margin: -6px -1px;
    padding: 11px;
}

.shareVideo .grid input[type="checkbox"] {
    height: auto;
}

.shareVideo .grid tr {
    text-align: left;
    padding: 5px 0px;
}

.shareVideo tr:nth-child(odd), .adminContentWrap tr:nth-child(odd) {
    background: #f1f1f1;
}

.filterWrap {
    width: 190px;
   
}

    .filterWrap label {
        padding: 7px 11px;
        width: 54px;
    }

    .filterWrap select {
        width: 132px;
        background: #fff;
        border: 1px solid #c3c1c6;
    }

.pagination {
    padding: 5px 10px;
    width: 100%;
    height: 30px;
    border-top: 2px solid #b8b8b8;
}

    .pagination img {
        border: 1px solid #b8b8b8;
        color: #c63031;
        cursor: pointer;
        margin-left: 3px;
        padding: 4px 11px;
    }

.greentxt {
    color: #43a712;
}

.greytxt {
    color: #767474;
}

.pagination .selectpage {
    background-color: #ddd9dd;
    color: #696d76;
}

.shareVideo .button_wrap {
    padding-bottom: 10px;
}

.popuUpWrap .row.smalltxt {
    padding: 13px 10px 10px;
}

.shareVideo .grid .col30 span {
    width: 100%;
}

.hiddencol {
    display: none;
}



/*Add by madhuri for search input box on Share video setting Page*/
.shareVideo .topSearchWrap {
    position: relative;
    right: 0px;
    top: -4px;
    width: 226px;
}

    .shareVideo .topSearchWrap input.search {
        background: url("../images/search.png") no-repeat scroll 97% 8px #fff;
        border-color: #bfc0c4;
        color: #37393d;
        height: 30px !important;
        margin-right: 10px;
        padding: 5px;
        width: 225px;
    }

    .shareVideo .topSearchWrap select {
        background: #fff;
        color: #37393d;
        margin-right: 10px;
        height: 30px !important;
        border-color: #bfc0c4;
    }

    .shareVideo .topSearchWrap a.searchLink {
        position: absolute;
        left: 194px;
        top: 4px;
    }
/**/
.ui-datepicker * {
    float: none;
}

.tableScroll.scrollDiv {
    height: 467px;
    overflow-y: scroll;
    width: 100%;
}

.filterWrap .dd {
    border: 1px solid #bfc0c4 !important;
	cursor:pointer;
}

    .filterWrap .dd .ddChild {
        width: 100% !important;
        top: 24px !important;
        height: auto !important; /* BugFix: 27487*/
    }

.filterWrap * {
    border-radius: 0 !important;
	font-size:13px;
}

.filterWrap .borderRadius {
    height: 27px;
}

.filterWrap .dd .ddArrow {
    height: 20px;
}


.deleteVideo .row .label {
    width: 90px;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    padding: 4px 0;
    color: #616161;
}

.deleteVideo .row .labelcontent {
    width: 200px;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    padding: 4px 0;
    Color: #434d56;
}

.ui-datepicker * {
    float: none;
}

/********************** Super admin css*******************************************/
.adminContentWrap {
    width: 1024px;
    margin: 0 auto;
    border: 1px solid #000000;
}

    .adminContentWrap .leftMenu {
        width: 87px;
        height: 100%;
        position: absolute;
        left: -1px;
        top: 0px;
        background-color: #3a3e47;
        color: #afb0b3;
        border-left: 1px solid dimgrey;
    }

    .adminContentWrap .menuWrap {
        width: 100%;
        height: 84px;
        padding: 0 12px;
        cursor: pointer;
    }

        .adminContentWrap .menuWrap:hover, .adminContentWrap .menuWrap.selected {
            background: #292b2f url(../images/adminmenuHover.png) no-repeat right 30px;
        }

    .adminContentWrap .adminIcon {
        height: 53px;
        padding: 6px 0 0;
        width: 35px;
        margin-left: 14px;
    }

    .adminContentWrap .menulabel {
        text-align: center;
        width: 100%;
        padding-top: 50px;
    }

    .adminContentWrap .dashbaord {
        background-position: -51px -165px;
    }

    .adminContentWrap .videos {
        background-position: -99px -165px;
    }

    .adminContentWrap .myVideos {
        background-position: -196px -165px;
    }

    .adminContentWrap .users {
        background-position: -151px -165px;
    }

    .adminContentWrap .reports {
        background-position: -245px -165px;
    }

    .adminContentWrap .rightContent {
        width: 935px;
        position: absolute;
        left: 87px;
        top: 0px;
        background-color: #fff;
        padding: 18px 20px;
    }

        .adminContentWrap .rightContent .colBig {
            width: 70%;
            padding-right: 18px;
        }

        .adminContentWrap .rightContent .colSmall {
            width: 30%;
            padding: 0px;
        }

    .adminContentWrap .widgetWrap {
        width: 100%;
        border: 1px solid #c9cdd6;
        margin-bottom: 20px;
    }

        .adminContentWrap .widgetWrap .heading, .adminContentWrap .widget h2 {
            width: 100%;
            border-bottom: 1px solid #c9cdd6;
            background-color: #f1f1f1;
            color: #292b2f;
            font-size: 20px;
            font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
            padding: 10px;
        }

            .adminContentWrap .widgetWrap .heading span {
                width: 20%;
                float: right;
            }

    .adminContentWrap .dateWrap {
    float: right;
    padding-right: 16px;
    padding-top: 12px;
    text-align: right;
    width: 312px;

    }

        .adminContentWrap .dateWrap .col {
            width: 28%;
        }

    .adminContentWrap .widgetWrap .heading span select {
        width: 100%;
        background-color: #fff;
        border: 1px solid #bfc1c6;
    }
.adminContentWrap #tabs{ border-radius:0px; padding:0px; }
.adminContentWrap #tabs ul.ui-widget-header{ width:100%; background-color:#e4e7ef; border:none; border-radius:0; margin:-2px 2px 0 -1px; padding:0;}
.adminContentWrap #tabs ul li{ background:#f4f5f9; border-radius:0px;}	
.adminContentWrap #tabs ul li a{ padding:15px;}
.adminContentWrap #tabs .ui-tabs-active{ background:#fff;}		
	
    .adminContentWrap .moreLink {
        width: auto;
        float: right;
        padding-right: 12px;
    }

.moreLink a:hover {
    text-decoration: underline;
}

.adminContentWrap .widget {
    padding-bottom: 20px;
   width:100%;
}

.adminContentWrap .videoHoverdiv {
    display: none;
    width: 100%;
    height: 115px;
    position: absolute;
    top: 0;
    left: 0;
}
.col33{ width:33%; padding:10px;}

    .adminContentWrap .col30 img {
        width: 100%;
        height: auto;
    }

.createdby {
    width: 100%;
    color: #696d76;
    font-size: 11px;
    padding: 2px 6px 0;
}

    .createdby span {
        color: #292b2f;
        font-weight: bold;
        float: initial;
    }

    .createdby p {
        margin: 4px 0;
        width: 100%;
    }

.recentVideoWrap {
    height: 395px;
    overflow-y: auto;
}

.dateLabel {
    padding-top: 8px;
    font-weight: bold;
    margin: 0 5px;
}

.adminContentWrap .VideoLength {
    height: 20px;
    top: 95px;
}

.adminContentWrap .videoTitle {
    width: 100%;
    font-weight: bold;
    padding: 5px 6px 0;
}

.admindropdown {
    cursor: pointer;
    width: 137px;
    cursor: pointer;
    float: right;
    background-color: #fff;
    border: 1px solid #bfc1c6;
}

input.date {
    width: 75px;
    height: 30px;
}

.recentVideoWrap .videoHoverdiv .previewicon {
    background-position: -164px -109px;
    position: absolute;
    cursor: pointer;
    height: 50px;
    left: 98px;
    top: 13px;
    padding-top: 61px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 55px;
}




/*User Dashboard*/
/*.userSummaryWrap {
    padding: 15px 0;  border-bottom: 1px solid #d6d5d5; margin-bottom:20px;
}
.userSummaryWrap .infoWrap{ width:100px; border-right:1px solid #c8ccd5; padding:0 10px; text-align:center;}
.userSummaryWrap .infoWrap .userAmount{ font-size:23px; font-weight:bold; text-align:center; color:#3a3c41; width:100%; }
.userSummaryWrap .infoWrap .subtitle{ width:100%; text-align:center; color:#717375;}*/


.adminContentWrap .leftMenu a {
    width: 100%;
    color: #fff;
}

.userSummaryWrap {
    padding: 15px 0;
    border-bottom: 1px solid #d6d5d5;
    margin-bottom: 20px;
}

    .userSummaryWrap .infoWrap {
        width: 100px;
        border-right: 1px solid #c8ccd5;
        padding: 0 10px;
        text-align: center;
    }

        .userSummaryWrap .infoWrap .userAmount {
            font-size: 23px;
            font-weight: bold;
            text-align: center;
            color: #3a3c41;
            width: 100%;
        }

        .userSummaryWrap .infoWrap .subtitle {
            width: 100%;
            text-align: center;
            color: #717375;
        }

.adminContentWrap table, tbody, .adminContentWrap .grid, .searchWrap, .Grid tr, thead {
    width: 100%;
}

.Grid th {
    background-color: #c8ccd5;
    font-weight: bold;
    text-align: left;
    padding: 5px 6px;
    height: 37px;
	border-right:1px solid #8f9297;
}

.Grid td {
    padding: 11px 6px;
}

.Grid {
    border: 1px solid #c8ccd5;
    margin-top: 20px;
    width: 100%;
    height: 620px;
    overflow-y: auto;
}

.col60 {  width: 60%; padding: 10px;
    }
.col70
    {
        width: 70%;
        padding: 7px 10px;

    }
.col20 {
        width: 20%;
        padding: 10px;
    }

.col30 {
        width: 30%;
        padding: 10px;
    }

 .col15 {
        width: 15%;
        padding: 10px;
    }
 .col10 {
        width: 10%;
        padding: 10px;
    }
	
.col12 {
        width: 12%;
    }	

.col5 {
        width: 5%;
        padding: 10px;
    }

.col40 {
        width: 40%;
        padding: 10px;
    }
	
.col45
{
	width:45%;
}
	
.col50 {
        width: 50%;
        padding: 10px;
    }


.searchWrap .search {
    width: 209px;
    margin-right: 10px;
}

.searchWrap select {
    border: 1px solid #b0b6b8;
    height: 33px;
    background: #fff;
    width: 127px;
    margin-right: 10px;
}

/*.searchWrap a {
    width: 31px;
    height: 33px;
    border: 1px solid #b0b6b8;
    float: right;
    cursor: pointer;
    position: absolute;
    right: 12px;
    background-position: 0px -222px;
}*/

.userAmount span {
    text-align: center;
    width: 100%;
}

.Grid th.header {
    background: #c8ccd5 url(../images/sorting.png) no-repeat 99% 11px;
    border-right: 1px solid #A7A9A9;
}

.Grid th.headerSortUp {
    background: #c8ccd5 url(../images/sorting-down.png) no-repeat 99% 5px;
}

.Grid th.headerSortDown {
    background: #c8ccd5 url(../images/sorting-up.png) no-repeat 99% 14px;
}




/**************** doddle brush size css **********************/
.brushSizeWrap {
    width: auto;
    background-color: #fff;
    border: 1px solid #a1a1a6;
    height: 30px;
    margin-top: 15px;
}

    .brushSizeWrap .brushRound {
        text-align: center;
        padding: 5px 15px;
        color: #000;
        font-size: 20px;
        border-right: 1px solid #a1a1a6;
        cursor: pointer;
    }

        .brushSizeWrap .brushRound.brsh1 {
            font-size: 20px;
        }

        .brushSizeWrap .brushRound.brsh2 {
            font-size: 15px;
            padding-top: 7px;
        }

        .brushSizeWrap .brushRound.brsh3 {
            font-size: 5px;
            padding-top: 12px;
        }

        .brushSizeWrap .brushRound img {
            position: absolute;
            left: 4px;
            display: none;
            left: 10px;
            top: 14px;
        }
/**************** doddle brush size css end **********************/

.topFilter .ddcommon .ddArrow {
    right: 4px;
}



.adminContentWrap .videothumWrap .videoHoverdiv .previewicon {
    background-position: -165px -109px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 68px;
    padding-top: 60px;
    position: absolute;
    text-align: center;
    width: 55px;
    left: 110px;
    top: 12px;
}

.adminContentWrap .rightContent h1 {
    padding-top: 0px;
}

.col25 {
    width: 25%;
    padding: 10px;
}



.col40 {
    width: 40%;
    padding: 10px;
}



.col60 {
    width: 60% !important;
    padding: 10px;
}

.tdLink:hover {
    background-color: #E8E8E8;
}


.tdLink a {
    color: #696d76;
    cursor: pointer;
}







.topPosition {
    top: -201px;
}

    .topPosition .uparrow {
        transform: rotate(180deg);
        top: 197px;
        right: 15px;
    }

.notactivate i {
    font-size: 20px;
    color: #F78282;
    margin-right: 5px;
}

.notactivate span {
    padding-top: 5px;
    color: #F78282;
}

.hide {
    display: none;
}

.userLoginReport {
    width:auto;
    position: relative;
}

    .userLoginReport table td label {
        padding: 5px;
    }

    .userLoginReport table tr {
        background: none !important;
        padding-top: 6px;
        padding-left: 10px;
    }

    .userLoginReport span.subheading {
        position: absolute;
        right: 10px;
    }

.uservideo {
    height: 200px;
}

.userSummaryWrap .infoWrap:nth-child(1) {
    padding-left: 0px;
}


.stickyNote {
    width: 410px;
    height: 225px;
    background: #f5f09f;
    color: #616161;
    padding: 10px;
    position: absolute;
    box-shadow: 1px 2px 8px #a1a1a6;
    z-index: 11;
    cursor: move;
    border: 1px solid #6f3030;
}

    .stickyNote span {
        position: absolute;
        top: 5px;
        right: 5px;
        color: rgb(181, 173, 162);
        font-size: 14px;
    }

    .stickyNote textarea {
        border: none;
        font-family: arial;
        font-size: 12px;
        padding: 5px;
        height: 200px;
        width: 385px;
        background: #f5f09f;
        overflow: auto;
        resize: none;
    }

.adminContentWrap .recentVideoWrap .editicon {
    background-position: -304px -109px;
    left: 26px;
    top: 13px;
}

.adminVideoWrap .editicon {
    background-position: -304px -109px;
    top: 12px;
    left: 29px;
}

.adminContentWrap .infoCol {
    width: 80%;
    padding: 0 8px;
}

.adminContentWrap .videoInfo {
    width: 20%;
    padding: 10px 0;
}

.adminContentWrap .videoInfo i {
    font-size: 18px;
    padding: 10px;
    cursor: pointer;
}

.adminContentWrap .videoImg {
    height: 115px; width:100%;
}

.textoverflow {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adminContentWrap .recentVideoWrap .videoImg {
    background: none repeat scroll 0 0 #dddbde;
    height: 172px;
    width: 100%;
}

.adminContentWrap  input[type="checkbox"]{ height:auto;}

table .userList{ padding-left: 7px;
    padding-top: 3px;}
	
.popuUpWrap.copyvideo .Grid{margin-top:0px; }

.adminContentWrap #UserLoginReport svg {
    width: 98%;
}


table .odd{
    background: #f1f1f1;
}

table tr .odd{
    /*background:*/
}

/* New css added for opacity slider start here */
.opacitySliderWrapper
{
	position: relative;
	width:64px;
	display:none;
	height: 120px;
	background:white;
	border:1px solid gray;
	box-shadow:1px 1px 8px gray;
	top: 14px;
	left: -20px;
	z-index: 95;
}
.backgroundOpacityValue
{
	position: relative;
	top: 7px;
	left: 2px;
}

.slider-opacity
{
  height: 105px;
  width: 7px;
  position: relative;
  left: 5px;
  top: 9px;
}

.slider-opacity .ui-slider-range
{
	background: rgb(198, 48, 49);
}

.ui-slider.slider-opacity a.ui-slider-handle {
	background:url("../images/left-arrow.png") no-repeat;
	background-size: contain;
	border:none;
	left:2px;
	cursor: pointer;
}	

.opacitySliderValue
{
	left: 15px;
	position:absolute;
	font-size: 10px;
	color:rgb(198, 48, 49);
	cursor: pointer;
}
/* New css added for opacity slider ends here */




/**************************** Channel css ***************************************/

.previewChannel { width:100%; float:left;}
.previewChannel .previewWrap{ background:#fff; position:static; border:none;} 
.previewChannel .channelsettingWrap{ background:#e7e7eb;} 

.previewChannel .previewWrap .previewtab{ width:70px; background:#6e6d6d; color:#fff; font-weight:bold; padding:5px; text-align: center;}
.previewChannel .previewWrap .demoLink{ width: 105px;
background: #e4e9ec;
border: 1px solid #b4babc;
padding: 3px;
float: right;
text-align: center;}
.previewChannel .previewWrap .borderWrap, .publishBorderWrap{ border:3px solid #6e6d6d; overflow-y:scroll;}

.ivLogo{ width:50px; height:50px; background-color:#e6e6e6; padding:9px 6px;}
.ivLogo img{ width:35px; height:auto;}

.previewChannel .previewWrap .topSearchWrap{position:static; float:right; width:288px; padding:10px;}
.previewChannel .previewWrap .topSearchWrap a{margin-left: 244px; margin-top: -26px; position: static;}

.SearchWrap{position:static; float:right; width:288px; padding:10px;}
.searchIcon{background: url("../images/search.png") no-repeat scroll 6px 9px #fff;
  border: 1px solid #b0b6b8;
  height: 33px;
  margin-left: -38px;
  margin-top: 0;
  position: static;
  width: 28px;
  cursor:pointer;
 
}
.ThumbWrap{ width:204px; border:1px solid #c5c6cb; margin-right:10px; margin-bottom:25px;height:170px; cursor:pointer;}
.ThumbWrap .img{ width:100%; height:100px; overflow:hidden;}
.ThumbWrap .info{ width:100%; height:45px;  background-color:#f1f1f1; color:#696d76; font-family:arial; font-size:12px; padding:8px 10px;}
.ThumbWrap .info .videoTitle{ width:100%; overflow:hidden; color:#2f2f2f; font-weight:bold; padding-bottom: 3px;}
.selectThumbWrap {
    border:2px solid #c63031;
}
.padding10{ padding:10px;}
.previewChannel .mainthumpWrap {
    width:100%;
    background-color:#fff; overflow-y:hidden;
	margin-bottom:15px;
}



.previewChannel .tag{ width:110px; border:1px solid #b4babc; color:#9b9fa5; padding:5px 12px 5px 5px; margin-right:5px; background-color:#fff5c9; margin-bottom: 4px;}
.previewChannel .tag span{width: auto; float:right; cursor:pointer;
color: #999798;
font-size: 12px;}
.previewChannel .button_wrap{ width:235px;}
.previewChannel .button_wrap input{ width:72px;}

.previewChannel h1 { width:100%;
}
.previewChannel span.videoCount, .publishVideoCnt{    background: none repeat scroll 0 0 #c8ccd5;
    border-radius: 15px;
    color: #616161;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 2px;
    padding: 1px 10px;
    width: auto;
}

.previewChannel .ChannelListPanel.leftpanel span.videoCount {background:none;
}

.ChannelDeleteIcon a { color:#b0b6b8; font-size:17px;
}

.addChannelpopUp {width:400px;}
.addChannelpopUp .grid {padding-top:0px;
}
/*Add for Channel editor */
.col75{ width:75%; padding:10px;}
.col72{ width:72%; padding:10px;}
.col70{ width:70%; padding:10px;}
/*.addChannel h1 { padding-bottom:20px;
}*/
.addChannel h1, .addChannel .row, .addChannel h2{ padding-left:0; padding-right:0}
.addChannel h1 span{ width:auto; float:right;}
.addChannel select{ background-color:#fff; border-color:#bfc1c6;}
.listRow label:hover{ width:auto; float:right; border-radius:10px; padding:4px 8px; color:#fff;}
.totalVideoCnt{ border-radius:10px; padding:4px 8px; background:#e4e9ec;font-weight:bold;}
.listRow .videoCount{ float:right; padding:4px 8px;}

.listRow .selected, .listRow:hover, .listRow .selected, .listRow.selected {
    background:#e4e4e6; cursor:pointer;
}
.listRow .videoCount.selected {
color:#fff !important; border-radius:15px;}

.listRow{color:#575759; width:100%; padding:7px 10px;}
.addChannel .row .label{ width:124px; color:#4a4848; padding-top:5px;}
.addChannel .row .labelContent{ width:455px;}
.filterLink a, .collectionFilterLink a{padding:5px 10px; margin-top:5px;}
.totalVideoCnt {margin-top:5px;
}
.searchSection{ padding-bottom:15px;}
.manageVideo .searchWrap{ width:auto; float:right;}
.addChannel .leftpanel { min-width:248px; padding:0;
}
.addChannel .leftpanel .row{ padding-left:10px;}
.addChannel .topSearchWrap { position:static; width:220px; margin-right:10px;}
.addChannel .topSearchWrap input{ width:100%; height:33px !important; }
.addChannel .topSearchWrap a.searchLink { 
left: 193px;
height: 33px;
top: 0;}

.editButtonWrapper 
{
    position:absolute;
    right:0px;
}

.btnTopPos {
position:absolute; right: 10px;
    top: -42px;
}

.borderbottom{border-bottom: 1px solid #d6d5d5;}
.addChannel .button_wrap { float:left; margin:0 12px;
}

.addChannel .channelDate {  position:absolute; top:25px; left:0px;
}
.disableThumwarp{ /*cursor:default !important;pointer-events: none;*/}
/*******************/
.jcarousel{ height: 173px;}
.Main-wrapper {
 /*border:1px solid #ddd9dd;*/
    border-radius: 0;
    padding: 12px;
	padding-left:0px;
    position: relative;
  /* width: 94%;*/ 
}

.jcarousel-control-prev {
    left: -45px !important; top:50% !important; z-Index:1 !important;
}
.jcarousel-control-next {
    right: -31px !important;top:50% !important; z-Index:1 !important;
}


.textoverflow{ white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.ChannelListPanel .topFilter {
  margin-left: 138px;
    margin-top: -40px;
}

.ChannelListPanel .topFilter .ddcommon {
width:117px !important;}

.topFilter .ddlabel {
color:#000;}

/*----------- Preview Channel css-----------------------*/
.Main-wrapper .videoThumb {
    cursor: pointer;
    height: 223px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 300px;}

	
.Main-wrapper .ThumbWrap { width:100%;}

.Main-wrapper .ThumbWrap .info{ height:50px;}

.Main-wrapper img { height: 155px;}

.transform {
    -ms-transform: scale(2,3); /* IE 9 */
    -webkit-transform: scale(2,3); /* Safari */
    transform: scale(1,1);
}

.Main-wrapper .ThumbWrap .videoHoverdiv .previewicon { left:39%; top:33%;
} 


.SearchWrap a.searchLink {border-left: 1px solid #caccd0;
    cursor: pointer;
    height: 33px;
    background-position:-1px -222px;
    margin-left: -29px;
   width: 24px;
   position:inherit;
}

.previewChannel .tag .channelName{ float:left ; width:80%;}
.addChannel h1{ margin-top:-13px; 
    width: 100%; }

.paginationWrap { width:auto: float:right; margin-top:12px;
}

.paginationWrap input.pageBtn{ border: 1px solid #ddd9dd;
    
    height: 30px;
    padding: 6px 8px;
    width: 25px;
    cursor:pointer;
	background:#f8f8f8; margin-right:5px;
    }
	
    .paginationWrap .pageBtn:hover , .paginationWrap .pageBtn.selected{
    background:#c3c1c6;}
	
.PrevBtn, .NxtBtn{ width:50px; height:30px; margin-right:5px; border: 1px solid #ddd9dd;cursor:pointer;}	
	
.exaltiveIFrame .mainthumpWrap {  max-height: 525px;
    overflow-y: scroll;}

.addLink{ cursor:pointer; padding:10px;}
.addLink i{ font-size: 16px;
    padding-right: 7px;}
	
.selectAllBg{ background-position:-422px -17px; width:25px; height:25px !important; border:1px solid red; position:static;}	
/********* Publish Popup css*************/
.publishsettingWrap {
background:#ddd9dd;
  height: 312px;
  padding:10px;
}


#SocialMediaRow{padding-left:28px;}


.previewChannel .socialIcon i, #PublishSettingDiv .socialIcon i{ margin:auto; float:none;}



.previewChannel .socialIcon input, #PublishSettingDiv .socialIcon input {
   bottom: -3px;
  position: absolute;
  right: -3px;
}

.previewChannel .channelsettingWrap .videoSize .col30 > input[type="text"] {
    width: 68px;
	text-align:right;
}


#PublishSettingDiv .row { padding-top:0px;
}

    #PublishSettingDiv .row input[type="checkbox"] {
        height:auto; margin-top:8px;
    }
    #PublishSettingDiv .row .label { width:auto;
    }


.previewChannel .channelsettingWrap .videoSize .note {
    color: #8a9296;
    padding-left: 5px;
    padding-top: 8px;
    width: auto;
}

.channelListHgt {
    width:100%; max-height:100%; 
}

.socialIconwrap .socialIcon {
cursor:pointer;
}

.socialIcon{ border:2px solid #c63031; cursor:pointer; color:#c63031; background:#fff; height: 27px;
    margin-right: 3px;
	  font-size: 13px;
	
    padding: 6px;
    width: 27px;}

.socialIcon.selected {
    background:#656364;
    border: 2px solid #373535;
	color:#cfcdce;
  
    
}


.sharingIcon {
    width: 8%;
    height: 14%;
    z-index: 2147483646;
    padding: 10px 8px;
    font-size: 155%;
    position: absolute;
    top: 231px;
    left: 145px;
    cursor: move;
    display:none;
    background-color:rgba(101, 99, 100, 0.88);
    border:1px solid #4b3d3c;
	color:#cfcdce;

}

.iconWrap{width:7%; padding: 0% 1%; display:none; position:absolute; color:#fff;overflow: hidden;  z-index: 2147483646; background-color:rgba(101, 99, 100, 0.88);
    border:1px solid #4b3d3c;
	color:#cfcdce;}
.iconWrap i{  height: 20px;
  /* margin: 8px 0; */
  margin-top: 6px;
  font-size: 15px;
  width: 100%;
  }

.DragNote {   padding: 10px;
  background: #696d76;
  color: #c8ccd5;
  border: 1px solid #fff;
  box-shadow: 1px 1px 1px 1px #ccc;
  position: inherit;
  left: 80px;
  top: -6px;
  width: 179px;
  font-size: 15px;
  cursor: default;
}


.iconWrap i:last-child {
border:red;}

.spanBorder {
border-bottom:1px solid rgba(166, 166, 166, 0.61); width:40px; height:1px; position:absolute; bottom:0; left:-14px;}


.publishsettingWrap input[type="checkbox"]{height:auto; margin-top:0px; margin-left:0;}
.publishsettingWrap .col40 .note{width: 19px;
  padding-top: 7px;
  padding-left: 3px;}

.publishsettingWrap .videoSize input{ width:50px; height:30px;}
.publishsettingWrap .linkIcon{width: 15px;
  color: #6e6d6d;
  padding-top: 24px;
  margin-left: -3px;
  margin-right: 5px;
}
.fa-facebook {padding-left:2px;
}
.fa-envelope { margin-left:-1px;
}


.publishsettingWrap .label{
    width: 155px;
}

/************ google maps ***********/
	.mapholder {
        height: 100%;
        margin: 0px;
        padding: 0px;
		width:100%;
      }
      .map-controls {
        margin-top: 16px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
		background-color: #fff;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 400px;
      }

      .map-controls :focus {
        border-color: #4d90fe;
      }

      .pac-container {
        font-family: Roboto;
      }

      #type-selector {
        color: #fff;
        background-color: #4d90fe;
        padding: 5px 11px 0px 11px;
      }

      #type-selector label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
      }
	
	.mapsettingcontainer {
		position:absolute;
		height: 396px;
		width: 300px;
		background:url(../images/form-bg.png) repeat;
		margin-left:2px;
		color : white;
		z-index:1111;
		display:none;
	}
	.mapsettingcontainer *{
		float:none;
	}
	#mapsettingcontent
	{
		height:342px;
		overflow-x:hidden;
		overflow-y:auto;
	}
	
	#mapsettingcontent * {
		padding: 5px 12px 0px 12px; font-weight:bold;
	}

	.removeMarker {
	  color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 30px;
    padding: 0 !important;
    position: absolute;
    right: 0px;
    top: 24px;
    width: 30px;
	}
	
	
	.mapSetting_btn {
		background-color: rgba(32, 32, 32, 0.67);
		position: absolute;
		left: 77px;
		width: 40px;
		height: 40px;
		z-index: 98;
		cursor: pointer;
		display:none;
	}
	
	.mapSetting_btn_open {
		background-color: rgba(32, 32, 32, 0.67);
		position: absolute;
		right: 1px;
		text-align: center;
		top: 0px;
		width: 40px;
		height: 37px;
		z-index: 98;
		cursor: pointer;
	}
	
.markercontent{position:relative;}	

.ItalicIcon{
    width:25px; background:url(../images/italicFont.png) no-repeat 3px 1px;
    height:25px;
    border:medium none;	
    cursor:pointer;    
}

.boldIcon{width:25px; background:url(../images/boldFont.png) no-repeat 1px 1px;
 border:none;	
 border-right:1px solid #d8dbe2;
    height:24px;    	
    cursor:pointer;}

.requiredFieldError{
    border: 2px solid red !important;
}

.customdropdown {
	position:relative;
	width:115px;
	border: 2px solid #c3c3c3;
	height:25px;
	margin-top:5px;
	cursor:default;
	left:715px;
	font-size: 12px;
	font-family: arial;
}

.customdropdowntitle{
	width:100%;
	cursor:pointer;
}

.customdropdownarrow {
  position:absolute;
  z-index: 2;
  height: 20px;
  right: 0px;
  top: 0;
  background: url("../images/dropdown-arrow.png") no-repeat scroll 1px 5px #fff !important;
  width: 10px !important;
  cursor:pointer;
  transform: rotate(180deg);
}

.customddlistcontainer {
  border: 1px solid #c3c3c3;
  background-color: #fff;
  box-shadow: 5px -5px 5px -5px #888888;
  overflow: hidden !important;
  bottom:103px;
  position:relative;
  z-index: 4;
  display:none;
}

.customddlist {
  padding: 5px;
  background-color: #fff;
  border-bottom: 1px solid #c3c3c3;
  list-style-type: none;
  width: 100%;
  cursor: pointer;
}

.customddlistcontainer li.customddlist:hover {
  background-color: #f2f2f2 !important;
}
.customselectedlist {
	background-color: #e1e3e9;
}


/*********** Dynamic content css ****************/
.mainSubMenu{ width:100%; }
.mainSubMenu .subRow{ widtH:100%; color:#fff; padding:6px 10px; cursor:pointer;}
.mainSubMenu .subRow:hover{ background:#282a30;}
.varListWrap .subHeading { font-weight:bold; font-size:14px;
}
.varIcon{ background-color: #e4e9ec;
    border: 1px solid #c7c7c9;
	font-weight:bold;
  float: right;
  font-size: 12px;
  height: 30px;
  padding: 6px 5px;
   width: 54px; 
  position: absolute;
 bottom: 65px;
  right: 0;
  cursor:pointer;
}
.varListWrap{ width: 300px;
  height: 100%;
  position: absolute;
  background:#C0C0C0;
  top: 0;
  color: #3a3e47;
  display: none;
  right: 0;
  z-index: 2147483647;}

.varListWrap .closeIcon {
    background: none repeat scroll 0 0 rgba(22, 24, 27, 0.23);
    float: right;
    height: 43px;
    margin: -9px;
    padding: 10px 13px;
    width: 40px;
	cursor:pointer;
	}

    .variableRow:hover {
        background: rgb(145, 145, 145); cursor:pointer;
    }


#VariableNameDiv .closeIcon{  background: none;
  width: auto;
  padding: 18px 6px;
}



/************ Analytics css ***************/

  /*video Settings CSS starts*/

.leftLinks{ width:100%; padding:15px; border-bottom:1px solid #e2e3dd; cursor:pointer;}
.leftLinks:hover{background:rgba(225, 227, 233, 0.28);}
.leftLinks.selected{ background:#e1e3e9; border-left:3px solid #c63031;}  
 
.contentwrap.videoSetting{min-height:724px;}
.analytics.contentwrap, #ChannelEditorWrapper{ min-height:750px;}	 
.videoSettings .defaultImg{ background:none; padding: 3px 0 3px 0px; height:117px;width:200px;}
.videoSettings .defaultImg img{ width:200px; height:auto;}
.copyBtn{ float:right; margin-top:5px;}
.publishSettings .col40 .label { width:auto}
.publishSettings .col40 input[type="checkbox"], .rightpanel.videoSettings input[type="radio"]{ height:auto; margin-top:8px; margin-right:5px;}

.videoSettings .label {
	  width: 90px;
	  font-weight: bold;
	  font-size: 12px;
	  text-align: left;
	  padding: 8px 0;
	  }

#ThumbnailRadioButtonList label {
    width:auto;
}

#PrivacySettingRadioButtonList tr { width:100%;
}

#ThumbnailRadioButtonList td {width:155px;
}
.rightpanel.videoSettings {
    width: 73%;
  padding: 10px;
}

.addChannel .textareaLength div {
        width: auto !important;
        padding: 5px;
        padding-top:45px;
        color: #9b9ca0;
    }
	
.popuUpWrap .textareaLength div {
   padding-top:5px;
      
    }

	

    .rightpanel.videoSettings h1 {
        padding: 0 10px 10px; border:none;
    }

    .rightpanel.videoSettings .videoBtn {  position: inherit; bottom: 43px; }

.infoIcon {
  padding: 0 5px;
  font-size: 15px;
  position: absolute;
  top: 38px;
  right:6px;
  cursor:pointer;
}

.videoSettings .col30 input[type="checkbox"] {margin-left:2px;
}

.triangle-right {
    border: 1px solid #93989a; position:relative;
    right: -19px;
    top: 5px;
    width: 200px !important;
    padding: 10px;
    background: #e3e2e2;
    position: absolute;
    box-shadow: 1px 1px 1px #d0d0d0;
    cursor: default;
}

.triangle-right span {
    color: #e3e2e2;
    font-size: 22px;
    position: absolute;
    right: 17px;
    text-shadow: 1px -2px 1px #808080;
    top: -7px;
    cursor: default;
}

.video-settings-help-tooltip {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: none;
}

.videoSettings .videoBtn .button_wrap {
    float: none;
    /* 27800-Apple system's fix
    width: 270px; */
    width: fit-content;
    margin: 0 auto;
    padding:0;  
}
/*video Settings CSS ends*/




.popcontentwrap .row label{ font-weight:bold;}
.add_choice_btn
{
    margin-top: 3px;
    padding: 6px;
    position: static;
    width: auto;
    margin-right: 56px;
    float: right;
    font-family: Segoe;
    color: #b31c1d !important;
    border: 1px solid #BDBDBD;
    cursor: pointer;
    font-weight: bold;
}
/**************** Channel Collection css***************************/

#accordion h3{  background-color:#e9e9eb;
    border: medium none;
    border-radius: 0;
    padding: 11px 12px;
	font-size:18px; font-family: Segoe;
    width: 100%;}
.ui-accordion .ui-accordion-content {
 padding: 0;
border:none;
 height:auto !important;
}

.ui-accordion .ui-accordion-header {margin:0}	

.directionArrow{ float:right; font-size:17px; padding-top:4px;}
.open{ background-color:#c5c5c5 !important;}


.ChannelThumbWrap .info {
    background-color: rgba(0, 0, 0, 0.73);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
    width: 100%;
}

.channelCollectionWrap {
    width:215px; height:155px; margin:0 10px 10px 0;
}

.infoCount{padding:3px 9px; float:right; font-size:13px; color:#505052; background-color:#fff; }


.scrollDiv.channelListHgt, .scrollDiv.ChannelListPanel{ height:auto !important; max-height:300px !important;}


.privacySetting tr {
width:100%;
}

.privacySetting label {
width:100px; padding:5px;
}

.save_btn.disableButton, .cancel_btn.disableButton {
    /*cursor:not-allowed;
    pointer-events:none;*/
      background-color: #a0a0a0 !important;
    color: #4F4C4C !important;
    cursor: default !important;
    pointer-events: none;
    opacity: 0.5;
}

.accessBlockImg {
 border-width: 0;
 background:#fff;
    left:0;
    position: absolute;
   
    top:0;
    width:100%; height:100%;
}


.accessBlockImg img {
 border-width: 0;
    
    left: 50%;
    margin: -142px -142px -142px -300px;
    position: absolute;
    text-align: center;
    top: 50%;
    
}
.listRow .fa-lock { color:#838889; font-size:13px;
}
/*For Advance Q&A
#qaEditDiv .closeIcon
{
  background: none;
  width: auto;
  padding: 18px 6px;
}*/


.label {
  font-size: 12px;
  color: #313131;
  width: 100%;
  padding: 10px 10px 0 10px;
  font-weight: bold;
}

.label span{
    float:none;
}

.channel .ui-state-active .ui-icon {
    background-image: url("../images/sorting-down.png");
	background-position: 0 92%;
	 left: 91%;
    margin-top: -8px;
    position: absolute;
    top: 48%;
}

.ui-state-default .ui-icon {
    background-image: url("../images/right-arrow-blue-setting.png");
	background-position: 0 92%;
	left: 91% !important;
    margin-top: -8px;
    position: absolute;
    top: 48%;
}



.channelDate span {
    float: right;
    margin-top: -9px;
    padding-left: 3px;
    width: auto;
}

.addMarker{  cursor: pointer;height: 30px;border: 1px solid #b0b6b8;width:72%;text-align: center;padding: 7px;background: #e4e9ec; font-weight:bold;}


/********* system popup css****************/
.systempopuUpWrap{  width: 344px;
  background: #e8e7e5;
  color: #696968;
  height: 175px;
  border: 1px solid #474747;
  box-shadow: 2px 2px 2px #6B6969;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  margin-left: -172px;
  top: 50%;
  margin-top: -87px;
}
.systempopuUpWrap .popUpHeading{ background:#524F4F; color:#fff; font-weight:bold; font-size:16px; width:100%; padding:5px 10px; text-align:left;}
.systempopuUpWrap .errorImg{ width:78px; text-align:center; padding:20px 10px;}
.systempopuUpWrap .errorMsg{  padding:38px 10px 0 0; width:264px;}
.systempopuUpWrap .errorBtn{  padding:10px 20px; color:#484747; border:1px solid #808080; background:#d7d7d6; width:auto; float:none; margin:auto; }
.errorButtonWrap{ width:100%; padding-top:0px;}
/*For Advance Q&A*/
#qaEditDiv .closeIcon
{
  background: none;
  width: auto;
  padding: 18px 6px;
}

thead .tablesorter-headerDesc{
	background-image: url(../images/sorting-down.png) !important ;
}

thead .tablesorter-headerAsc{
	background-image: url(../images/sorting-up.png) !important ;
}

thead .sorter-false
{
  background-image: none !important;
  cursor: default !important;
}

.tablesorter-header{
  background-image:url(../images/sorting.png) ;
  background-repeat: no-repeat;
  background-position: center right;
  white-space: normal;
  cursor: pointer;
}


/******* Animation css for help page*************/
.boxAnimation-close{
  animation: animationFrames2 ease-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames2 ease-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames2 ease-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames2 ease-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames2 ease-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames2{
  0% {
    opacity:1;
    transform:  translate(-26px,-23px)  ;
  }
  100% {
    opacity:0;
    transform:  translate(251px,-202px)  ;
  }
}

@-moz-keyframes animationFrames2{
  0% {
    opacity:1;
    -moz-transform:  translate(-26px,-23px)  ;
  }
  100% {
    opacity:0;
    -moz-transform:  translate(251px,-202px)  ;
  }
}

@-webkit-keyframes animationFrames2 {
  0% {
    opacity:1;
    -webkit-transform:  translate(-26px,-23px)  ;
  }
  100% {
    opacity:0;
    -webkit-transform:  translate(251px,-202px)  ;
  }
}

@-o-keyframes animationFrames2 {
  0% {
    opacity:1;
    -o-transform:  translate(-26px,-23px)  ;
  }
  100% {
    opacity:0;
    -o-transform:  translate(251px,-202px)  ;
  }
}

@-ms-keyframes animationFrames2 {
  0% {
    opacity:1;
    -ms-transform:  translate(-26px,-23px)  ;
  }
  100% {
    opacity:0;
    -ms-transform:  translate(251px,-202px)  ;
  }
}


.boxAnimation-open
{
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(5px,-201px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(-27px,-21px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(5px,-201px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(-27px,-21px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(5px,-201px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(-27px,-21px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(5px,-201px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(-27px,-21px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(5px,-201px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(-27px,-21px)  ;
  }
}

/******* Animation css for help page end*************/=======

#PrivacySettingRadioButtonList label{
width:auto;
}

.dragCursor{
    cursor:move;
}

/*********admin portal****************/


.paginate{

}

.paginate .noBtn {
   background-color: #fafafa !importnat;
    border: 1px solid #b3b5b4;
    color: #c73130;
    font-weight: bold;
    height: 30px;
    margin: 0 2px;
    width: 27px;
    cursor: pointer;
}

.logoImg{ position:absolute; right:15px; top:0;}
.bannertxt{ display:none;}
/**********************************/
.iphoneImg{ width:37px; position:absolute; top:-4px; left:0px;}
.loaderBg{position: fixed; left: 0px; top: 0px; background:black; opacity: 0.7; height: 100%; width: 100%; z-index: 2147483647;}
.greyPopOver{ width:auto; background:#979797; color:#fff; padding:10px; margin-top:2px;}
.iphoneImgWrapper{position:absolute; right:285px; top:-50px;}

/*********** Admin changes *****************/
.AdminTabs {
    width: 45%; float:right;
}
.AdminTabs .Tabbox{
        color: #515151;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin-top: -11px;
    padding: 15px 14px 0;
    text-align: center;
    width: auto;
	min-width:55px;
    }
.advancedFilter{     background-color: #f1f1f1; margin-bottom: 17px;   margin-top: -5px;  padding: 10px;   width: 100%;}
.advancedFilter .selectWrap{ width:152px; margin-right:10px; }
.advancedFilter .selectWrap select{ width:100%;}
.advancedFilter input[type="submit"]{ min-width:78px; margin-right:6px;}
.layoverWrap{background: #252424 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 11px;
    padding: 3px; width:147px; overflow:hidden;
    position: absolute;
    left: 0;}
.exportFiles {
   float: right;
    width: auto;
}
.exportFiles i{ float:none; font-size:20px; cursor:pointer; margin-left:5px;}
.exportFiles i:hover{ color:#912f28;
  -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
	transform: scale(1.5);

	-webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;

  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.effects{  -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
	transform: scale(1.1); display:block;

  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.totalRecords{ width:auto; margin-top:-33px; }
.totalRecords .label{ width:auto; }
.paginate{ width:auto; float:right;}
.paginate .selected{ background:#e4e7f0; border:1px solid #c0c1c6; color:#1f1f1f;}
.actionmenu .uparrow i{ color:#fff !important;}
.customDate{ width:273px; position:absolute; top:45px; right:0;}
.customDate span{ float:left !important; font-size:14px; color:#707072; padding-top:8px; width:auto !important;}
.minHeight{ min-height:678px; }



 /**************** iphone support css ******************/
.iphoneImg{ width:37px; position:absolute; top:-4px; left:0px;}
.loaderBg{position: fixed; left: 0px; top: 0px; background:black; opacity: 0.7; height: 100%; width: 100%; z-index: 2147483647;}
.greyPopOver{ width:auto; background:#979797; color:#fff; padding:10px; margin-top:2px;}
.iphoneImgWrapper{position:absolute; right:285px; top:-50px;}

.popuUpWrap.copyvideo .Grid td { padding: 6px 6px;
}
.popuUpWrap.copyvideo .userList, .popuUpWrap.copyvideo .emailList { padding-top: 13px; width:80%;
}
.admingrid .loginCountWrap{ border: 1px solid #cdd1da;
  background:#f1f1f1;
    box-shadow: 1px 1px 2px #b7b8ba;
    position: absolute;
    right: -2px;
    top: 36px;
    width: 135px;
	padding-bottom:10px;}
	
.bold{
	border: 1px solid #ddd9dd;
    height: 30px;
    padding: 6px 8px;
    width: 25px;
    cursor:pointer;
	background:#f8f8f8; margin-right:5px;
}

.noBtn1{
    background-color: #fafafa !importnat;
    border: 1px solid #b3b5b4;
    color: #c73130;
    font-weight: bold;
    height: 30px;
    margin: 0 2px;
    width: 27px;
    cursor: pointer;	
}

.selected1{
	background:#e4e7f0; border:1px solid #c0c1c6; color:#1f1f1f;
}

#PrivacySettingRadioButtonList label {
    width: auto;
}

.qusAddBtn1 {
    width: 30px;
	height:30px;
    float: left;
	border:1px solid #b3b5b4;
	background-color:#f7fbfc;
	color:#c63031;
	margin-left: 2px;
}

.pager.admin{ width:100%; padding:10px 0; margin-bottom:50px;}
.pager.admin span{ width:auto; float:left;}
.adminContentWrap .admingrid{ margin-bottom:0px;}
.adminContentWrap .admingrid tbody{max-height:500px; overflow-y:scroll;}
.pager.admin .right{ width:auto; float:right;}
.dateWrap1
{width:auto; float:right; padding:10px;   }
.posChanged{ position:absolute; top:80px;}
.exportTxt{  
    padding: 13px 8px 19px;
    width: 91%;}
.filterError{ border: 2px solid red; }

.CheckboxListWrap{ width: 230px;
  height: 70%;
  position: absolute;
  
  top: 83px;
  color: #3a3e47;
  right: 0;
  }



.innerAnnotationDiv{
    text-align: left;
    height: inherit;
    width: inherit;
    overflow: hidden;
    position: absolute;
    background-color:#e0e0de;
    color: #fff;
}

.checkbox-menu { width:25px; height:25px;     padding: 6px 8px;
    font-weight: bold; border:1px solid #969996; box-shadow:inset 1px 1px 1px #a1a1a6; color:#61656b; background:#cdd1d0;
}

.done_btn { padding:9px; margin:0 auto; float:none;
}

.skipEventInput {
	float:initial;
	width:35px;
	text-align:right;
}

.skipEventSpan{
	width: 20px; 
	float: right; 
	color: #616161; 
	padding-top: 7px; 
	
padding-left: 1px;
}

.skipEventInput {
	float:initial;
	width:35px;
	text-align:right;
}

.skipEventSpan{
	width: 20px; 
	float: right; 
	color: #616161; 
	padding-top: 7px; 
	padding-left: 1px;
}

.whatsNew{ width:1024px; height:145px; color:#fff; position:absolute ; top:50px; left:50%; margin-left:-512px;}
.whatsNew .col30{ border-right:2px solid rgba(255, 255, 255, 0.28); height:145px; }
.whatsNew .col30 .whatsNew-logo{ text-align:center; padding-top:23px; width:100%;}
.whatsNew .col30 .whatsNew-logo img{ text-align:center; float:none;}
.whatsNew .col30 span{width:100%; float:left; padding-top:10px; font-size:18px; font-family:Segoe; text-align:center;}
.whatsNew h1{ border:none; padding-top:6px}
.whatsNew .col70{padding-left:30px;}
.whatsNew .click-Btn{ width:100%; padding-left:12px;}
.whatsNew .closeIcon{ width:30px; height:30px; padding:7px; color:#fff; font-size:16px; cursor:pointer; background:rgba(18, 18, 18, 0.28); position:absolute; right:0; top:0;}

.markerdescription{  height: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 88%;
    word-wrap: normal; margin-left:-10px; font-weight:normal !important; color:#9c9b9b;
}

#mandatoryNote{ height:115px;}
.selectAnnotationImg{border:2px solid #c63031 !important;}
.clickRevealbox .upArrow{display:none;}

#SendEmailErrorLabel{
font-weight: normal;
    margin-top: -13px;
}
.sliderPos{ position: absolute;
    left: 246px;
    bottom: 8px;
    width: 200px;
    /* border: 1px solid red; */
    padding: 7px 22px;}
.RularWrap{ color:#fff; cursor:pointer;}
.gridSlider    {width: 62px; height: 5px;
    background: #ccc; margin-top:5px; margin-left:3px;}
.gridSlider a.ui-slider-handle{
    top: -6px;
    width: 9px;
    background:#c63031;
   border:none;}	
.videoGridBg{ height: 400px; position: absolute; top: 10px; width: 707px; left: 75px; display:none; z-index:1; opacity:0.3;
 background-image: url("../images/grid_small.png");
 background-size:  22px 21px;
}
.GridBgSmall{background-image: url("../images/grid_small.png"); background-size:  22px 21px;}
.GridBgMed{background-image: url("../images/grid_medium.png"); background-size:  100% 100%;}
.GridBgBig{background-image: url("../images/grid_large.png"); background-size:  100% 100%;}
.mediacontrol .fa-minus-square{  width:25px; color:#fff; margin-top:2px; padding-left:5px; }
.mediacontrol .fa-plus-square{ width:25px; color:#fff; margin-top:2px; margin-left:6px; }



	
/******** Media query for iPhone*************/	
@media only screen and (max-device-width : 680px)  { /* STYLES GO HERE */
.accessBlockImg img {
 border-width: 0;
    width:100%; height:auto;
    left: 0%;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 10%;
    
}
}
/******** Media query end *************/	

@media (max-width: 768px) {
   
   
    .getstart{
         width: 100% !important ;
    }
}

		/*
    here goes css for cookie popup 
*/

/*---------------------------------------------Cookie Consent Begin*--------------------------------------------------------------------------*/

#cookieConsent{
    background-color:rgba(0,0,0,0.85);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 16px;
    padding: 8px 0 8px 1059px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left:0;
    right: 0;
    width:100%;
    float:right;
    display: none;
    z-index: 9999;
    text-align:right;
}



/* Desktops and laptops */
 @media only screen and (min-width : 1224px) and (max-device-width: 1600px) {
  #cookieConsent{   padding: 8px 0 8px 540px;
} 
 }
/* Large screens */
/* @media only screen and (min-width : 1824px) {
 
} */
 
/* Tablets (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
 #cookieConsent {
    padding: 8px 0 8px 15px;
}
}
 
/* Tablets (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
 #cookieConsent{   padding: 8px 0 8px 15px; }
}
 
/* Smartphones (landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : landscape) {
 #cookieConsent{   padding: 8px 0 8px 15px; }
}
 
/* Smartphones (portrait) */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : portrait) {
 #cookieConsent{   padding: 8px 0 8px 15px; }
}





/*  @media only screen and (min-device-width: 601px) and (max-device-width: 962px) and (orientation: portrait) 
   {
 #cookieConsent{padding: 8px 0 8px 68px;}
 } 
   
   @media only screen and (max-device-width: 962px) and (min-device-width: 601px) and (orientation: landscape){
#cookieConsent {
    padding: 8px 0 8px 183px;
}
   } */


/* 
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { 
       
         #cookieConsent{   padding: 8px 0 8px 550px; }
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 767px) {
        #cookieConsent{   padding: 8px 0 8px 146px; }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
        #cookieConsent{   padding: 8px 0 8px 168px; }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px) {
        #cookieConsent{   padding: 8px 0 8px 540px; }
}
 */


.popup-text{
    display:inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.mybtn {
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    margin-top:0px;
    
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btnAlign{
display:inline-block;
float:right;
    
}
.mybtn-success:hover {
    color: #fff;
    background-color: #3d8b3d;
    border-color: #327232;
}

a.mybtn-success{
    display: inline-block;
    color: #fff;
    background-color: #4cae4c;
    border-color: #449d44;
    margin-top:5px;
    margin-bottom:5px;
    margin-left: 20px;
    
}

a.btnMore{
    display: inline-block;
    color: #333;
    background-color: #eee;
    border-color:#ccc;
    margin:5px 20px 5px 5px;
    /*float:right;*/
}

.btnMore:hover {
    color: #333;
    background-color: #d5d5d5;
    border-color: #adadad;
}

/*#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}*/
.popup-text{
    color: #fff;
    /*margin-top:10px;*/
    /*margin-right:10px;*/
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;  
    width: 20px;
    margin: 0;
    margin-top: 10px; 
    font-weight: bold; 
    margin-right: 20px;
    font-size: 25px;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}

@media only screen and (max-width:900px) {
    .btnAlign{
        float:left;
    }
    #cookieConsent{
        text-align:left;
    }
    .popup-text{
        display: block;
    }
    a.mybtn-success{
        margin-left: 0px;
    }
}

/*Cookie Consent End*/

#expirymailto {

float:none !important;
}

.hidden {
    display: none !important;
}

#custom_color, #custom_bg_color {
    display: flex;
    gap: 8px;
}

#apply_custom_color, #apply_bg_custom_color {
    background: #c63031;
    outline: none;
    border: none;
    color: white;
    cursor: pointer;
}