/*  ---------------------------------------------------------
	1. Embedded fonts styles
	2. General reset
	3. Common site styles
	4. Custom form styles
	5. Styles for responsive breakpoints
	---------------------------------------------------------*/
/*  ---------------------------------------------------------
	. Embedded fonts styles
	---------------------------------------------------------*/
/*@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Acme|Actor|Advent+Pro:100,200,300,400,500,600,700|Akronim|Aladin|Aldrich|Alegreya+SC:400,400i,700,700i,900,900i|Alegreya+Sans+SC:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Alegreya:400,400i,700,700i,900,900i|Alex+Brush|Alfa+Slab+One|Alice|Allura|Almendra+Display|Almendra+SC|Amatic+SC:400,700|Amita:400,700|Annie+Use+Your+Telescope|Anton|Arbutus|Architects+Daughter|Archivo+Black|Archivo+Narrow:400,400i,500,500i,600,600i,700,700i|Archivo:400,400i,500,500i,600,600i,700,700i|Arimo:400,400i,700,700i|Arvo:400,400i,700,700i|Asap+Condensed:400,400i,500,500i,600,600i,700,700i|Asap:400,400i,500,500i,600,600i,700,700i|Asset|Astloch:400,700|Atma:400,700|Atomic+Age|Aubrey|Audiowide|Bad+Script|Bahiana|Baloo+Bhaijaan|Baloo+Tammudu|Baloo+Thambi|Barrio|Berkshire+Swash|Bevan|Bigelow+Rules|Bilbo+Swash+Caps|BioRhyme+Expanded:400,700|Bitter:400,400i,700|Black+Ops+One|Bonbon|Bubblegum+Sans|Bungee|Bungee+Hairline|Bungee+Inline|Bungee+Outline|Butcherman|Butterfly+Kids|Cabin+Sketch:400,700|Cabin:400,500,700|Cantata+One|Catamaran:400,500,600,700|Caveat+Brush|Cedarville+Cursive|Chau+Philomene+One:400,400i|Chela+One|Chewy|Chicle|Cinzel+Decorative|Cinzel:400,700|Coiny|Combo|Comfortaa:300,400,700|Concert+One|Cookie|Cormorant+Garamond:400,400i,700|Cormorant+SC:400,700|Cormorant+Unicase:400,700|Courgette|Covered+By+Your+Grace|Creepster|Crete+Round|Croissant+One|Crushed|Cuprum:400,400i,700|Damion|Dancing+Script:400,700|Days+One|Dekko|Devonshire|Diplomata|Diplomata+SC|Domine:400,700|Dosis:200,300,400,500,600,700,800|Dr+Sugiyama|EB+Garamond|Eagle+Lake|Eater|Emblema+One|Erica+One|Exo+2:400,400i,700,700i|Fascinate|Fascinate+Inline|Faster+One|Fauna+One|Federant|Fjalla+One|Flavors|Freckle+Face|Fredericka+the+Great|Fredoka+One|Fresca|Fruktur|Fugaz+One|Galada|Galindo|Geo:400,400i|Geostar|Geostar+Fill|Glass+Antiqua|Gloria+Hallelujah|Goblin+One|Gochi+Hand|Gorditas:400,700|Grand+Hotel|Great+Vibes|Griffy|Hanalei|Hanalei+Fill|Handlee|Henny+Penny|Hind:400,700|Homemade+Apple|IM+Fell+DW+Pica+SC|IM+Fell+French+Canon+SC|IM+Fell+French+Canon:400,400i|IM+Fell+Great+Primer+SC|Iceberg|Inconsolata:400,700|Irish+Grover|Jacques+Francois+Shadow|Jim+Nightshade|Jockey+One|Jolly+Lodger|Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i|Josefin+Slab:100,100i,300,300i,400,400i,600,600i,700,700i|Joti+One|Julius+Sans+One|Jura:300,400,500,600,700|Kadwa:400,700|Kaushan+Script|Kavoon|Keania+One|Kenia|Kreon:300,400,700|Kumar+One|Kumar+One+Outline|Lakki+Reddy|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Leckerli+One|Libre+Barcode+39+Extended+Text|Libre+Baskerville:400,400i,700|Limelight|Lobster|Lobster+Two:400,400i,700,700i|Londrina+Shadow|Londrina+Sketch|Londrina+Solid:100,300,400,900|Love+Ya+Like+A+Sister|Lovers+Quarrel|Luckiest+Guy|Macondo+Swash+Caps|Magra:400,700|Marcellus|Marck+Script|Marko+One|MedievalSharp|Merriweather+Sans:300,300i,400,400i,700,700i,800,800i|Merriweather:300,300i,400,400i,700,700i,900,900i|Miltonian|Miss+Fajardose|Modak|Molle:400i|Monda:400,700|Monofett|Monoton|Montserrat+Alternates:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Montserrat+Subrayada:400,700|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Mr+Bedfort|Mr+Dafoe|Mrs+Sheppards|Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Nanum+Brush+Script|Nanum+Pen+Script|New+Rocker|Niconne|Nixie+One|Norican|Nothing+You+Could+Do|Nova+Cut|Nova+Flat|Nova+Oval|Nova+Script|Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Oleo+Script+Swash+Caps:400,700|Oleo+Script:400,700|Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Orbitron:400,700|Oswald:200,300,400,500,600,700|Oxygen+Mono|Oxygen:300,400,700|PT+Sans+Narrow:400,700|PT+Sans:400,400i,700,700i|PT+Serif+Caption:400,400i|PT+Serif:400,400i,700,700i|Pacifico|Passero+One|Passion+One:400,700,900|Patrick+Hand|Patua+One|Peralta|Permanent+Marker|Philosopher:400,400i,700|Piedra|Pinyon+Script|Pirata+One|Plaster|Play|Playball|Playfair+Display+SC:400,400i,700|Playfair+Display:400,400i,700,700i,900,900i|Poiret+One|Poly:400,400i|Poppins:300,400,500,600,700,800,900|Press+Start+2P|Rajdhani:300,400,500,600,700|Raleway+Dots|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rammetto+One|Redressed|Revalia|Ribeye+Marrow|Righteous|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i|Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Rock+Salt|Rokkitt:100,200,300,400,500,600,700,800,900|Rufina:400,700|Ruge+Boogie|Russo+One|Ruthie|Sacramento|Saira:100,200,300,400,500,600,700,800,900|Sansita:400,400i,700,700i,800,800i,900,900i|Satisfy|Sevillana|Shadows+Into+Light|Shadows+Into+Light+Two|Shrikhand|Sigmar+One|Signika+Negative:300,400,600,700|Signika:300,400,600,700|Sirin+Stencil|Six+Caps|Smokum|Snippet|Snowburst+One|Source+Code+Pro:400,700|Source+Sans+Pro:300,400,600,700,900|Special+Elite|Squada+One|Stalinist+One|Sue+Ellen+Francisco|Sunshiney|Swanky+and+Moo+Moo|Syncopate:400,700|Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900|Trade+Winds|Tulpen+One|Ubuntu+Mono:400,400i,700|Ubuntu:400,500,700|Ultra|Uncial+Antiqua|Underdog|Unica+One|UnifrakturCook:700|Unlock|VT323|Varela|Varela+Round|Voces|Vollkorn:400,400i,700|Wendy+One|Wire+One|Yanone+Kaffeesatz:200,300,400,700|Yesteryear');*/
/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');*/
@font-face {
    font-family: 'gotham_lightregular';
    src: url('/fonts/gotham-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("/fonts/Flaticon.svg#Flaticon") format("svg");
    }
}
/*==================================== GOTHAM LIGHT ===================================*/
@font-face {
    font-family: 'Gotham-Light';
    src: url('/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/Gotham-Light.woff') format('woff'), url('/fonts/Gotham-Light.ttf') format('truetype'), url('/fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*================================ OSWALD EXTRA LIGHT =================================*/
@font-face {
    font-family: 'Oswald-ExtraLight';
    src: url('/fonts/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/fonts/Oswald-ExtraLight.woff') format('woff'), url('/fonts/Oswald-ExtraLight.ttf') format('truetype'), url('/fonts/Oswald-ExtraLight.svg#Oswald-ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon !important;
    font-size: 15px;
    font-style: normal;
}

.flaticon-draw:before {
    content: "\f100";
}

.flaticon-share:before {
    content: "\f101";
}

.flaticon-view:before {
    content: "\f102";
}

/* icomoon font */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?an2ven');
    src: url('fonts/icomoon.eot?an2ven#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?an2ven') format('truetype'), url('fonts/icomoon.woff?an2ven') format('woff'), url('fonts/icomoon.svg?an2ven#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon-free';
    src: url('fonts/icomoon-free.ttf');
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-eye-plus, .icon-previous3, .icon-previous2, .icon-first {
    font-family: 'icomoon-free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-eye-plus:before {
    content: "\e9cf";
}

.icon-previous3:before {
    content: "\ea18";
}

.icon-previous2:before {
    content: "\ea23";
}

.icon-first:before {
    content: "\ea21";
}

.icon-technology:before {
    content: "\e900";
}

.icon-undo:before {
    content: "\e901";
}

.icon-close-button:before {
    content: "\e902";
}

.icon-cloud-computing:before {
    content: "\e903";
}

.icon-copy:before {
    content: "\e904";
}

.icon-eye:before {
    content: "\e905";
}

.icon-folder:before {
    content: "\e906";
}

.icon-house-outline:before {
    content: "\e907";
}

.icon-html:before {
    content: "\e908";
}

.icon-menu:before {
    content: "\e909";
}

.icon-picture:before {
    content: "\e90a";
}

.icon-picture-1:before {
    content: "\e90b";
}

.icon-redo:before {
    content: "\e90c";
}

.icon-rubbish-bin:before {
    content: "\e90d";
    font-size: 15px !important;
}


.icon-settings-cog:before {
    content: "\e90e";
}

.icon-upload-2:before {
    content: '\e913';
}


.icon-shape:before {
    content: "\e90f";
}

.icon-update-arrow:before {
    content: "\e910";
}

.icon-lock:before {
    content: "\e911";
}

.icon-layers:before {
    content: "\e912";
}

.icon-volume:before {
    content: "\e913";
}

.icon-cursor:before {
    content: "\e914";
}

.icon-paragraph:before {
    content: "\e915";
}

.icon-brightness:before {
    content: "\e916";
}

.icon-magic-wand:before {
    content: "\e917";
}

.icon-capitals:before {
    content: "\e918";
}

.icon-Generic_Text_Filled-100:before {
    content: "\e919";
}

.icon-Generic_Text-100:before {
    content: "\e91a";
}

.icon-bold:before {
    content: "\e91b";
}

.icon-center-align:before {
    content: "\e91c";
}

.icon-indent:before {
    content: "\e91d";
}

.icon-justify:before {
    content: "\e91e";
}

.icon-left-align:before {
    content: "\e91f";
}

.icon-link:before {
    content: "\e920";
}

.icon-list:before {
    content: "\e921";
}

.icon-pencil:before {
    content: "\e922";
}

.icon-right-align:before {
    content: "\e923";
}


/*New icons added by tic*/

.icon-text-width-adjustment-option:before {
    content: "\e924";
}

.icon-folder2:before {
    content: "\e925";
    font-weight: bold;
}

.icon-settings:before {
    content: "\e926";
}

.icon-graphic-desig:before {
    content: "\e927";
}

.icon-paint-brush:before {
    content: "\e928";
}

.icon-cinema:before {
    content: "\e929";
}

.icon-square-outline:before {
    content: "\e92a";
}

.icon-crop:before {
    content: "\e92b";
}

.icon-add_to_queue:before {
    content: "\e92c";
}

.icon-backward:before {
    content: "\e92d";
}

.icon-blocked:before {
    content: "\e92e";
}

.icon-book:before {
    content: "\e92f";
}

.icon-cancel-circle:before {
    content: "\e930";
}

.icon-checkmark:before {
    content: "\e931";
}

.icon-checkmark2:before {
    content: "\e932";
}

.icon-cloud-download:before {
    content: "\e933";
}

.icon-cloud-upload:before {
    content: "\e934";
}

.icon-cross:before {
    content: "\e935";
}

.icon-document-add:before {
    content: "\e936";
}

.icon-document-add2:before {
    content: "\e937";
}

.icon-download2:before {
    content: "\e938";
}

.icon-download3:before {
    content: "\e939";
}

.icon-enter:before {
    content: "\e93a";
}

.icon-exit:before {
    content: "\e93b";
}

.icon-folder3:before {
    content: "\e93c";
}

.icon-file-picture:before {
    content: "\e93d";
}

.icon-folder-add:before {
    content: "\e93e";
}

.icon-folder-minus:before {
    content: "\e93f";
}

.icon-folder-open:before {
    content: "\e940";
}

.icon-folder-plus:before {
    content: "\e941";
}

.icon-googleplus:before {
    content: "\e942";
}

.icon-home:before {
    content: "\e943";
}

.icon-image:before {
    content: "\e944";
}

.icon-images:before {
    content: "\e945";
}

.icon-info:before {
    content: "\e946";
}

.icon-map:before {
    content: "\e947";
}

.icon-map2:before {
    content: "\e948";
}

.icon-mic:before {
    content: "\e949";
}

.icon-minus:before {
    content: "\e94a";
}

.icon-music:before {
    content: "\e94b";
}

.icon-next:before {
    content: "\e94c";
}

.icon-note-add:before {
    content: "\e94d";
}

.icon-note-add2:before {
    content: "\e94e";
}

.icon-pause:before {
    content: "\e94f";
}

.icon-pencil2:before {
    content: "\e950";
}

.icon-play2:before {
    content: "\e951";
}

.icon-plus:before {
    content: "\e952";
}

.icon-plus2:before {
    content: "\e953";
}

.icon-plus-circle:before {
    content: "\e954";
}

.icon-plus-square:before {
    content: "\e955";
}

.icon-point-down:before {
    content: "\e956";
}

.icon-point-left:before {
    content: "\e957";
}

.icon-point-right:before {
    content: "\e958";
}

.icon-point-up:before {
    content: "\e959";
}

.icon-previous:before {
    content: "\e95a";
}

.icon-share-2:before {
    content: "\e95b";
}

.icon-stop:before {
    content: "\e95c";
}

.icon-table:before {
    content: "\e95d";
}

.icon-table2:before {
    content: "\e95e";
}

.icon-upload2:before {
    content: "\e95f";
}

.icon-upload3:before {
    content: "\e960";
}

.icon-folder-add2:before {
    content: "\e961";
}

.icon-pencil3:before {
    content: "\e962";
}

.icon-search2:before {
    content: "\e963";
}

.icon-zoom-in-outline:before {
    content: "\e964";
}

.icon-zoom-out-outline:before {
    content: "\e965";
}

.icon-zoomout:before {
    content: "\e966";
}

.icon-zoomin:before {
    content: "\e967";
}

.icon-search:before {
    content: "\e968";
}

.icon-zoom-in:before {
    content: "\e969";
}

.icon-zoom-out:before {
    content: "\e96a";
}

.icon-floppy:before {
    content: "\e96b";
}

.icon-floppy-disk:before {
    content: "\e96c";
}

.icon-error:before {
    content: "\e96d";
}

.icon-cancel:before {
    content: "\e96e";
}

.icon-content_copy:before {
    content: "\e96f";
}

.icon-copyright2:before {
    content: "\e970";
}

.icon-floppy-o:before {
    content: "\e971";
}

.icon-copyright:before {
    content: "\e972";
}

.icon-copy2:before {
    content: "\e973";
}

.icon-bin:before {
    content: "\e974";
}

.icon-bin2:before {
    content: "\e975";
}

.icon-fullscreen-alt:before {
    content: "\e976";
}

.icon-screen-full2:before {
    content: "\e977";
}

.icon-screen-full:before {
    content: "\e978";
}

.icon-fullscreen:before {
    content: "\e979";
}

.icon-enlarge:before {
    content: "\e97a";
}

.icon-fullscreen-exit:before {
    content: "\e97b";
}

.icon-fullscreen-exit-alt:before {
    content: "\e97c";
}

.icon-expand2:before {
    content: "\e97d";
}

.icon-resize-full-screen:before {
    content: "\e97e";
}

.icon-enlarge2:before {
    content: "\e97f";
}

.icon-fullscreen2:before {
    content: "\e980";
}

.icon-fullscreen_exit:before {
    content: "\e981";
}

.icon-television:before {
    content: "\e982";
}

.icon-tv:before {
    content: "\e983";
}

.icon-desktop1:before {
    content: "\e984";
}

.icon-display1:before {
    content: "\e985";
}

.icon-expand:before {
    content: "\e986";
}

.icon-paint-brush-and-palette:before {
    content: "\e987";
}

.icon-quill:before {
    content: "\e988";
}

.icon-theme:before {
    content: "\e989";
}

.icon-presentation:before {
    content: "\e98a";
}

.icon-zoom-in1:before {
    content: "\e98b";
}

.icon-presentation-board-with-graph:before {
    content: "\e98c";
}

.icon-teacher-pointing-blackboard:before {
    content: "\e98d";
}

.icon-film:before {
    content: "\e98e";
}

.icon-lock-open:before {
    content: "\e98f";
}

.icon-code:before {
    content: "\e901";
}

.icon-file-music:before {
    content: "\e990";
}

.icon-exit-left:before {
    content: "\e995";
}

.icon-equalizer-h:before {
    content: "\e998";
}

.icon-equalizer-v:before {
    content: "\e999";
}
/*  ---------------------------------------------------------
	. General reset
	---------------------------------------------------------*/
* {
    max-height: 100000px;
    box-sizing: border-box;
}

    *:before, *:after {
        box-sizing: border-box;
    }
/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    min-width: 320px;
    font-family: 'Poppins', sans-serif !important;
    color: #333;
    overflow-y: hidden;
}

a {
    text-decoration: none;
    letter-spacing: 1px !important;
}

    a:focus,
    a:active {
        text-decoration: none;
        outline: none;
    }

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, select, textarea {
    font-family: inherit !important;
    border: none;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/*  ---------------------------------------------------------
	. Сommon site styles
	---------------------------------------------------------*/
/* main container styles */
/*#wrapper {*/
/*overflow: hidden;*/
/*}*/

/*!* main styles *!*/

/*body {*/
/*font-family: 'gotham_lightregular' !important;*/
/*background: #141414 !important;*/
/*padding: 2vh 5vw;*/
/*overflow: hidden;*/
/*}*/

#header .user {
    display: inline-block;
    vertical-align: middle;
    margin: 25px 0;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

    #header .user img {
        width: 30px;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
    }

    #header .user .email {
        padding: 5px 0;
    }

    #header .user:hover {
        color: #ff4848;
    }

.logo {
    width: 50px;
    margin: 10px 0 15px;
    display: block;
}

    .logo img {
        width: 100%;
        height: auto;
        display: block;
    }

.prezentar-bg-color {
    background-color: #080024 !important;
}

.full-page-container {
    position: relative;
    z-index: 101;
    min-width: 875px;
    min-height: 550px;
    /*border: 1px solid #080024;
    border-radius: 2px;*/
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px -2px #000;
    overflow: hidden;
}

.login-wrapper {
    width: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.register-wrapper {
    width: 450px;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login.heading {
    font-weight: 300;
}

    .login.heading a {
        color: #fff;
    }

    .login.heading .loginLogo img {
        width: 50px;
    }

    .login.heading h2 {
        color: #fff;
        font-size: 2.5em;
        padding: 0;
        margin: 30px 0 0 0;
        margin-bottom: 10px;
        margin-top: 25px;
    }

    .login.heading h3 {
        color: #ffffff;
        padding: 10px 0;
        font-size: 25px;
        font-weight: 600;
    }

.forgotPassWrap a {
    margin: 30px 0 0;
    display: inline-block;
    color: #BDBCBD;
    border-bottom: 1px solid #A9A8A9;
    text-decoration: none;
}

    .forgotPassWrap a:hover {
        display: inline-block;
        color: #BDBCBD;
        border-bottom: 1px solid #A9A8A9;
        text-decoration: none;
    }

.btn_login {
    position: relative;
    width: 100%;
    height: 50px;
    background-color: transparent;
    border: 1px solid #f4ce00 !important;
    font-size: 20px;
    color: #f4ce00 !important;
    border-radius: 2px !important;
    margin: 20px 0 0;
}

    .btn_login:hover {
        color: #c62132 !important;
        border: 1px solid #c62132 !important;
    }

/* input styles */

.material-input-email {
    position: relative;
    margin-bottom: 28px;
}

    .material-input-email input, .material-input-email select, .material-input-email .form-control {
        display: block;
        width: 100%;
        padding: 3px 0 5px 5px;
        font-size: 16px;
        background: transparent;
        border: none;
        color: #fff !important;
        border-bottom: 1px solid #897CAB;
        outline: none;
    }
   .material-input-email select {
       
        padding: 3px 0 5px 5px !important;
        
    }

        .material-input-email input:hover, .material-input-email input:focus {
            border-bottom: 1px solid #c62132;
        }

    .material-input-email label {
        color: #999;
        font-size: 16px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 10px;
        -webkit-transition: 0.2s ease-in all;
        transition: 0.2s ease-in all;
    }

    .material-input-email.focus label, .material-input-email:valid label {
        top: -25px;
        font-size: 14px;
        color: #fff;
    }

    .material-input-email .bar {
        position: relative;
        display: block;
        width: 100%;
    }

        .material-input-email .bar:after, .material-input-email .bar:before {
            content: '';
            height: 1px;
            width: 0;
            bottom: 1px;
            position: absolute;
            background: #c62132;
            -webkit-transition: 0.2s ease all;
            transition: 0.2s ease all;
        }


        .material-input-email .bar:before {
            left: 50%;
        }

        .material-input-email .bar:after {
            right: 50%;
        }

    .material-input-email input:focus ~ .bar:before,
    .material-input-email input:focus ~ .bar:after,
    .material-input-email input:disabled ~ .bar:after {
        width: 50%;
    }

.material-file-input .material-input-email {
    width: 100%;
}

/* pass styles */

.material-input-pass {
    position: relative;
    margin-bottom: 15px;
}

    .material-input-pass input {
        display: block;
        width: 100%;
        padding: 8px 0 0;
        height: 42px;
        font-size: 16px;
        background: transparent;
        border: none;
        color: #fff !important;
        border-bottom: 1px solid #f4ce00;
        outline: none;
    }

        .material-input-pass input:hover, .material-input-pass input:focus {
            border-bottom: 1px solid #c62132;
        }

    .material-input-pass label {
        color: #999;
        font-size: 16px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 10px;
        -webkit-transition: 0.2s ease-in all;
        transition: 0.2s ease-in all;
    }

    .material-input-pass.focus label {
        top: -10px;
        font-size: 14px;
        color: #999;
    }

    .material-input-pass .bar {
        position: relative;
        display: block;
        width: 100%;
    }

        .material-input-pass .bar:after, .material-input-pass .bar:before {
            content: '';
            height: 1px;
            width: 0;
            bottom: 1px;
            position: absolute;
            background: #c62132;
            -webkit-transition: 0.2s ease all;
            transition: 0.2s ease all;
        }

        .material-input-pass .bar:before {
            left: 50%;
        }

        .material-input-pass .bar:after {
            right: 50%;
        }

    .material-input-pass input:focus ~ .bar:before,
    .material-input-pass input:focus ~ .bar:after,
    .material-input-pass input:disabled ~ .bar:after {
        width: 50%;
    }

.material-file-input .material-input-pass {
    width: 100%;
}

/* landing page styles */
.landing-wrapper .pageTitle {
    font-family: 'Raleway', sans-serif !important;
    font-size: 80px;
    line-height: 110px;
    color: #080024;
    padding-left: 15px;
}

.landing-wrapper h1 {
    font-size: 36px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    margin: 0 0 30px;
}

.landing-wrapper .holder {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

    .landing-wrapper .holder .circle {
        width: 200px;
        height: 200px;
        margin: 0 auto 20px;
        display: block;
        border: 8px solid #fff;
        border-radius: 100%;
        padding: 62px 0;
        color: #fff;
        font-size: 60px;
        line-height: 60px;
    }

    .landing-wrapper .holder:hover .circle {
        color: #c62132; /*#ff4828;*/
        border-color: #c62132; /*#ff4828;*/
    }

.box-holder {
    width: 170px !important;
    display: inline-block;
    text-align: center;
}

    .box-holder .box {
        width: 200px;
        height: 150px;
        margin: 0 auto 20px;
        display: block;
        border: 8px solid #fff;
        border-radius: 10%;
        padding: 10px 0;
        color: #fff;
        font-size: 60px;
        line-height: 60px;
    }

    .box-holder:hover .box {
        color: #c62132; /*#ff4828;*/
        border-color: #c62132; /*#ff4828;*/
    }

.box .thumb {
    width: 100%;
    height: 70%;
    text-align: center;
}

.box .caption {
    width: 100%;
    text-align: center;
    font-size: 18px;
}

#style-sd-text-cnt {
    width: 100%;
    margin-top: 20px;
}

.landing-wrapper .title {
    font-size: 18px;
    line-height: 30px;
    color: #d3d3d3;
}

.landing-wrapper .holder:hover .title {
    color: #c62132;
}
/*Audio Choose container*/
.landing-wrapper-audio h1 {
    font-size: 36px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    margin: 30px 0;
}

.landing-wrapper-audio .holder {
    text-decoration: none;
    cursor: pointer;
    display: block;
    vertical-align: top;
}

    .landing-wrapper-audio .holder .circle {
        width: 200px;
        height: 200px;
        margin: 0 auto 20px;
        display: block;
        border: 8px solid #fff;
        border-radius: 100%;
        padding: 62px 0 62px 13%;
        color: #fff;
        font-size: 60px;
        line-height: 60px;
    }

    .landing-wrapper-audio .holder:hover .circle {
        color: #c62132;
        border-color: #c62132;
    }

.landing-wrapper-audio .title {
    font-size: 18px;
    line-height: 30px;
    color: #d3d3d3;
    margin-left: 33%;
}

.landing-wrapper-audio .holder:hover .title {
    color: #c62132;
}
/* main page styles */
.main-wrapper {
    padding: 0 15px;
    overflow: hidden;
}

    .main-wrapper .customTemp {
        min-height: 180px;
        margin: 15px 0;
        box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0), 0 -2px 0 0 rgba(255, 255, 255, 0), 2px 0 5px 0 rgba(0, 0, 0, 0.15), -2px 0 5px 0 rgba(0, 0, 0, 0.15);
        background-color: #080024;
        position: relative;
        text-align: center;
    }

    .main-wrapper .header {
        padding: 0 0 15px;
        min-height: 370px;
    }

    .main-wrapper h1 {
        font-size: 24px;
        font-weight: 100;
        color: #fff;
        text-align: center;
        margin: 12px 0;
    }

    .main-wrapper .customTemp img {
        /*width: 100%;
    height: auto; 
    display: block;
        max-height: 150px;*/
        width: 100%;
        display: block;
        height: 225px;
    }

    .main-wrapper .customTemp label {
        padding: 15px 7px;
        text-align: center;
        display: block;
        font-size: 14px;
        color: #fff;
        z-index: 99;
        position: relative;
        font-weight: normal;
    }

    .main-wrapper .hover {
        padding: 80px 0 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        background: #080024bd;
        display: none;
    }

        .main-wrapper .hover a {
            font-size: 10px;
            font-weight: bold;
            line-height: 20px;
            color: #f3f3f3;
            text-decoration: none;
            display: inline-block;
        }

            .main-wrapper .hover a span {
                width: 40px;
                height: 40px;
                padding: 19px 11px;
                margin: 0 5px 10px;
                border-radius: 100%;
                border: 2px solid #ddd;
                display: block;
                color: #f3f3f3;
                padding-top: 10px;
                cursor: pointer;
            }

            .main-wrapper .hover a:hover {
                color: #c62132;
            }

                .main-wrapper .hover a:hover span {
                    background: #c62132;
                    border-color: #c62132;
                    color: #fff;
                }

    .main-wrapper .customTemp:hover .hover {
        display: block;
    }

    .main-wrapper .search {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

    .main-wrapper button[type="submit"] {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        background: none;
        border: none;
        width: 40px;
        padding: 10px;
    }

        .main-wrapper button[type="submit"] img {
            width: 100%;
            height: auto;
            display: block;
        }

    .main-wrapper .new {
        width: 100%;
        text-align: right;
        display: inline-block;
        vertical-align: top;
    }

        .main-wrapper .new a {
            font-size: 14px;
            line-height: 20px;
            color: #f4ce00;
            background-color: transparent;
            border-color: #f4ce00;
            min-width: 120px;
            padding: 13px 20px;
            border-radius: 0;
        }

            .main-wrapper .new a:hover {
                color: #c62132;
                border: 1px solid #c62132;
            }

    .main-wrapper .choose {
        position: relative;
    }

        .main-wrapper .choose .dropdown {
            z-index: 9;
            width: 100%;
            top: 15px;
            text-align: left;
            border-right: 1px solid;
        }

            .main-wrapper .choose .dropdown li {
                border-top: 1px solid #2d2d2d;
            }

            .main-wrapper .choose .dropdown a {
                padding: 15px 20px;
                display: block;
                font-size: 16px !important;
                line-height: 22px;
                color: #fff;
                text-decoration: none;
                cursor: pointer;
            }

                .main-wrapper .choose .dropdown a:hover {
                    color: #f4ce00;
                }

    .main-wrapper .input-group {
        width: 100%;
        padding: 30px 20px 20px 0;
    }

    .main-wrapper input[type="search"] {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #2d2d2d;
        background: none;
        padding: 0 0 0 20px;
        color: #fff;
    }

        .main-wrapper input[type="search"]:focus {
            outline: none !important;
        }

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    background: rgba(0,0,0,0.5);
    display: none;
}

/*.customTab {*/
/*border-bottom: 1px solid #c62132 !important;*/
/*padding: 0 !important;*/
/*background: #333 !important;*/
/*}*/

/*.customTab li a {*/
/*text-transform: uppercase;*/
/*padding: 25px 20px !important;*/
/*color: #fff;*/
/*border-radius: 0;*/
/*}*/

/*.customTab li a:hover {*/
/*color: #fff !important;*/
/*background-color: transparent !important;*/
/*border-color: transparent !important;*/
/*opacity: 1;*/
/*}*/

/*.customTab li a:focus {*/
/*color: #fff !important;*/
/*border: 1px solid #c62132 !important;*/
/*border-bottom-color: transparent !important;*/
/*}*/

/*.customTab li.active a {*/
/*text-transform: uppercase !important;*/
/*color: #fff !important;*/
/*border: 1px solid #c62132 !important;*/
/*border-bottom-color: transparent !important;*/
/*background-color: #c62132 !important;*/
/*border-radius: 0 !important;*/
/*}*/

/*.customTab li.active a:hover {*/
/*color: #fff !important;*/
/*border: 1px solid #c62132 !important;*/
/*border-bottom-color: transparent !important;*/
/*}*/

.hei-holder {
    /*height: 545px;
    overflow-y: auto;
    overflow-x: hidden;*/
    text-align: left;
}

    .hei-holder [class*="col-"] {
        /*width: 32.6%;*/
        /*display: inline-block;
        vertical-align: top;
        float: none;*/
    }

/* editor styles */
/*#side-bar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 193px;
    padding: 10px 15px;
	background-color: #080024;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,.54);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,.54);
	box-shadow: 0 0 25px rgba(0,0,0,.54);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}*/
#side-bar.hidding {
    left: -193px;
}

#show-slides .close {
    width: 25px;
    height: 53px;
    background: #080024;
    position: absolute;
    top: 50%;
    left: 100%;
    padding: 14px 0;
    right: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 0 30px 30px 0;
    display: block;
    opacity: 1;
    color: #b3b3b3;
    margin-left: -10px;      /*/Adding this for Issue No#137/*/
}

    #show-slides .close i {
        color: #fff;
    }

    #show-slides .close:hover {
        opacity: 1;
    }

#side-bar .top-sec {
    padding: 30px 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #6f6f6f;
}

    #side-bar .top-sec ul {
        margin: 0;
        padding: 0;
        letter-spacing: -5px;
        text-align: center;
    }

        #side-bar .top-sec ul li {
            display: inline-block;
            vertical-align: middle;
            letter-spacing: normal;
            /*padding: 0 6px;*/
        }

            #side-bar .top-sec ul li a {
                font-size: 18px;
                line-height: 18px;
                color: #fff;
                text-decoration: none;
            }

                #side-bar .top-sec ul li a:hover {
                    opacity: 0.8;
                }

#side-bar .slide {
    height: 540px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 -10px 0 0;
    padding: 0 10px 0 0;
}

    #side-bar .slide::-webkit-scrollbar {
        width: 5px;
    }

    #side-bar .slide::-webkit-scrollbar-track {
        background: #080024;
    }

    #side-bar .slide::-webkit-scrollbar-thumb {
        background: #080024;
    }

    #side-bar .slide ul {
        letter-spacing: -5px;
        margin: 0;
        padding: 0;
    }

        #side-bar .slide ul li {
            letter-spacing: normal;
            padding: 0;
            position: relative;
        }

            #side-bar .slide ul li a {
                font-size: 14px;
                font-weight: 300;
                text-align: left;
                overflow: hidden;
                white-space: normal;
                text-overflow: ellipsis;
                width: 150px;
                color: #fff;
                padding: 10px 0 10px 25px;
                text-decoration: none;
                position: relative;
            }

                #side-bar .slide ul li a:before {
                    content: '\e906' !important;
                    position: absolute;
                    top: 10px;
                    left: 0;
                    font-family: "icomoon";
                }

                #side-bar .slide ul li a.collapsed:before {
                    content: "\e90f" !important;
                    position: absolute;
                    top: 10px;
                    left: 0;
                    font-family: "icomoon";
                }

    #side-bar .slide .btn-close {
        width: inherit;
        font-size: 10px;
        line-height: 10px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 15px 0;
    }

        #side-bar .slide .btn-close:hover {
            opacity: 0.8;
        }

        #side-bar .slide .btn-close:before {
            display: none;
        }

    #side-bar .slide .slide-holder {
        min-height: 80px;
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0 0 15px;
    }

        #side-bar .slide .slide-holder img {
            width: 100%;
            height: auto;
            display: block;
        }

    #side-bar .slide .tools {
        background: #292929;
        padding: 14px 10px;
        display: inline-block;
        border-radius: 30px;
        position: absolute;
        top: 50%;
        left: -30px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        #side-bar .slide .tools ul {
            letter-spacing: -5px;
            margin: 0;
            padding: 0;
            text-align: center;
        }

        #side-bar .slide .tools li {
            display: block;
            letter-spacing: normal;
            padding: 2px 0;
        }

            #side-bar .slide .tools li a {
                font-size: 9px;
                line-height: 9px;
                padding: 0;
            }

        #side-bar .slide .tools a:before {
            display: none;
        }

        #side-bar .slide .tools a:hover {
            opacity: 0.8;
        }

    #side-bar .slide .slide-holder:hover {
        -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
        box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    }

        #side-bar .slide .slide-holder:hover .tools {
            left: 5px;
        }

/* menu styles */
#menu {
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: 150px;
    /*width: 300px;
    height: 130px;
    position: absolute;
    bottom: 20px;*/
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

    #menu.active {
        width: 300px;
        height: 130px;
        position: sticky;
        bottom: 20px;
    }

    #menu ul {
        letter-spacing: -5px;
        margin: 0;
        padding: 0;
    }

        #menu ul li {
            letter-spacing: normal;
            padding: 0;
            text-align: center;
        }

            #menu ul li a {
                width: 40px;
                height: 40px;
                background: #fff;
                border: 1px solid #999;
                border-radius: 100%;
                display: block;
                font-size: 22px;
                line-height: 22px;
                padding: 8px 0;
                color: #000;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                text-decoration: none;
                cursor: pointer;
            }

            #menu ul li.menu-bar a {
                position: absolute;
                top: 90px;
                left: 50%;
                margin: 0 0 0 -20px;
            }

            #menu ul li.bg a {
                position: absolute;
                top: 90px;
                left: 50%;
                margin: 0 0 0 -20px;
            }

            #menu ul li.view a {
                position: absolute;
                top: 90px;
                left: 50%;
                margin: 0 0 0 -20px;
            }

            #menu ul li.download a {
                position: absolute;
                top: 90px;
                left: 50%;
                margin: 0 0 0 -20px;
            }

            #menu ul li.save a {
                position: absolute;
                top: 90px;
                left: 50%;
                margin: 0 0 0 -20px;
            }

            #menu ul li.code a {
                position: absolute;
                top: 90px;
                left: 50%;
                margin: 0 0 0 -20px;
            }

            #menu ul li.zoom-menu-button a {
                position: absolute;
                top: 90px;
                left: 50%;
                margin: 0 0 0 -20px;
            }

            #menu ul li.theme-settings-menu-button a {
                position: absolute;
                top: 90px;
                left: 50%;
                margin: 0 0 0 -20px;
            }

            #menu ul li.share-menu-button a {
                position: absolute;
                top: 90px;
                left: 50%;
                margin: 0 0 0 -20px;
            }

    #menu.active ul li.bg a {
        top: 90px;
        left: 35px;
        margin: 0;
    }

    #menu.active ul li.code a {
        top: 5px;
        left: 50%;
        margin: 0 0 0 -20px;
    }

    #menu.active ul li.save a {
        top: 90px;
        left: 225px;
        margin: 0;
    }

    #menu.active ul li.view a {
        top: 35px;
        left: 65px;
        margin: 0;
    }

    #menu.active ul li.download a {
        top: 35px;
        left: 195px;
        margin: 0;
    }

    #menu ul li a:before {
        content: '';
        position: absolute;
        font-family: "icomoon" !important;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    #menu ul li.menu-bar a:before {
        content: '\e909';
    }

    #menu.active ul li.zoom-menu-button a {
        /*top: 35px;
        left: 65px;
        margin: 0;*/
        bottom: 0;
        position: absolute;
        cursor: pointer;
        left: -5px;
    }

    #menu.active ul li.theme-settings-menu-button a {
        /*top: 35px;
        left: 65px;
        margin: 0;*/
        bottom: 0;
        position: absolute;
        cursor: pointer;
        left: -5px;
    }


    #menu.active ul li.share-menu-button a {
        /*top: 35px;
        left: 65px;
        margin: 0;*/
        bottom: 0;
        position: absolute;
        cursor: pointer;
        margin-left: 135px;
    }
/*#menu ul li.bg a:before {
        content: '\e90b';
        font-weight: bold;
    }*/

/*#menu ul li.view a:before {
        content: '\e905';
    }*/

/*#menu ul li.code a:before {
        content: '\e908';
        font-weight: bold;
    }*/

/*#menu ul li.save a:before {
        content: '\e903';
    }

    #menu ul li.download a:before {
        content: '\e900';
    }*/
/*#menu ul li.zoom-menu-button .icon-zoom-in-outline:before {
        content: '\e969';
    }
    #menu ul li.share-menu-button .icon-share:before {
        content: '\e95b';
    }*/
/* t-editor styles */
#t-editor {
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

    #t-editor ul {
        letter-spacing: -5px;
        margin: 0;
        padding: 0;
    }

        #t-editor ul li {
            letter-spacing: normal;
            padding: 0;
            text-align: center;
        }

            #t-editor ul li a {
                width: 30px;
                height: 30px;
                border-radius: 100%;
                background: #fff;
                border: 1px solid #999;
                margin: 0 0 5px;
                display: block;
                text-align: center;
                position: relative;
                color: #333;
            }

                #t-editor ul li a:hover {
                    background: #797878;
                    color: #fff;
                    border-color: #333;
                }

                #t-editor ul li a:before {
                    content: "";
                    position: absolute;
                    font-family: 'icomoon' !important;
                    top: 5px;
                    left: 50%;
                    transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                }

                #t-editor ul li a:before {
                    content: "";
                    position: absolute;
                    font-family: 'icomoon';
                    top: 5px;
                    left: 50%;
                    transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                }

            #t-editor ul li.style a:before {
                content: '\e922';
            }

            #t-editor ul li.text-size a:before {
                content: '\e918';
            }

            #t-editor ul li.text-align a:before {
                content: '\e91f';
            }

            #t-editor ul li.text-bold a:before {
                content: '\e91b';
            }

            #t-editor ul li.text-color a:before {
                content: '\e91a';
            }

            #t-editor ul li.text-background a:before {
                content: '\e919';
            }

            #t-editor ul li.fx a:before {
                content: '\e917';
            }

            #t-editor ul li.opacity a:before {
                content: '\e916';
            }

            #t-editor ul li.bullets a:before {
                content: '\e921';
            }

            #t-editor ul li.text-indent a:before {
                content: '\e91d';
            }

            #t-editor ul li.paragraph a:before {
                content: '\e915';
            }

            #t-editor ul li.link a:before {
                content: '\e920';
            }

            #t-editor ul li.pointer a:before {
                content: '\e914';
                font-weight: bold;
            }

            #t-editor ul li.audio a:before {
                content: '\e913';
                font-weight: bold;
            }

            #t-editor ul li.layers a:before {
                content: '\e912';
                font-weight: bold;
            }

            #t-editor ul li.lock a:before {
                content: '\e911';
                font-weight: bold;
            }

            #t-editor ul li.rotate a:before {
                content: '\e910';
                font-weight: bold;
            }

/* slider bottom styles */
.zoom {
    position: relative;
    top: 25px;
}

/*  ---------------------------------------------------------
	. Styles for Responsive web design
	---------------------------------------------------------*/

@media screen and (max-width:1200px) {
    .tel {
        pointer-events: inherit;
    }
}

@media screen and (max-width:992px) {
    .testimonials {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .testimonials .img-holder {
            width: 80px;
            margin: 0 auto;
            display: block;
            float: none;
        }

        .testimonials p {
            margin: 0 0 15px;
        }

    .full-page-container {
        min-width: 100%;
    }

    .main-wrapper .choose .dropdown {
        width: 100%;
        float: none;
        position: inherit;
        top: 0;
    }

    .main-wrapper .hover {
        padding: 100px 0 0;
    }

    .hei-holder {
        height: auto;
    }

        .hei-holder [class*="col-"] {
            width: 100%;
        }

    .main-wrapper .new {
        margin: 15px 0 0;
    }

    .main-wrapper .choose .dropdown li:last-child {
        border-bottom: 1px solid #2d2d2d;
    }
}

@media screen and (max-width:767px) {
    body {
        overflow: auto;
    }

    .landing-wrapper .holder .circle {
        width: 150px;
        height: 150px;
        padding: 38px 0;
        margin: 20px auto;
    }

    .banner h1 {
        font-size: 28px;
        line-height: 34px;
    }

    .banner .video {
        height: 180px;
    }

    .banner .main-text {
        font-size: 12px;
        line-height: 22px;
        margin: 0;
    }

    .landing-wrapper .pageTitle {
        font-size: 42px;
    }

    .landing-wrapper h1 {
        font-size: 20px;
    }
}

.customTab li a {
    font-size: 16px !important;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.forgotPassWrap a {
    margin: 10px 0 0;
    display: inline-block;
    color: #BDBCBD;
    border-bottom: 1px solid #A9A8A9;
    text-decoration: none;
}

#audioEditorFrame {
    position: relative;
    /*z-index: 99999;*/
}

.frameCls {
    height: 360px !important;
    width: 609px !important;
    border: 1px solid blue !important;
}

.btn_back {
    float: left;
    width: 215px;
    cursor: pointer;
}

.btn_next {
    float: left;
    width: 210px;
    margin-left: 20px;
    cursor: pointer;
}

#media-upload {
    height: 36px;
    cursor: pointer;
    width: 100px;
    transform: translate(-7%,-20%);
}

.playerFrame {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -250px;
    width: 1000px;
    height: 500px;
    z-index: 9999999;
}

.playerFrameCloseBtn {
    height: 20px;
    position: absolute;
    z-index: 999999;
    right: 8px;
    top: 6px;
    display: none;
    cursor: pointer;
}

#view-icon.loading {
    background-image: url(/Content/images/loading.gif) !important;
    background-size: 30px !important;
    background-position: center 6px !important;
    background-repeat: no-repeat;
}

.glyphicon-menu-right:before {
    content: "\e258";
}

textarea.form-control {
    height: auto;
    resize: none;
    text-overflow: ellipsis;
    cursor: pointer;
}

.opaqueLayer {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=60);
    background-color: rgba(160, 160, 160, 0.4);
    z-Index: 9999;
    width: 100% !important;
    height: 100% !important;
}

.opaqueLayer2 {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=60);
    background-color: rgba(160, 160, 160, 0.4);
    z-Index: 99999999999;
    width: 100% !important;
    height: 100% !important;
}

.prezentarLoaderLayer {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=60);
    background-color: #503f889c;
    z-Index: 99999999999;
    width: 100% !important;
    height: 100% !important;
}

#loaderlayerdetail.prezentarLoaderLayer {
    background-color: #0c061cd4 !important;
}

.prezentarLoaderLayer .loader {
    top: 50%;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin-top: -69.09px;
}

    .prezentarLoaderLayer .loader img {
        height: 120px;
    }

    .prezentarLoaderLayer .loader .loader-label {
        font-size: 12px;
        font-weight: bold;
        /*color: #150D2F;*/
        color: #fff;
        margin-left: -15px;
    }



.imgUploadingEror {
    color: red;
    float: left;
    margin-top: 24px;
    margin-left: 125px;
    font-size: 16px !important;
}

.login.heading h2 {
    color: #fff;
    font-size: 15px;
    padding: 0;
    margin: 20px 0 0 0;
}

.login.heading h3 {
    color: #ffffff;
    padding: 10px 0;
    font-size: 25px;
    font-weight: 600;
}

.web-fullscreen {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin-left: 0;
    margin-top: 0;
}

.web-frame-fullscreen {
    width: 100% !important;
    height: 100% !important;
}

.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

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

.padding-left-0 {
    padding-left: 0px !important;
}

.login.heading > h6 {
    font-size: 16px !important;
}

.addslider_inner_popUp {
    width: 550px !important;
}

#ThemeEditorContainer {
    /*position: fixed;
    display: block;
    margin: 0px 10px !important;
    top: 60px;
    z-index: 99999999;
    left: 20%;
    width: 880px;
    height: 530px;*/
    z-index: 99999999;
    width: 100%;
    height: 100%;
}

.font-size-127 {
    font-size: 127px !important;
}

.font-size-125 {
    font-size: 125px !important;
}

.font-size-123 {
    font-size: 123px !important;
}

.font-size-121 {
    font-size: 121px !important;
}

.font-size-100 {
    font-size: 100px !important;
}

.font-size-95 {
    font-size: 95px !important;
}

.font-size-90 {
    font-size: 90px !important;
}

.font-size-85 {
    font-size: 85px !important;
}

.font-size-80 {
    font-size: 80px !important;
}

.font-size-75 {
    font-size: 75px !important;
}

.font-size-70 {
    font-size: 70px !important;
}

.font-size-65 {
    font-size: 65px !important;
}

.font-size-60 {
    font-size: 60px !important;
}

.font-size-55 {
    font-size: 55px !important;
}

.font-size-50 {
    font-size: 50px !important;
}

.font-size-48 {
    font-size: 48px !important;
}

.font-size-46 {
    font-size: 46px !important;
}

.font-size-44 {
    font-size: 44px !important;
}

.font-size-42 {
    font-size: 42px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-38 {
    font-size: 38px !important;
}

.font-size-36 {
    font-size: 36px !important;
}

.font-size-34 {
    font-size: 34px !important;
}

.font-size-32 {
    font-size: 32px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

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

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

.font-size-10 {
    font-size: 10px !important;
}

.glyphicon-menu-left:before {
    content: "\e257";
    margin-left: 0px;
}

.cross, .modal .close {
    width: 30px;
    height: 30px;
    color: white;
    border: 2.5px solid #fff !important;
    padding: 4px 5px;
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 99;
    letter-spacing: 0px !important;
    text-decoration: none !important;
    background-color: transparent;
    font-size: 14px;
    opacity: 1;
    margin: 5px 5px 0px 0px;
}

    .cross i, .modal .close i {
        display: block;
    }

.modal .close {
    padding: 0px;
}
/*.cross:hover {
        color: #c62132;
        border: 1px solid #c62132;
        letter-spacing: 0px !important;
        text-decoration: none !important;
    }*/
.width-150 {
    width: 150px !important;
}

.width-450 {
    width: 450px !important;
}

.margin-auto {
    margin: auto;
}

.change-template-name-wrapper {
    width: 550px !important;
    margin: auto;
    padding-top: 50px;
}

/*.navbar-nav > li > a {
    color: white !important;
}*/

/*.navbar-nav > li:hover {*/
/*background: #c62132 !important;*/
/*color: #f4ce00 !important;*/
/*}*/

/*.navbar-nav > li > a:hover {*/
/*background: #c62132 !important;*/
/*color: #f4ce00 !important;*/
/*}*/

.de-bg-arr {
    background-image: none !important;
}

.btn-browse {
    height: 40px;
    position: absolute;
    right: 0px;
    text-align: center;
    width: 105px;
    padding-top: 0px;
    position: absolute;
    border: 0px solid transparent !important;
    text-align: center;
    position: relative;
    text-align: center !important;
    float: left;
    background: transparent !important;
    border: 1px solid #c62132 !important;
    font-size: 14px !important;
    color: #c62132 !important;
    border-radius: 2px !important;
    line-height: 0 !important;
    margin-top: 20px;
}

    .btn-browse > span {
        height: inherit;
        line-height: 100%;
        padding-top: 12px;
        text-align: center;
        vertical-align: middle;
        display: block;
        left: 0;
        position: absolute;
        width: 100%;
        border: 0px solid transparent !important;
        text-align: center;
        position: relative;
        text-align: center !important;
        background: transparent !important;
        font-size: 14px;
        color: #c62132 !important;
        border-radius: 2px !important;
    }

#theme-file-upload, #bgImage-file-upload, .file-upload-custom {
    font-size: 14px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: inherit;
    height: 32px;
    cursor: pointer;
}

#sd-video .btn-danger {
    color: #fff;
    background-color: #c62132;
    border-color: #c62132;
}
/*.loginLogo{
    float:left;
}*/
.pageHeading-logo {
    padding-left: 0 !important;
    padding-top: 5px;
    color: white;
}

/*Welcome page side menu*/
.nav-side-menu {
    overflow: hidden;
    background-color: #080024;
    width: 100%;
    height: 550px;
    color: #fffff0;
    border-right: 1px solid #23282e;
}

    .nav-side-menu .brand {
        background-color: #f4ce00;
        line-height: 50px;
        display: block;
        text-align: center;
        font-size: 35px;
        color: #080024;
    }

    .nav-side-menu .toggle-btn {
        display: none;
    }

    .nav-side-menu ul,
    .nav-side-menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        line-height: 50px;
        cursor: pointer;
        /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
    }

        .nav-side-menu ul :not(collapsed) .arrow:before,
        .nav-side-menu li :not(collapsed) .arrow:before {
            font-family: FontAwesome;
            content: "\f078";
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: middle;
            float: right;
        }

        .nav-side-menu ul .active,
        .nav-side-menu li .active {
            border-left: 3px solid #d19b3d;
            background-color: #4f5b69;
        }

        .nav-side-menu ul .sub-menu li.active,
        .nav-side-menu li .sub-menu li.active {
            color: #d19b3d;
        }

        .nav-side-menu ul .sub-menu a li.active,
        .nav-side-menu li .sub-menu a li.active {
            color: #d19b3d;
        }

        .nav-side-menu ul .sub-menu li,
        .nav-side-menu li .sub-menu li {
            background-color: #181c20;
            border: none;
            line-height: 28px;
            border-bottom: 1px solid #23282e;
            margin-left: 0px;
        }

            .nav-side-menu ul .sub-menu li:hover,
            .nav-side-menu li .sub-menu li:hover {
                background-color: #020203;
            }

        .nav-side-menu ul a:hover {
            color: #ffffff;
        }

        .nav-side-menu ul .sub-menu li:before,
        .nav-side-menu li .sub-menu li:before {
            font-family: FontAwesome;
            content: "\f105";
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: middle;
        }

    .nav-side-menu li {
        padding-left: 0px;
        /*border-left: 3px solid #2e353d;*/
        border-bottom: 1px solid #23282e;
    }

    .nav-side-menu a li {
        text-decoration: none;
        color: #e1ffff;
    }

        .nav-side-menu a li i {
            padding-left: 10px;
            width: 20px;
            padding-right: 20px;
        }

        .nav-side-menu a li:hover {
            border-left: 3px solid #f4ce00;
            background-color: #c62132;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
            text-decoration: none;
        }

    .nav-side-menu a .selected {
        border-left: 3px solid #f4ce00;
        background-color: #c62132;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
        text-decoration: none;
    }

    .nav-side-menu a {
        text-decoration: none !important;
    }

@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

        .nav-side-menu .toggle-btn {
            display: block;
            cursor: pointer;
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 10 !important;
            padding: 3px;
            background-color: #ffffff;
            color: #000;
            width: 40px;
            text-align: center;
        }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}

@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

.text-color-white {
    color: white;
}

.txt-lable {
    /*background-color:#c62132;*/
    color: #f4ce00;
}

.text-upper {
    text-transform: uppercase !important;
}

.welcome-heading {
    text-align: center;
    color: #f8d722;
    border-bottom: 3px solid #c62132;
    margin-bottom: 10px;
    width: 97%;
}

    .welcome-heading h2 {
        font-size: 50px;
    }

.welcome-video {
    width: 97%;
    height: 400px;
}

.hide-lable-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sd-bg-image-added {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
}

.em-dialog {
    height: auto !important;
    min-height: 190px;
    /*padding-bottom: 10px;*/
}

#error-tray {
    background: #fcb2b2;
    text-align: left;
    padding-left: 10px;
    font-size: 15px;
    color: #fb0b0b;
}

.validation-errors > ol, .validation-errors > ul {
    list-style: inside;
}
/*.zoom-menu-button{
    bottom: 0;
    position: absolute;
    cursor:pointer;
    margin-left: -10px;
}
.share-menu-button{
    bottom: 0;
    position: absolute;
    cursor:pointer;
    margin-left: 270px;
}*/
.jssocials-share {
    display: block !important;
    vertical-align: top;
    margin: 0.3em 0.6em 0.3em 0;
}

.social-share-menu-buttons {
    float: right;
    left: 40px;
    position: relative;
    top: -150px;
}

.icon-* {
    cursor: pointer;
}
/*.social-share-button {
    top: 40px;
}*/

/*.jssocials-share:last-child {
    margin-right: 7px !important;
}*/

/*.social-share-buttons {
    top: 35px;
    left: 10px;
}*/
.prezentar-bg-color-red {
    background-color: #c62132;
}

.prezentar-bg-color-yellow {
    background-color: #f4ce00;
}

.prezentar-bg-color-green {
    background-color: #8ec47c;
}

.prezentar-color-red {
    color: #c62132;
}

.prezentar-color-yellow {
    color: #f4ce00;
}

.prezentar-color-green {
    color: #8ec47c;
}

.top-sec #new-slide-control-user {
    cursor: pointer;
}

.top-sec #new-slide-control {
    cursor: pointer;
}

.title-vsl-bg-selection {
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
}

.holder-vsl-bg-selection {
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    margin: 25px 0 25px 0;
}

.holder-vsl-bg-selection {
    text-decoration: none;
}

    .holder-vsl-bg-selection:hover {
        text-decoration: none;
    }

        .holder-vsl-bg-selection:hover .title-vsl-bg-selection {
            color: #c62132;
            /*display: inline-block;*/
            text-decoration: none;
        }

        .holder-vsl-bg-selection:hover i {
            color: #fff;
        }

.pd-bottom-15 {
    padding-bottom: 15px;
}

.landing-wrapper .confirm-message-view {
    margin-top: 50px;
}

#addslider_inner_popUp #menu-add-slide2 .slide-wrapper {
    width: 270px;
    height: 150px;
}

#addslider_inner_popUp .slide {
    transform: scale(0.13700) !important;
}

#addslider_inner_popUp {
    top: 50%;
    width: 875px;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}


.btn-warning {
    color: #e7d024;
    background-color: transparent;
    border-color: #e7d024;
}

    .btn-warning:hover {
        color: #c62132;
        background-color: transparent;
        border-color: #c62132;
    }
/*center main menu hover*/
#menu ul li a:hover {
    background-color: #c62132;
    color: #ffffff;
}
/*side menu hover*/
#main-menu button:hover {
    background-color: #c62132;
    color: #ffffff;
}
/*side bar menu hover*/
#side-bar .top-sec ul li a:hover {
    color: #c62132;
}

#side-bar .top-sec ul li button:hover {
    color: #c62132;
}

.video-table-header {
    background-color: rgba(94, 84, 128, 0.5);
    /*font-weight: bold;*/
    color: white;
}

.prezentar-button-100 {
    width: 100px;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #fff !important;
    background-color: #ce2035 !important;
    border: none !important;
    font-family: 'Oswald-ExtraLight';
    border-radius: 5px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 400;
}

    .prezentar-button-100:hover {
        background-color: #b71b2e !important;
    }

.prezentar-button-150 {
    /*width: 150px;*/
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #fff !important;
    background-color: #ce2035 !important;
    border: none !important;
    /*font-family: 'Oswald-ExtraLight';*/
    border-radius: 5px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 400;
}

    .prezentar-button-150:hover {
        background-color: #b71b2e !important;
    }

.prezentar-button-auto {
    width: 100%;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #fff !important;
    background-color: #ce2035 !important;
    border: none !important;
    font-family: 'Oswald-ExtraLight';
    border-radius: 5px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 400;
}

    .prezentar-button-auto:hover {
        background-color: #b71b2e !important;
    }

.popup-header {
    background-color: rgba(94, 84, 128, 0.5);
    height: 50px;
    color: white;
    text-align: center;
    text-transform: capitalize;
}

.all-popup-header {
    background-color: rgba(94, 84, 128, 0.5);
    height: 50px;
    color: white;
    text-align: center;
    text-transform: capitalize;
}

#menu-add-slide2 .slide-wrapper {
    position: relative;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

    #menu-add-slide2 .slide-wrapper:hover .slide:after {
        content: '';
        position: absolute;
        background-color: #000;
        width: 100%;
        height: 100%;
        z-index: 9;
        opacity: .5;
    }

.common-element-settings {
}

#edit-area .custom-settings-obj-main {
    position: absolute;
    right: 0;
    bottom: 100%;
    display: inline-block;
    height: 40px;
    width: 100%;
}

    #edit-area .custom-settings-obj-main .message-title {
        line-height: 1;
        background: #080024;
        padding: 10px;
        color: white;
        width: 65.5%;
        height: 35px;
        display: inherit;
        font-size: 15px;
    }

#edit-area .custom-settings-obj {
    position: absolute;
    right: 0;
    top: -35px;
    display: inline-block;
    height: 40px;
    min-width: 175px;
    float: right;
}

#edit-area .custom-settings-obj-full {
    position: absolute;
    right: 0;
    top: 15px;
    bottom: inherit;
    display: inline-block;
    height: 40px;
    width: 175px;
}

#edit-area .duplicateObj {
    /*position: absolute;*/
    cursor: pointer;
    text-align: center;
    opacity: 1;
    /*right: 85px;*/
    /*top: -35px;*/
    display: inline-block;
    float: right;
}

#edit-area .deleteObj {
    /*position: absolute;*/
    display: inline-block;
    cursor: pointer;
    text-align: center;
    opacity: 1;
    /*right: 5px;*/
    /*top: -35px;*/
    float: right;
}

#edit-area .fullScreenObj {
    /*position: absolute;*/
    display: inline-block;
    cursor: pointer;
    text-align: center;
    opacity: 1;
    /*right: 5px;*/
    /*top: -35px;*/
    float: right;
}

#edit-area .dragObj {
    /*position: absolute;*/
    display: inline-block;
    cursor: pointer;
    text-align: center;
    opacity: 1;
    /*right: 5px;*/
    /*top: -35px;*/
    float: right;
}

#edit-area .custom-settings-obj > .duplicateObj > a, #edit-area .custom-settings-obj > .deleteObj > a, #edit-area .custom-settings-obj > .fullScreenObj > a, #edit-area .custom-settings-obj > .dragObj > a {
    text-decoration: none;
    margin-right: 2px;
}

    #edit-area .custom-settings-obj > .duplicateObj > a > span, #edit-area .custom-settings-obj > .deleteObj > a > span, #edit-area .custom-settings-obj > .fullScreenObj > a > span, #edit-area .custom-settings-obj > .dragObj > a > span {
        line-height: 16px;
        background: #080024;
        padding: 15px;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        display: inherit;
    }

#edit-area .custom-settings-obj-full > .duplicateObj > a, #edit-area .custom-settings-obj-full > .deleteObj > a, #edit-area .custom-settings-obj-full > .fullScreenObj > a {
    text-decoration: none;
    margin-right: 5px;
}

    #edit-area .custom-settings-obj-full > .duplicateObj > a > span, #edit-area .custom-settings-obj-full > .deleteObj > a > span, #edit-area .custom-settings-obj-full > .fullScreenObj > a > span {
        line-height: 16px;
        background: #080024;
        padding: 15px;
        border-radius: 50%;
        width: 25px;
        height: 25px;
    }

.modal-title {
    display: inline-block;
}

.col-form-label {
    font-weight: normal;
}

.checkbox-form-control {
    margin-top: 22px;
}


.modal-content {
    background-color: #080024;
    color: white;
}

.modal-header .close {
    color: white;
}

.form-control.prezentar {
    background-color: rgb(54, 44, 90) !important;
    color: white !important;
    border: 1px solid #baaaef;
}

.slider-items .step-col-icon {
    margin-top: 5%;
}

.sliders3D .modal-content {
    background-color: rgba(33,25,58,1);
    color: white;
    /*overflow: auto;
    max-height: 600px;*/
}

.sliders3D #carousel-Modal-Create .modal-body, .sliders3D #jDSlider-Modal-Create .modal-body {
    max-height: 500px;
    overflow: auto;
}

.sliders3D .tab-left li {
    width: 200px;
}

.sliders3D .modal-header .close {
    color: white;
}

.sliders3D .btn-primary {
    background-color: #ce2035;
    color: #ffffff;
    border: none;
}

    .sliders3D .btn-primary:hover {
        background-color: #ce2035;
        color: #ffffff;
        border: none;
        opacity: 0.8;
    }

.sliders3D .panel {
    background-color: rgba(33,25,58,.6);
    color: white;
    border-color: rgba(94, 84, 128, 0.5);
}


.sliders3D .panel-default .panel-heading {
    background-color: rgba(94, 84, 128, 0.5);
    color: white;
    border-color: rgba(94, 84, 128, 0.5);
}

.sliders3D .slider-image img {
    height: 80px;
    width: 100px;
    margin: 5px 5px;
    background-color: white;
}

.panel.slider-item img {
    max-height: 160px;
    width: 100%;
}

.btn.btn-primary {
    background: #ce2035 !important;
    border: 1px solid #e0283f !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #b42133 !important;
    border: 1px solid #ce2035 !important;
}

.text-primary {
    color: #ce2035 !important;
}

.btn.btn-secondry {
    background: transparent;
    border: 1px solid #ce2035;
    color: #ce2035;
}

.btn-secondry:hover {
    border: 1px solid #ce2035 !important;
    color: #b42133 !important;
}

.btn.btn-default2 {
    background: #777288 !important;
    color: white;
    border: 1px solid #787583 !important;
}

.btn-default2:hover, .btn-default:focus {
    background-color: #d2d2d7 !important;
    border: 1px solid #a29db3 !important;
    color: black !important;
}

    .btn-default:focus.no-focus:focus {
        background-color: transparent !important;
        border: none !important;
        color: #fff !important;
    }

.agency-page-heading {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: #211a3ac4;
    margin-bottom: 15px;
}

.page-heading {
    width: 100%;
    overflow-y: auto;
    padding: 20px 10px;
    border-radius: 10px;
    background-color: #211a3a5e;
    margin-bottom: 15px;
    border-bottom: 2px solid #ce2035;
}

    .page-heading .heading {
        font-size: 20px;
        color: white;
        text-transform: uppercase;
    }

.page-body {
    width: 100%;
    padding: 10px;
    min-height: 400px;
    border-radius: 6px;
    background-color: #211a3a5e;
}


.widget_options {
    width: 150px;
    height: 50px;
    margin: 10px;
    border: 1px solid #FFFFFF;
    display: inline-block;
    border-radius: 6px;
}


/*widget stuff starts here*/


.widget_nav {
    /*width: 775px;*/
    height: 35px;
    margin-left: 1px;
    text-align: center;
}

.btnWidgetPrevStep {
    float: left;
    position: absolute;
    left: 0;
    margin: 50px 0 0 10px;
}

.btnWidgetNextStep {
    position: absolute;
    right: 0;
    margin: 50px 10px 0 0;
    float: right;
}

.widget_tab {
    float: left;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-bottom: none;
    width: 33%;
    color: #FFFFFF;
}


    .widget_tab.active {
        color: #FFFFFF;
    }

        .widget_tab.active a {
            text-decoration: none;
            border-bottom: 2px #FFF solid;
            color: #FFFFFF;
            background-color: #CE2035;
        }

    .widget_tab a {
        padding: 5px 20px;
        color: #FFFFFF;
    }

        .widget_tab a:hover {
            color: #FFFFFF;
        }

/*a {
text-decoration: none;
color: #555555;
display: block;
width: 100%;
height: 100%;
}

a:hover {
color: #333333;
}*/

.widget_main {
    /*width: 875px;*/
    height: 400px;
    /*border: 1px solid #777777;*/
    overflow: hidden;
    /*-moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;*/
}

.widget_content {
    width: 800px;
    height: 450px;
    /*border: solid 1px green;*/
    /*font-family: arial;
    font-size: 14px;
    line-height: 21px;
    display:block;*/
    float: left;
    overflow: hidden;
    margin: 0 10px;
}

.hold_inner {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

selectTypeGroup {
    margin: 0;
    position: absolute;
    right: 0;
}

.typeSelector {
    position: absolute;
    padding: 12px 10px;
    font-family: 'Proxima Nova',sans-serif;
    background: #2f3a40;
    font-weight: bold;
    color: #fff !important;
    display: inline-block;
    left: -12px;
    width: 35px;
    margin: 5px 0;
    height: 45px;
    border-radius: 3px 0 0 3px;
}

#existing_element_id {
    padding: 0.5rem 8rem .5rem 5rem !important;
    height: 55px !important;
}




#WebWidgetModal .mainHeadline {
    font-size: 20px;
    /*font-weight: 600;*/
    margin: 5px 0 30px !important;
    text-align: center;
    color: #fff;
}

#WebWidgetModal .mainHeadline {
    font-size: 20px;
    /*font-weight: 600;*/
    margin: 5px 0 15px;
}

#WebWidgetModal .checkbox-detailed {
    position: relative;
    vertical-align: top;
    display: block;
    margin: 0 0 30px;
}

    #WebWidgetModal .checkbox-detailed input {
        position: absolute;
        visibility: hidden;
    }

        #WebWidgetModal .checkbox-detailed input + label {
            width: 100%;
            height: 220px;
            display: block;
            padding: 0 9px 0;
            text-align: center;
            background: rgba(33, 43, 48, 0.78);
            border: 1px solid rgba(33, 43, 48, 0.78);
            margin: 0;
        }

        #WebWidgetModal .checkbox-detailed input + label {
            background: rgba(33, 43, 48, 0.78);
            border: 1px solid rgba(33, 43, 48, 0.78);
            height: 220px;
        }

        #WebWidgetModal .checkbox-detailed input:checked + label {
            border-color: #CE2035;
            background: #140d0e;
        }

        #WebWidgetModal .checkbox-detailed input + label:before {
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            border: 1px solid #c5d6de;
            position: absolute;
            left: 19px;
            top: 50%;
            margin-top: -6px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        #WebWidgetModal .checkbox-detailed input + label:before {
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            border: 1px solid #909da4;
            position: absolute;
            left: 19px;
            top: 50%;
            margin-top: -6px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        #WebWidgetModal .checkbox-detailed input + label:before {
            font-family: icomoon !important;
            -webkit-font-smoothing: antialiased;
            content: "\e931";
            font-size: 24px;
            top: 10px;
            right: 10px;
            left: auto;
            border: none;
            width: auto;
            height: auto;
            opacity: 1;
            color: rgba(139, 195, 74, 0.25);
        }

        #WebWidgetModal .checkbox-detailed input + label:before {
            font-family: icomoon !important;
            -webkit-font-smoothing: antialiased;
            content: "\e931";
            font-size: 24px;
            top: 10px;
            right: 10px;
            left: auto;
            border: none;
            width: auto;
            height: auto;
            opacity: 0;
            color: #CE2035;
        }

        #WebWidgetModal .checkbox-detailed input + label:before {
            font-family: icomoon !important;
            -webkit-font-smoothing: antialiased;
            content: "\e931";
            font-size: 24px;
            top: 10px;
            right: 10px;
            left: auto;
            border: none;
            width: auto;
            height: auto;
            opacity: 1;
            color: rgba(206, 32, 53, 0.25);
        }

        #WebWidgetModal .checkbox-detailed input:checked + label:before {
            opacity: 1;
            background: none;
        }

        #WebWidgetModal .checkbox-detailed input:checked + label:before {
            border-color: #CE2035;
            color: #CE2035;
        }

    #WebWidgetModal .checkbox-detailed .checkbox-detailed-tbl {
        display: block;
        width: 100%;
        height: 100%;
    }

    #WebWidgetModal .checkbox-detailed input + label .checkbox-detailed-cell {
        display: block;
        padding: 50px 0;
    }

    #WebWidgetModal .checkbox-detailed .img-holder {
        width: 55px;
        float: none;
        margin: 15px auto;
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        opacity: 1;
    }

    #WebWidgetModal .checkbox-detailed input + label .img-holder {
        float: none;
        margin: 20px auto 10px;
        width: 55px;
    }

    #WebWidgetModal .checkbox-detailed .img-holder img {
        width: 100%;
        height: auto;
        display: block;
    }

    #WebWidgetModal .checkbox-detailed input:checked + label .img-holder {
        filter: none;
        opacity: 1;
    }

    #WebWidgetModal .checkbox-detailed .checkbox-detailed-title {
        font-size: 12px;
        line-height: 1.4;
        margin: 10px 0 20px;
        font-weight: 400;
        color: #fff;
        overflow: hidden;
    }

        #WebWidgetModal .checkbox-detailed .checkbox-detailed-title .headline {
            font-size: 14px;
            font-weight: 600;
        }

#WebWidgetModal .widget_content {
    width: calc(100% - 20px);
    height: 400px;
    overflow-y: auto;
}

#WebWidgetModal .widget_content {
    position: absolute;
    top: 50%;
    -moz-transform: translate(110%,-45%);
    -webkit-transform: translate(110%,-45%);
    transform: translate(110%,-45%);
    display: inline-block;
    float: left;
    transition: all ease-in-out .5s;
}

#WebWidgetModal #content1 {
    -moz-transform: translate(0,-45%);
    -webkit-transform: translate(0,-45%);
    transform: translate(0,-45%);
}

#WebWidgetModal .widget_main {
    position: relative;
}

#WebWidgetModal .headline {
    margin-bottom: 10px !important;
}

#WebWidgetModal .top-head {
    overflow: auto;
    position: absolute;
    width: 100%;
    height: 315px;
    margin: 0 auto 15px;
    border: 1px dashed#333e44;
    background: rgb(21, 23, 27);
    padding: 40px 0;
    top: 0;
    left: 0;
}

    #WebWidgetModal .top-head .inner {
        display: table;
        height: 230px;
        left: 50%;
        width: 100%;
    }

    #WebWidgetModal .top-head .hold {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }

#WebWidgetModal .buttonMainWidget {
    width: 100%;
    display: inline-block;
    position: relative;
}

#WebWidgetModal #preview_title {
    display: inline;
    padding: 10px;
    top: 325px;
    position: absolute;
    z-index: 99;
    color: #fff;
    font-size: 16px !important;
    left: 0px;
}

#WebWidgetModal .radio-holder {
    background: rgba(0, 168, 255, 0.1);
    border: 1px solid #CE2035;
    border-radius: 5px;
    padding: 0 5px;
    text-align: left;
}

#WebWidgetModal .radio {
    display: inline-block;
    width: 50%;
}

    #WebWidgetModal .radio input {
        position: absolute;
        visibility: hidden;
    }

#WebWidgetModal label {
    font-size: 13px;
    color: #eeeeee;
    margin: 0 5px 10px;
}

#WebWidgetModal .description {
    font-size: 13px;
    color: #eeeeee;
    margin: 0 5px 10px;
}

#WebWidgetModal .button_styling {
    text-align: left;
}

#WebWidgetModal .radio input + label {
    font-size: 12px;
    position: relative;
    line-height: 20px;
    padding-left: 25px;
}

#WebWidgetModal .radio:first-child input + label {
    margin-bottom: 0;
}

#WebWidgetModal .radio input + label:after, #WebWidgetModal .radio input + label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#WebWidgetModal .radio input + label:before {
    width: 16px;
    height: 16px;
    background: #15171b;
    border: 1px solid #15171b;
}

#WebWidgetModal .radio input + label:before {
    width: 16px;
    height: 16px;
    background: #212b30;
    border: 2px solid #94a3aa;
}

#WebWidgetModal .radio input[type=radio] + label:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#WebWidgetModal .radio input:checked + label:before {
    border-color: #15171b;
}

#WebWidgetModal .radio input[type=radio] + label:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#WebWidgetModal .radio input:checked + label:before {
    border-color: #CE2035;
}

#WebWidgetModal .WidgetBgColor {
    margin-top: 15px;
}

#dvWidgetScript {
    width: 100%;
    border: none;
}

#WebWidgetModal .getCode {
    padding: 60px 0;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

#WebWidgetModal .final_step {
    padding: 30px 0;
    max-width: 700px;
    margin: 0 auto;
}

#WebWidgetModal .getCode p {
    font-size: 13px;
    white-space: normal;
    margin: 0;
}

#WebWidgetModal .getCode textarea.form-control {
    margin: 10px 0 0;
    height: 100px;
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
}

#WebWidgetModal .scratch {
    padding: 180px 200px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

#WebWidgetModal .pageLoad.scratch {
    padding: 66px 200px;
    margin: 0;
}

#WebWidgetModal .iframe.scratch {
    padding: 100px 200px;
    margin: 0;
}

#WebWidgetModal .mainName {
    padding: 145px 100px;
    text-align: center;
    width: 100%;
    height: 450px;
}

#WebWidgetModal .mainName {
    padding: 66px 100px;
    height: auto;
    display: block;
}

#WebWidgetModal .selectTypeGroup {
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

#WebWidgetModal #ddlWidgetTypeSelector {
    height: 55px;
}

#WebWidgetModal .typeSelector {
    position: absolute;
    padding: 12px 10px;
    font-family: 'Proxima Nova',sans-serif;
    background: #2f3a40;
    font-weight: bold;
    color: #fff !important;
    display: inline-block;
    left: 5px;
    width: 35px;
    margin: 5px 0;
    height: 45px;
    border-radius: 3px 0 0 3px;
}

#WebWidgetModal #txtWidgetType {
    padding: 0.5rem 8rem .5rem 3rem !important;
    height: 55px !important;
}

#WebWidgetModal .form-group.WidgetBgColor, #WebWidgetModal .form-group.WidgetBgImage {
    height: 63px;
    margin: 10px 0;
}
/*widget stuff ends here*/


.uploading-container-left input[type="file"] {
    display: none;
}

.uploading-container-left .btn-upload {
    /*background: #212b30;*/
    display: inline-block;
    padding: 6px 12px;
    color: #c62132;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #c62132;
    border-radius: 4px;
    margin: 0 0 6px;
    cursor: pointer;
}

.music-category-parent {
    border-right: 1px solid black;
    height: 515px;
    overflow-y: auto;
}

.sd-admin-music-lib {
    height: 515px;
    overflow-y: auto;
}

.music-category-parent > li {
    display: block;
}

    .music-category-parent > li ul {
        padding-top: 15px;
    }

    .music-category-parent > li span {
        width: 100%;
        display: inline-block;
        cursor: pointer;
        padding: 15px 0;
        position: relative;
    }

        .music-category-parent > li span:after {
            content: "\f067";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            float: right;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
        }

    .music-category-parent > li.active span:after {
        content: '\f068';
    }

.music-category .categories-lbl {
    /*border-bottom: 1px solid #000000;*/
    padding: 15px;
    margin: 0px !important;
    display: block;
}

    .music-category .categories-lbl:hover {
        border-left: 3px solid #f4ce00;
        background-color: #241847;
    }

    .music-category .categories-lbl.selected {
        border-left: 3px solid #f4ce00;
        background-color: #241847;
    }

    .music-category .categories-lbl li {
        /*padding: 15px 20px; */
        font-size: 14px !important;
        /* line-height: 22px; */
        color: white !important;
        text-decoration: none;
        cursor: pointer;
        font-weight: normal;
        text-shadow: 2px 2px 5px #000000;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
    }

.music-video {
    /*background-color: #38314e;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    padding: 20px;
    margin: 5px;
    width: 23%;*/
    border: 2px solid #38314e;
    border-radius: 6px;
    margin: 7px 0;
}

    .music-video .music-video-element {
        width: 100%;
        height: 25px;
        background-color: transparent;
        margin: 5px 0;
        display: none;
    }

    /*.music-video .btn-use{
        margin:5px;
    }*/
    /*#sd-admin-librarymusic .music-title {
    background: #38314e;
    padding: 5px;
    border-radius: 0 0 6px 6px;
}*/
    .music-video .footer-title {
        background: #38314e;
        width: 100%;
        height: 35px;
        padding: 5px;
    }

        .music-video .footer-title .music-title {
            white-space: nowrap;
            overflow: hidden;
            width: 65%;
            transition: all ease-in-out .5s;
            text-overflow: ellipsis;
            text-align: left;
            margin-top: 5px;
            margin-left: 5px;
            float: left;
            font-size: 12px;
        }

.footer-title .btnPlayLibraryMusic {
    text-align: left;
    float: left;
    color: #d9534f;
    font-size: 25px;
    text-decoration: none;
}

.btn-use-video {
    padding: 0px 12px;
    margin-top: 5px;
    background: #38314e;
}

.fullScreenObject {
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.fullScreenElement {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
}
/* Switch button */
.btn-default.btn-on.active {
    background-color: #5BB75B;
    color: white;
}

.btn-default.btn-off.active {
    background-color: #DA4F49;
    color: white;
}

.btn-default.btn-on-1.active {
    background-color: #006FFC;
    color: white;
}

.btn-default.btn-off-1.active {
    background-color: #DA4F49;
    color: white;
}

.btn-default.btn-on-2.active {
    background-color: #00D590;
    color: white;
}

.btn-default.btn-off-2.active {
    background-color: #A7A7A7;
    color: white;
}

.btn-default.btn-on-3.active {
    color: #5BB75B;
    font-weight: bolder;
}

.btn-default.btn-off-3.active {
    color: #DA4F49;
    font-weight: bolder;
}

.btn-default.btn-on-4.active {
    background-color: #006FFC;
    color: #5BB75B;
}

.btn-default.btn-off-4.active {
    background-color: #DA4F49;
    color: #DA4F49;
}

.monthlyBaches + .input-group, .monthlyBatches + .input-group {
    display: flex;
}

.show-dialog-cancel-btn .em-dialog-btn-cancel {
    display: inline-block !important;
}

.font-weight-600 {
    font-weight: 600;
}

.bg_template {
    width: 23.5% !important;
    display: inline-block;
    margin: auto 0;
    margin: 20px 10px;
}

.fb_settings_headline {
    font-size: 16px;
    margin: 8px 0;
    padding: 8px 20px;
    background: rgba(33, 43, 48, 0.65);
    color: #fff;
    border-bottom: none;
}

.customToolBarSetting label.name {
    display: inline-block;
    /*width: 62%;*/
    font-size: 14px;
    color: #cecece;
    font-weight: normal !important;
}

.customToolBarSetting .btn-group .btn {
    padding: 5px 10px;
    background: #15171b;
    border-color: #212b30;
    color: #585555;
    font-size: 14px;
}
/*vsl htm removed from style.css   2019-03-29*/
.step-list-main li.active a, .step-list-main li.active button, .step-list-main li.active span {
    background-color: #cd1e2d;
}

.step-list-main li.back-step a, .step-list-main li.back-step span {
    background-color: #770f18;
}

.step-2-textarea {
    overflow: auto !important;
    text-align: left !important;
    min-height: 368px !important;
    color: white;
}

.register-box-main {
    color: white;
    z-index: 999999;
    background: #584a8a52;
    opacity: 0.8;
    padding: 20px;
    border-radius: 15px;
}

.lnkDelSliderImg {
    position: relative;
    top: -57px;
    left: -33px;
}


    .lnkDelSliderImg img {
        background-color: #ce2035 !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 50%;
    }

.del-Img-Icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}


    .del-Img-Icon img {
        background-color: #ce2035 !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 50%;
    }

.sale-page {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    max-width: 1270px;
}

    .sale-page .header-sale-page {
        background: rgba(94, 84, 128, 0.5);
        padding-bottom: 20px;
    }

    .sale-page .sale-page-heading {
        font-size: 30px;
        color: #ce2035;
        font-weight: 900;
        padding: 10px 0;
    }

    .sale-page .dec-content {
        color: white;
        padding-bottom: 20px;
    }

    .sale-page .sale-button {
        font-size: 20px;
        font-weight: 700;
    }


.training-video-heading {
    font-size: 40px;
    line-height: 50px;
    color: #b7b7b7;
    letter-spacing: 5px;
    padding-bottom: 15px;
    text-align: center;
    font-family: 'Oswald-ExtraLight';
}

.pageContainer {
    height: calc(100vh - 140px);
    overflow-y: auto;
    margin-top: 10px;
    padding-bottom: 15px;
}

.pageContainer {
    height: calc(100vh - 95px) !important;
    overflow: hidden auto;
}

#sd-background-image-results-cnt .sd-image-wrapper, #sd-stock-image-results-search .sd-image-wrapper {
    position: relative;
}

    #sd-background-image-results-cnt .sd-image-wrapper img, #sd-stock-image-results-search .sd-image-wrapper img {
        z-index: 2;
    }

.pagination > li > a, .pagination > li > span {
    color: #1b1435;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    /*color: #ffffff;*/
    cursor: not-allowed;
    background-color: rgba(92, 85, 117, 0.2);
    border-color: #5c4f69;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ce2035;
    border-color: #ce2035;
}

.chartContainer {
    height: 380px;
    max-width: 450px;
    margin: 0px auto;
}

#chartContainer .canvasjs-chart-canvas {
    border-radius: 6px;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ddd;
}

table.dataTable > tbody > tr.child:hover {
    background: #eee !important;
}

#upgradeProDiskSpaceModal {
    z-index: 999999999;
}

.sub-label {
    font-weight: normal;
    font-size: 13px;
}

.pd-t-0 {
    padding-top: 0 !important;
}

/*----------------------------------------------------Gift rewards----------------------------------------------*/
.product_point {
    width: 100%;
    float: left;
    margin: 30px 0 15px 0;
}

    .product_point h3, .reward_head {
        font-size: 28px;
        color: #b7b7b7;
        font-family: 'Oswald';
        font-weight: 400;
        text-transform: uppercase;
    }

.product_point_iner {
    width: 100%;
    float: left;
    height: calc(100vh - 192px);
    margin-top: 20px;
    overflow-y: auto;
}

.prod_point_cont {
    width: 100%;
    float: left;
    background: #150d33;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 5px;
}

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

    .reward_list li {
        width: 100%;
        display: inline-block;
        float: left;
    }

        .reward_list li:first-child {
            display: none;
        }

        .reward_list li:nth-child(2) {
            width: 32%;
        }

        .reward_list li:nth-child(3) {
            width: 43%;
        }

        .reward_list li:nth-child(4) {
            width: 23%;
        }

.prod_point_left {
    float: left;
    width: calc(100% - 100px);
}

.prod_point_img {
    /*width: 50px;
    height: 50px;*/
    /*background: #fff;*/
    /*line-height: 50px;*/
    border-radius: 4px;
    float: left;
    text-align: center;
}

    .prod_point_img img {
        max-height: 45px;
        padding: 10px;
    }

.prod_point_title {
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
    float: left;
    padding: 10px 0 0 10px;
    width: calc(100% - 60px);
}

.prod_point_right {
    float: right;
    padding: 15px 0 0 10px;
}

    .prod_point_right p {
        margin-bottom: 0;
        font-size: 16px;
        color: #fff;
    }

        .prod_point_right p span {
            color: #ef9a2f;
        }

.point_main {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 70px 0 0;
    overflow: hidden;
}

/*.point_main_iner {
    width: 533px;
    height: 533px;
    max-width: 100%;
    background: url("images/points-bg.png") no-repeat center;
    background-size: 100%;
    display: inline-block;
    position: relative;
}*/

/*.point_main_iner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0px;
    left: 0px;
    background: url("images/stars.png") no-repeat center;
    background-size: 95% 95%;
    transform: scale(1.05);
    animation: scaleTrans .5s, pulse 1.5s infinite;
    animation-delay: .5s, 2s;
}*/

.point_main_iner {
    width: 533px;
    height: 533px;
    max-width: 100%;
    background: url("/Content/images/points-bg.png") no-repeat center;
    background-size: 100%;
    display: inline-block;
    position: relative;
}

    .point_main_iner:before {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        top: 0px;
        left: 0px;
        background: url("/Content/images/stars.png") no-repeat center;
        background-size: 95% 95%;
        transform: scale(1.05);
        animation: scaleTrans .5s, pulse 1.5s infinite;
        animation-delay: .5s, 2s;
    }

@keyframes scaleTrans {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1.05);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.05);
    }
}

.point_main_top {
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin: 160px 0px 0px !important;
    position: relative;
}

/*.points_cont {
    width: 100%;
    display: inline-block;
    padding-top: 5px;
    background: url("images/band.png") no-repeat center;
    background-size: auto 100%;
    margin-top: 15px;
    position: relative;
}*/
.points_cont {
    width: 100%;
    display: inline-block;
    padding-top: 5px;
    background: url("/Content/images/band.png") no-repeat center;
    background-size: auto 100%;
    margin-top: 15px;
    position: relative;
}

    .points_cont p {
        font-size: 65px;
        line-height: 65px;
        color: #37314e;
        font-family: 'Oswald';
        font-weight: 700;
        text-align: center;
        margin-bottom: 0;
        text-shadow: 0 3px 4px rgba(0,0,0,.17);
    }

    .points_cont span {
        font-size: 28px;
        color: #ffffff;
        font-weight: 700;
        display: inline-block;
        margin: 20px 0;
    }

.rewards_main {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.reward_head {
    width: 100%;
    text-align: center;
    border-radius: 4px;
}

.reward_cont {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 10px 15px 15px;
    background: rgba(21,13,51,.8);
    border-bottom: 3px solid #cd1e2d;
    border-radius: 4px;
}

.reward_img {
    width: 100%;
    float: left;
    border-radius: 4px;
    margin-bottom: 15px;
}

    .reward_img img {
        width: 100%;
        height: auto;
    }

.reward_text {
    float: left;
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

    .reward_text span {
        font-weight: 600;
        color: #ef9a2f;
    }

.reward_btn {
    float: right;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 12px 8px;
    border-radius: 4px;
    background: #3920ce;
    width: 125px;
}

    .reward_btn i {
        margin-left: 7px;
    }

    .reward_btn.locked {
        background: #ce2035;
    }

@media only screen and (max-width:1400px) {
    .point_main_iner {
        width: 380px;
        height: 380px;
    }

    .reward_list li:nth-child(4) {
        width: 28.8%;
    }

    .reward_list li:nth-child(3) {
        width: 35.2%;
    }

    .reward_list li:nth-child(2) {
        width: 36%;
    }

    .reward_img img {
        max-height: 130px;
    }

    .point_main_top {
        margin-top: 100px !important;
        font-size: 25px;
    }

    .points_cont p {
        font-size: 45px;
        line-height: 45px;
    }

    .points_cont span {
        font-size: 20px;
    }
}

@media only screen and (max-width:1200px) {
    .point_main_iner {
        width: 368px;
        height: 368px;
    }

    .point_main_top {
        margin-top: 100px !important;
        font-size: 20px;
    }

    .points_cont p {
        font-size: 45px;
        line-height: 45px;
    }
}

@media only screen and (max-width:991px) {
    .point_main {
        margin-top: 50px;
    }

    .reward_list li:nth-child(4), .reward_list li:nth-child(3), .reward_list li:nth-child(2) {
        width: 100%;
    }

    .reward_list li:first-child {
        display: inline-block;
    }

    .reward_list li:nth-child(3) {
        display: none;
    }

    .reward_img img {
        height: auto;
    }
}

/*.marquee-container {
    background-color: #4d3b8e;
    padding: 5px 0;
    color: white;
    font-size: 16px;
    border-radius: 6px;
}*/

.min-media-video-popup {
    width: 30px;
    height: 30px;
    color: white;
    border: 2.5px solid #fff !important;
    padding: 5px 0px;
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 45px;
    z-index: 9;
    margin: 5px 5px 0px 0px;
}

.max-media-video-popup {
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    right: 0;
    bottom: 0;
    color: white;
    background: #64568e;
}

    .max-media-video-popup .fa-microphone {
        color: red;
    }

.record-media-popup {
    padding: 5px 10px;
    cursor: pointer;
    position: fixed;
    right: 0;
    bottom: 0;
    color: white;
    background: #64568e;
}

    .record-media-popup .fa-microphone {
        color: red;
    }

.blinkingText-animation {
    animation: blinkingText 1.2s infinite;
}

@keyframes blinkingText {
    0% {
        color: red;
    }

    49% {
        color: red;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: red;
    }
}

#vslBgImageChnageInnerLayer .nav-tabs > li > a {
    color: #fff;
    cursor: default;
    background-color: #332a52;
    border: 1px solid #332a52;
    border-bottom-color: transparent;
}

    #vslBgImageChnageInnerLayer .nav-tabs > li > a:hover {
        color: #fff;
        cursor: pointer;
        background-color: #332a52;
        border: 1px solid #332a52;
        border-bottom-color: transparent;
    }

#vslBgImageChnageInnerLayer .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: pointer;
    background-color: #c62132;
    border: 1px solid #c62132;
    border-bottom-color: transparent;
}

.custom-box-shadow {
    box-shadow: 0px 0px 15px 15px #020202a6;
}

a.sale-button {
    padding: 10px 100px;
}

.lable-main {
}

.label-yellow {
    color: #e7d024;
    font-weight: 500;
}

.sliders3D .tab-right {
    width: auto;
}

.download-loader img {
    height: 120px;
}

.panel-heading h3 {
    font-weight: 500;
}

.sliders3D .btn-browse {
    margin-top: 0px;
}

.folderName-Edit-Addons {
    border: none;
    background: none;
    color: #897CAB;
    font-size: 18px;
    padding: 0px 5px;
}

    .folderName-Edit-Addons a {
        color: #897CAB;
        text-decoration: none;
    }

.folderName-Edit-input {
    font-size: 12px !important;
}

.tab-folder-list img {
    width: 100px;
}

.tab-folder-list a {
    position: relative;
    display: inline-block;
}

.UserTemplateListModal {
    display: inline-block;
    width: 100%;
}

.color-white {
    color: #ffffff;
}

.btn-info {
    color: #fff;
    background-color: rgb(54, 44, 90) !important;
    border-color: #baaaef !important;
}

    .btn-info:hover {
        color: #fff;
        background-color: rgb(32, 23, 64) !important;
        border-color: #7e71a9 !important;
    }

.material-input-email.focus .active {
    border-bottom: 1px solid #F44336;
    background: #5a4e7b !important;
    border-radius: 6px;
}

.table-prezentar {
    background: rgb(54, 44, 90);
    color: white;
}

    .table-prezentar.table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #080024;
    }

    .table-prezentar.table-striped > tbody > tr:nth-of-type(even) {
        background-color: #1e1738;
    }

    .table-prezentar.table-hover > tbody > tr:hover {
        background-color: #3a2d67;
    }

.add-new-presentation-icon {
    background: #897cab;
    font-size: 64px;
    color: #191234;
    border-radius: 6px;
}

.vsl-step1 .col-form-label {
    float: left;
    text-align: left;
    color: #aba3a3;
    margin-bottom: 5px;
}

.vsl-step1 .btnAddNewFolder, .vsl-step1 .btnSelectFolder {
    margin-top: 30px;
}

.tab-right-list.noTemplateFound {
    padding: 25px;
    color: #ce2035;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

    .tab-right-list.noTemplateFound .noTemplateFound-icon {
        font-size: 50px;
    }

    .tab-right-list.noTemplateFound .noTemplateFound-text {
        font-size: 18px;
    }


/*------------------------------Alexander Repeta-----------styling-radio-buttons------------------------------*/

.alexander_styling_radio_buttons_list {
    flex: 0 80%;
    margin-top: 20px;
}

    .alexander_styling_radio_buttons_list .alexander_styling_radio_list_item {
        position: relative;
        /*margin-bottom: 10px;*/
        margin-bottom: 25px;
    }

        .alexander_styling_radio_buttons_list .alexander_styling_radio_list_item:hover alexander_styling_radio_label {
            color: #BB4430;
        }

        .alexander_styling_radio_buttons_list .alexander_styling_radio_list_item:hover .alexander_styling_radio_label::before {
            border: 7px solid #BB4430;
            margin-right: 30px;
        }

    .alexander_styling_radio_buttons_list .alexander_styling_radio-btn {
        position: absolute;
        visibility: hidden;
    }

        .alexander_styling_radio_buttons_list .alexander_styling_radio-btn:checked ~ .alexander_styling_radio_label {
            color: #BB4430;
        }

            .alexander_styling_radio_buttons_list .alexander_styling_radio-btn:checked ~ .alexander_styling_radio_label::before {
                margin-right: 30px;
                border: 7px solid #BB4430;
                background: #F8F7FF;
            }

    .alexander_styling_radio_buttons_list .alexander_styling_radio_label {
        display: flex;
        align-items: center;
        padding: 0 0 5px 20px;
        color: #F8F7FF;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        cursor: pointer;
        transition: all 0.25s linear;
    }

        .alexander_styling_radio_buttons_list .alexander_styling_radio_label::before {
            display: block;
            content: '';
            border: 7px solid #F8F7FF;
            border-radius: 50%;
            height: 18px;
            width: 18px;
            margin-right: 10px;
            transition: all .25s linear;
        }

.themeSettingsLoader {
    width: 100%;
    text-align: center;
    color: white;
    /*position: absolute;
    background-color: #3b2a6f66;*/
}

    .themeSettingsLoader img {
        width: 30%;
    }

    .themeSettingsLoader .loader-label {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        margin-left: -15px;
    }

.sliders3D .tab-r-wrapper {
    background-color: transparent !important;
    padding: 0;
    width: auto;
    text-align: left;
    padding-top: 5px;
    padding-right: 10px;
}

.sliders3D .tab-r-l-img img {
    max-height: 250px;
    height: auto !important;
}

.data-admin-home-box {
    background: #150d2f;
    padding: 50px;
    border: 1px solid #2d2644;
    border-radius: 3px;
    text-align: center;
    color: white;
    display: inherit;
}

    .data-admin-home-box:hover {
        color: #ce2035 !important;
    }

    .data-admin-home-box .icon-img i {
        font-size: 100px;
        margin-bottom: 15px;
    }

.panel-page-header {
}

.panel-page-heading-text {
    font-size: 20px;
    text-transform: uppercase;
}

.bb-prezentar-red {
    border-bottom: 2px solid #b42133;
}

.error {
    color: #b93545;
}

.required-field:before {
    content: ' *';
    color: red;
    float: right;
    margin-left: 5px;
}

.hidden {
    display: none !important;
}

.image-loading {
    position: relative;
}

    .image-loading:after {
        content: '';
        /*border: 16px solid #f3f3f3;
    border-top: 16px solid #646464;
    border-radius: 50%;
        animation: spin 2s linear infinite;*/
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        margin-top: -15px;
        margin-left: -15px;
        background-image: url('/Content/images/loading.gif');
        background-repeat: no-repeat;
        background-size: 100% auto;
        /*border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite; /* Safari 
  animation: spin 2s linear infinite;*/
    }

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.rewards_main .popover {
    border: none;
    /*border: 2px dotted #2b1c64;*/
    background-color: #211649;
    min-width: 200px;
}
/* Popover Header */
.rewards_main .popover-title {
    background-color: #2b1c64;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    border: none;
}
/* Popover Body */
.rewards_main .popover-content {
    color: #FFFFFF;
    padding: 25px;
    border: none;
}
/* Popover Arrow */
.rewards_main .arrow {
    border-left-color: #2b1c64 !important;
}

    .rewards_main .arrow:after {
        border-left-color: #2b1c64 !important;
    }

.lock-template {
    width: 283px;
    /* max-width: 100%; */
    border-radius: 6px;
    border: 1px solid #ce2035;
    text-align: center;
    padding: 0;
    background: rgba(0,0,0,.8);
    margin-bottom: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.tab-r-l-hover .lock-template a {
    color: #ce2035;
}

    .tab-r-l-hover .lock-template a span:first-child {
        margin-bottom: 0px;
    }

    .tab-r-l-hover .lock-template a i.icon-eye {
        border: none;
    }

        .tab-r-l-hover .lock-template a i.icon-eye:hover {
            color: #ce2035;
            border: none;
            background-color: transparent;
        }




.sale-page .header-sale-page .hero-img {
    position: absolute;
    left: 5%;
    width: 150px;
    top: 15px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#vslBGImageChangeTabs .nav-tabs > li {
    margin-bottom: 0px;
}

#vslBGImageChangeTabs .nav-tabs {
    border-bottom: 1px solid #c62132;
}

div.dataTables_wrapper div.dataTables_filter label {
    color: inherit;
}

.presentations-back-btn {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

.col-sm-5.prezentar-left-col {
    max-width: 550px;
}

.col-sm-7.prezentar-right-col {
    min-width: calc(100% - 550px);
}

@media only screen and (max-width: 2300px) and (min-width: 1601px) {
    .bg_template {
        width: 18.5% !important;
    }
}

.my_templates_list .alert {
    padding: 0;
}

.tab-right-list.pro-with-lock a.tab-r-l-img {
    display: block;
}

.NoScriptLayer {
    position: fixed;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=60);
    /*background-color: #503f889c;*/
    z-Index: 99999999999;
    width: 100% !important;
    height: 100% !important;
    background-color: #0c061cf5 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.centerlinemodelpopup {
    /*  width: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;*/
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.NoScriptLayer .message {
    top: 50%;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin-top: -69.09px;
}

    .NoScriptLayer .message img {
        height: 120px;
    }

    .NoScriptLayer .message .message-label {
        font-size: 18px;
        font-weight: bold;
        color: #ce2035;
    }

    .NoScriptLayer .message .detailNote {
        color: #b7b7b7;
        margin-top: 15px;
    }

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'Circular-Loom';
    src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Book-cd7d2bcec649b1243839a15d5eb8f0a3.woff2') format('woff2');
}

@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: 'Circular-Loom';
    src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Medium-d74eac43c78bd5852478998ce63dceb3.woff2') format('woff2');
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: 'Circular-Loom';
    src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Bold-83b8ceaf77f49c7cffa44107561909e4.woff2') format('woff2');
}

@font-face {
    font-weight: 900;
    font-style: normal;
    font-family: 'Circular-Loom';
    src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Black-bf067ecb8aa777ceb6df7d72226febca.woff2') format('woff2');
}

.custom-modal.modal {
    text-align: center;
    padding: 0 !important;
}

    .custom-modal.modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.custom-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.content-align-middle {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.d-none {
    display: none;
}

.d-block {
    display: block;
}

.d-inline {
    display: inline-block;
}

.overlayDesginer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
}

.example-open .modal-backdrop.in {
    /* opacity: 1;*/
    /*background-color: #080024 !important;*/
    opacity: 1;
}

#toast-container {
    z-index: 999;
}

.all-popup-header .login.heading {
    font-weight: 600;
}
/*.custom-modal i:hover{
    color:white !important;
}*/
/*.custom-modal .modal-content{
    min-height:240px;
    min-width:700px;
}*/
span.text-el-title {
    font-size: 24px;
    font-weight: 500;
}

.templates-page .tab-left li {
    width: 197px;
}

.popup-header .login.heading h3 {
    color: #ffffff;
    padding: 10px 0;
    font-size: 25px;
    font-weight: 600;
}

.dpd-menu-img {
    height: 16px;
    width: 16px;
}

.prezentar-list .agencyDownloadLink:hover {
    color: #ce2035;
    background-color: #eeeef1;
    border-color: #f8f7f9;
}

.welcome-left-products {
    width: 430px;
}

#close-selector-theme {
    padding-top: 6px;
    top: 2px;
}

#EditorSaveExitModal {
    width: 550px;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    position: absolute;
    bottom: auto;
    text-align: center;
}

#settingbackgroundmusic {
    height: 482px;
}

.vsl-image {
    width: 155px;
}

.btn-add-border {
    width: 300px;
}

.btn-add-download-border {
    width: 320px;
}

.vsl .tab-right-list.noTemplateFound {
    /*  padding: 25px;
    color: #ce2035;
    position: relative;
    top: 0;
    left: 30%;
    transform: translate(-50%);*/
    padding: 25px;
    color: #ce2035;
    transform: translate(0%);
    position: absolute;
    left: 0px !important;
    right: 0px !important;
    margin: 8px auto !important;
    top: 30px;
}

.noTemplateFound-position {
    position: relative !important;
}

.playerFrame .custom-cross {
    padding-top: 6px;
}

.playerFrame .custom-cross {
    padding-top: 6px;
}

.web-fullscreen .custom-cross {
    padding-top: 5px;
}

.sharedurl_hiddenTextBox {
    color: #01060c;
    border: 0px solid #01060c;
    width: 20px !important;
    height: 10px !important;
    background-color: #01060c;
    position: absolute;
    top: -1000px !important;
    left: -1000px !important;
}

.halo .tab-right-list.noTemplateFound {
    padding: 25px;
    color: #ce2035;
    transform: translate(0%);
    position: absolute;
    left: 0px !important;
    right: 0px !important;
    margin: 8px auto !important;
    top: 30px;
    /*padding: 25px;
        color: #ce2035;
        position: relative;
        top: 0;
        left: 30%;
        transform: translate(-50%);
        margin-top: 50px;*/
}

@media only screen and (max-width:1280px) {
    .vsl .tab-right-list.noTemplateFound {
        left: unset !important;
    }
}


.halo3D-template-position {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

    .halo3D-template-position .tab-right-list {
        padding: 8px 10px;
        margin: 0px;
        width: 20% !important;
    }

@media (max-width: 2300px) {
    .halo3D-template-position .tab-right-list {
        width: 25% !important;
    }
}

@media (max-width: 1600px) {
    .halo3D-template-position .tab-right-list {
        width: 33.333333% !important;
    }
}

@media (max-width: 1280px) {
    .halo3D-template-position .tab-right-list {
        width: 50% !important;
    }
}

div#menu {
    position: fixed !important;
    left: unset;
    right: calc(50% - 350px);
    width: 300px;
}

.fw-600 {
    font-weight: 600 !important;
}

.nav-menu-right li .fa {
    margin-right: 20px;
}

.marquee-container {
    background-color: #4d3b8e59;
    padding: 5px 16px;
    color: white;
    font-size: 16px;
    border-radius: 6px;
    width: calc(100% - 65px);
    margin: auto;
    margin-left: 28px;
}

.custom-cross {
    padding-top: 6px;
}

.prezentar-button-100.btn[disabled]:hover {
    background-color: #a6a6a666 !important;
}

div#close-audio-frame {
    padding: 5px;
}

@media (min-width: 1200px) {
    #flipbook .tab-r-l-img img, #carousel .tab-r-l-img img,
    #jdSlider .tab-r-l-img img, #mockups .tab-r-l-img img {
        min-height: 250px;
        object-fit: cover;
    }
}

@media (min-width: 1281px) {
    #flipbook .tab-r-l-img img, #carousel .tab-r-l-img img,
    #jdSlider .tab-r-l-img img, #mockups .tab-r-l-img img {
        min-height: 208px;
    }
}

@media (min-width: 1366px) {
    #flipbook .tab-r-l-img img, #carousel .tab-r-l-img img,
    #jdSlider .tab-r-l-img img, #mockups .tab-r-l-img img {
        min-height: 224px;
    }
}

@media (min-width: 1440px) {
    #flipbook .tab-r-l-img img, #carousel .tab-r-l-img img,
    #jdSlider .tab-r-l-img img, #mockups .tab-r-l-img img {
        min-height: 238px;
    }
}

@media (min-width: 1601px) {
    #flipbook .tab-r-l-img img, #carousel .tab-r-l-img img,
    #jdSlider .tab-r-l-img img, #mockups .tab-r-l-img img {
        min-height: 198px;
    }
}

@media (min-width: 1680px) {
    #flipbook .tab-r-l-img img, #carousel .tab-r-l-img img,
    #jdSlider .tab-r-l-img img, #mockups .tab-r-l-img img {
        min-height: 210px;
    }
}

@media (min-width: 1800px) {
    #flipbook .tab-r-l-img img, #carousel .tab-r-l-img img,
    #jdSlider .tab-r-l-img img, #mockups .tab-r-l-img img {
        min-height: 226px;
    }
}

@media (min-width: 1920px) {
    #flipbook .tab-r-l-img img, #carousel .tab-r-l-img img,
    #jdSlider .tab-r-l-img img, #mockups .tab-r-l-img img {
        min-height: 243px;
    }
}

@media (min-width: 2100px) {
    #flipbook .tab-r-l-img img, #carousel .tab-r-l-img img,
    #jdSlider .tab-r-l-img img, #mockups .tab-r-l-img img {
        min-height: 250px;
    }
}

@media (min-width: 2301px) {
    #flipbook .tab-r-l-img img {
        min-height: 235px;
    }
}
/*------
*/
@media (min-width: 1200px) {
    #FlipbookTemplateModal .tab-r-l-img img, #carousel-Modal-Template .tab-r-l-img img,
    #jDSlider-Modal-Template .tab-r-l-img img, #MockupTemplateModal .tab-r-l-img img {
        min-height: 202px;
        object-fit: cover;
    }
}

@media (min-width: 1281px) {
    #FlipbookTemplateModal .tab-r-l-img img, #carousel-Modal-Template .tab-r-l-img img,
    #jDSlider-Modal-Template .tab-r-l-img img, #MockupTemplateModal .tab-r-l-img img {
        min-height: 235px;
    }
}

@media (min-width: 1358px) {
    #FlipbookTemplateModal .tab-r-l-img img, #carousel-Modal-Template .tab-r-l-img img,
    #jDSlider-Modal-Template .tab-r-l-img img, #MockupTemplateModal .tab-r-l-img img {
        min-height: 250px;
    }
}

@media (min-width: 1601px) {
    #FlipbookTemplateModal .tab-r-l-img img, #carousel-Modal-Template .tab-r-l-img img,
    #jDSlider-Modal-Template .tab-r-l-img img, #MockupTemplateModal .tab-r-l-img img {
        min-height: 188px;
    }
}

@media (min-width: 1680px) {
    #FlipbookTemplateModal .tab-r-l-img img, #carousel-Modal-Template .tab-r-l-img img,
    #jDSlider-Modal-Template .tab-r-l-img img, #MockupTemplateModal .tab-r-l-img img {
        min-height: 198px;
    }
}

@media (min-width: 1800px) {
    #FlipbookTemplateModal .tab-r-l-img img, #carousel-Modal-Template .tab-r-l-img img,
    #jDSlider-Modal-Template .tab-r-l-img img, #MockupTemplateModal .tab-r-l-img img {
        min-height: 212px;
    }
}

@media (min-width: 1920px) {
    #FlipbookTemplateModal .tab-r-l-img img, #carousel-Modal-Template .tab-r-l-img img,
    #jDSlider-Modal-Template .tab-r-l-img img, #MockupTemplateModal .tab-r-l-img img {
        min-height: 227px;
    }
}

@media (min-width: 2105px) {
    #FlipbookTemplateModal .tab-r-l-img img, #carousel-Modal-Template .tab-r-l-img img,
    #jDSlider-Modal-Template .tab-r-l-img img, #MockupTemplateModal .tab-r-l-img img {
        min-height: 250px;
    }
}

.videos-row a {
    color: #333;
}

.stamp-tag {
    /* color: #ce2035 !important;*/
    color: red;
    font-size: 14px;
    font-weight:600;
}

#settings .btn-browse {
    float: initial;
}

#viewFrameLoader:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0px;
    height: 100vh;
    width: 100vw;
    z-index: -1;
    background: #120f216b;
}

.bgmusicSuccess {
    margin-left: 20px;
}

.py-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#btn_audioDelayAllSlide .fa {
    transition: all 0.20s ease-in-out;
}

    #btn_audioDelayAllSlide .fa.rotate {
        transform: rotate( 180deg );
    }

.login.heading .iframeheading {
    font-size: 24px;
    font-weight: 500;
}

span.inline-input-error {
    display: contents;
}

.disable-slide-controls {
    pointer-events: none;
    cursor: default;
}

.countdown-preloader {
    background: #503f889c;
    font-family: 'Montserrat', sans-serif !important;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1060;
}

    .countdown-preloader .countdown-loader {
        height: 100vh;
        width: 100vw;
        position: relative;
        align-items: center;
    }

        .countdown-preloader .countdown-loader .loader-counter {
            color: #fff;
            font-size: 150px;
            display: flex;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            align-content: center;
        }

#chooseFile .prezentar-button-100 {
    cursor: pointer;
}

#sdrecordmodal .modal-body {
    padding-top: 0px;
}

#bgType {
    margin-top: 10px;
}

.pageContainer #settings {
    margin-top: 5px;
}

.center-row {
    display: flex;
    align-items: center;
}

.d-inline-label {
    position: relative;
    margin-right: 10px;
}

.d-flex-center-inline {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.d-inline-label:before {
    position: absolute;
    top: -5px;
    right: -3px;
}

#player-close.cross {
    padding-top: 5px;
}

.jssocials-share-link {
    border-radius: 2em !important;
}

.player-close.cross {
    background-color: #080024;
}

.headerTop .nav-menu-right li a .profileimg {
    padding: 0px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    object-fit: cover;
}

.headerTop .nav-menu-right li .profile-dropdown {
    margin-top: 7px;
}

#upload_Profile-results #results {
    max-width: 100px;
    max-height: 100px;
    margin: 0px;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 5px;
}

div#upload_Profile-results {
    height: auto !important;
    margin: 0px !important;
    text-align: center;
}

#SignOutModal {
    background-image: url(/Content/Images/img/login-page-img.jpg);
}

    #SignOutModal .logout_pop {
        /*border: 6px solid #d1173c;*/
        border-radius: 10px;
        background-color: #080024d9;
    }

input[readonly] {
    cursor: pointer;
}

@media (max-width: 2100px) and (min-width:1900px) {
    #my .tab-r-l-img img {
        object-fit: fill;
        height:250px;
    }
}

.sliders3D #bgType {
    display: inline;
}

#FlipBookModal .modal-dialog, #carousel-Modal .modal-dialog, #jDSlider-Modal .modal-dialog, #MockupModal .modal-dialog {
    max-width: 600px;
}

#FlipBookModal .modal-header, #carousel-Modal .modal-header, #jDSlider-Modal .modal-header, #MockupModal .modal-header {
    font-size: 25px;
    text-align: center;
    font-weight: 600;
}

select::-webkit-scrollbar {
    width: 10px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

select::-webkit-scrollbar-track {
    background: #38314e;
    border-radius: 10px;
}

select::-webkit-scrollbar-thumb {
    background: #a94442;
    border-radius: 10px;
}

    select::-webkit-scrollbar-thumb:hover {
        background: #a94442;
    }

.customer-slide-options.slide-options {
    width: 450px !important;
}

.alexander_styling_radio_buttons_list .alexander_styling_radio_label::before {
    background-color: #F8F7FF;
}

#libraryMusicModal {
    height: 100% !important;
}

    #libraryMusicModal .modal-dialog-library-music {
        display: grid;
        height: 100%;
        align-items: center;
    }

.alexander_styling_radio_buttons_list .alexander_styling_radio-btn:checked ~ .alexander_styling_radio_label::before, .alexander_styling_radio_buttons_list .alexander_styling_radio_list_item:hover .alexander_styling_radio_label::before {
    margin-right: 10px;
}

.sliders3D #settings .col-md-4 .panel.panel-default {
    min-height: 297px;
}

.sliders3D #settings .col-md-4:last-of-type .form-group:last-of-type {
    margin-bottom: 1px !important;
}

.sliders3D.carouselSlider .tab-sliders #settings .col-md-4 .panel.panel-default {
    min-height: 337px;
}

.sliders3D.jdSlider #settings .col-md-4 .panel.panel-default {
    min-height: 373px;
}

.sliders3D.pageContainer #settings .col-md-8 .panel.panel-default, .sliders3D.pageContainer #settings .col-md-4 .panel.panel-default {
    min-height: 218px;
}

#changePasswordModal .modal-header {
    background-color: rgba(94, 84, 128, 0.5);
    height: 50px;
    color: white;
    text-align: center;
    text-transform: capitalize;
    padding: 0px 15px;
    border: none;
}

    #changePasswordModal .modal-header #changePasswordModalTitle {
        color: #ffffff;
        padding: 10px 0;
        font-size: 25px;
        line-height: 29px;
    }

.sliders3D #settings .col-form-label.sub-label {
    position: relative;
    padding-left: 17px;
}

    .sliders3D #settings .col-form-label.sub-label input {
        position: absolute;
        visibility: hidden;
    }

    .sliders3D #settings .col-form-label.sub-label .checkmark:after {
        content: '';
        position: absolute;
        border: 5px solid #F8F7FF;
        border-radius: 50%;
        height: 13px;
        width: 13px;
        margin-right: 10px;
        transition: all .25s linear;
        left: 0px;
        background: #f8f7ff;
        top: 1px;
    }

    .sliders3D #settings .col-form-label.sub-label input:checked ~ .checkmark:after {
        border-color: red;
    }

.fb_settings_label {
    margin-bottom: 7px;
}

#profileModal {
    background-color: rgb(8 0 36 / 70%);
}


#UpdateProfilePartialForm .form-horizontal {
    padding: 0px 10px;
}

    #UpdateProfilePartialForm .form-horizontal .col-md-2, #UpdateProfilePartialForm .form-horizontal .col-md-4, #UpdateProfilePartialForm .form-horizontal .col-md-8, #UpdateProfilePartialForm .form-horizontal .col-md-12 {
        padding: 0px 20px;
    }

#UpdateProfilePartialForm #upload_Profile-results {
    margin: 0 auto !important;
    position: relative;
    max-width: 130px !important;
}

#upload_Profile-results #results {
    margin: 10px auto 0;
    max-width: 120px;
    max-height: 120px;
}

#UpdateProfilePartialForm #upload_Profile-results .btn-browse {
    position: absolute !important;
    float: unset !important;
    margin: 0px auto !important;
    border: none !important;
    background: #fff !important;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    bottom: 5px;
    left: 0px;
    right: 0px;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
}

#upload_Profile-results .btn-Remove {
    border: none !important;
    background: white !important;
    color: #ce2035 !important;
    position: absolute !important;
    float: unset !important;
    margin: 0px auto !important;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    bottom: 5px;
    left: 0px;
    right: 0px;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    padding: 0px;
}

#UpdateProfilePartialForm #upload_Profile-results .btn-browse span.fa-camera {
    padding-top: 8px;
}

#lblProfession, #lblDateofBirth, #lblPrezentarDescription {
    margin-bottom: 5px;
}

#UpdateProfilePartialForm .form-horizontal .row .col-md-12:last-of-type .form-group {
    margin-bottom: 5px;
}

#DateofBirth .date .fa.fa-calendar {
    color: #BAAAEF;
    font-size: 18px;
}

#UpdateProfilePartialForm .modal-footer {
    border-color: #655994;
}

#DateofBirth {
    position: relative;
}

    #DateofBirth .input-group.date {
        width: 100%;
    }

    #DateofBirth .input-group-addon {
        position: absolute;
        right: 0px;
        display: inherit;
        z-index: 5;
        background: transparent;
        border: none;
        top: 2px;
    }

    #DateofBirth .input-group .readonlyDatePicker {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
/*new Css related to pop up */
@media (min-width: 2300) {
    .left-wrapper-list.cd-side-nav, .tab-r-wrapper {
        height: 82vh;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 2300px) {
    .left-wrapper-list.cd-side-nav, .tab-r-wrapper {
        height: 82vh;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1600px) {
    .full-wrapper .tab-folder-list {
        width: 12.5% !important;
        float: left;
        margin: 0;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1280px) {
    .full-wrapper .tab-folder-list {
        width: 10% !important;
        float: left;
        margin: 0;
        margin-bottom: 10px;
    }
}

#sdvideomodal #video-submit-btn {
    float: unset;
    margin: 20px 0px 5px;
}

#sdvideomodal .form-group.media-submit-form .col-sm-12.py-0 {
    text-align: center !important;
    float: unset !important;
}

#sdrecordmodal .media-submit-form #record-submit-btn {
    float: unset !important;
    margin-top: 0px !important;
}

#UpdateProfilePartialForm .modal-footer {
    padding-top: 0px !important;
    border: none;
    text-align: center;
    padding-bottom: 20px;
}

#changePasswordModal .row.form-group {
    margin-bottom: 0px;
}

#ChangePasswordPartialForm .form-group.login-form:last-of-type {
    margin-bottom: 5px;
}

#ClientForm .popupInnerContainer {
    margin-bottom: 0px;
    padding-bottom: 5px;
}

#TeamMemberForm .row:last-of-type .form-group {
    margin-bottom: 0px;
}


.sliders3D .modal-content {
    background-color: #080024;
}

#FlipBookModal .modal-header, #carousel-Modal .modal-header, #jDSlider-Modal .modal-header, #MockupModal .modal-header,
#FlipbookTemplateModal .modal-header, #carousel-Modal-Template .modal-header, #jDSlider-Modal-Template .modal-header,
#MockupTemplateModal .modal-header,
#FlipbookBGModal .modal-header,
#MockupModelModal .modal-header,
#video_model .modal-header {
    background-color: rgba(94, 84, 128, 0.5);
    height: 50px;
    padding: 10px 15px;
    border: none;
    text-align: center;
}

    #FlipBookModal .modal-header .modal-title, #carousel-Modal .modal-header .modal-title, #jDSlider-Modal .modal-header .modal-title,
    #MockupModal .modal-header .modal-title, #FlipbookTemplateModal .modal-header .modal-title, #carousel-Modal-Template .modal-header .modal-title,
    #jDSlider-Modal-Template .modal-header .modal-title,
    #MockupTemplateModal .modal-header .modal-title,
    #FlipbookBGModal .modal-header .modal-title,
    #MockupModelModal .modal-header .modal-title,
    #video_model .modal-header .modal-title {
        line-height: 29px;
        font-size: 25px;
    }

#FlipBookModal .modal-footer, #carousel-Modal .modal-footer, #jDSlider-Modal .modal-footer, #MockupModal .modal-footer,
#FlipbookTemplateModal .modal-footer, #carousel-Modal-Template .modal-footer, #jDSlider-Modal-Template .modal-footer,
#MockupTemplateModal .modal-footer,
#FlipbookBGModal .modal-footer,
#MockupModelModal .modal-footer,
#video_model .modal-footer {
    border: none;
    padding: 0px 15px 20px;
    text-align: center;
}

#FlipBookModal .modal-body, #carousel-Modal .modal-body, #jDSlider-Modal .modal-body, #MockupModal .modal-body,
#FlipbookTemplateModal .modal-body, #carousel-Modal-Template .modal-body, #jDSlider-Modal-Template .modal-body,
#MockupTemplateModal .modal-body,
#FlipbookBGModal .modal-body,
#MockupModelModal .modal-body,
#video_model .modal-body {
    padding-bottom: 5px;
}

#carousel-Modal-Create .modal-content,
#jDSlider-Modal-Create .modal-content {
    background-color: #080024;
}

#carousel-Modal-Create .panel.panel-default,
#jDSlider-Modal-Create .panel.panel-default {
    background: transparent !important;
    border: none;
    margin-bottom: 0px;
}

#carousel-Modal-Create .modal-body,
#jDSlider-Modal-Create .modal-body {
    padding: 0;
}

#carousel-Modal-Create .modal-footer,
#jDSlider-Modal-Create .modal-footer {
    padding-top: 0px;
    padding-bottom: 20px;
    border: none;
    text-align: center;
}

#carousel-Modal-Create .panel:last-of-type, #carousel-Modal-Create .panel:last-of-type .panel-heading,
#jDSlider-Modal-Create .panel:last-of-type, #jDSlider-Modal-Create .panel:last-of-type .panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#carousel-Modal-Create .panel-body .form-group,
#jDSlider-Modal-Create .panel-body .form-group {
    margin-bottom: 0px;
}

#carousel-Modal-Create .panel-heading h3,
#jDSlider-Modal-Create .panel-heading h3 {
    font-size: 25px;
    text-align: center;
}

/*Css for button */

.sliders3D .tab-r-wrapper {
    padding-right: 0px;
    overflow-x: hidden;
}

.sliders3D .tab-r-wrapper {
    margin-left: -10px;
}

.sliders3D .tab-pane .create-box .createbutton .icon {
    height: 52px;
}


.sliders3D .tab-r-wrapper {
    margin-left: -10px;
}

.sliders3D .full-wrapper .tab-r-wrapper .create-box {
    max-width: 100%;
    width: 100%;
    margin-left: -5px;
}

.create-box .createbutton {
    display: flex;
    width: fit-content !important;
    flex-wrap: wrap;
    align-items: center;
}

#sortable .transition-items .form-group {
    margin-bottom: 0px;
}

#sortable .transition-items .field-item.text-area {
    margin-bottom: 0px;
}

#sortable .transition-items .field-item {
    margin-bottom: 10px;
}

    #sortable .transition-items .field-item.checkbox-form-control {
        margin-top: 15p;
        margin-bottom: 0px;
    }

    #sortable .transition-items .field-item .col-form-label.sub-label {
        margin-bottom: 5px;
    }

#sortable .field-item textarea.form-control {
    height: 100px;
}

#sortable .panel-body.transition-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sliders3D #settings .tab-r-wrapper {
    margin-left: 0;
}

.sliders3D .tab-pane .create-box .createbutton .text {
    margin-left: 10px;
}

.sliders3D #settings .form-horizontal .form-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
    /*    .sliders3D #settings .form-horizontal .form-group .slider.slider-horizontal ~ label {
        position: absolute;
    }*/

    .sliders3D #settings .form-horizontal .form-group.slider-group {
        align-items: flex-start;
    }

/*.sliders3D #settings .form-horizontal .slider.slider-horizontal {
    margin-top: 12px;
}*/

.sliders3D #bgType {
    float: right;
    margin-top: 0px;
}

.sliders3D #settings .custom-radio-button .col-form-label.sub-label {
    margin-right: 10px;
}

.sliders3D #settings .col-form-label.sub-label {
    padding-left: 0px;
}

.sliders3D #settings .custom-radio-button .col-form-label.sub-label {
    padding-left: 17px;
}

    .sliders3D #settings .custom-radio-button .col-form-label.sub-label:last-of-type {
        margin-right: 0px;
    }

.sliders3D #settings .custom-radio-button.verticalOptions .checkbox-bird:first-of-type .col-form-label.sub-label, .sliders3D #settings .custom-radio-button.horizontalOptions .checkbox-bird:first-of-type .col-form-label.sub-label {
    margin-bottom: 20px;
}

#settings .bgImageDiv .btn-browse {
    float: unset;
    margin-left: auto;
    width: 100px;
    margin-right:10px;
}

.align-checkbox .btn-group.btn-group-sm {
    margin-left: 12px;
}

#MockupModelModal #exampleModalLabel.modal-title {
    font-weight: 600;
}

#MockupModelModal .modal-dialog {
    margin: auto;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #a94442 #38314e;
}

.sd-text-direction_rtl ul > li:before {
    transform: rotate(180deg) scale(0.9);
    -webkit-transform: rotate(180deg) scale(0.4);
}

.sd-element-text.sd-text-direction_rtl li, .sd-element-text.sd-text-direction_ltr li {
    margin-bottom: 0;
}

.prezentationAudioDialog .em-dialog-btn-cancel {
    background: #ce2035 !important;
    color: white;
    border: 1px solid #e0283f !important;
}

.prezentationAudioDialog .em-dialog-btn-ok {
    background: #777288 !important;
    color: white;
    border: 1px solid #787583 !important;
}

.carouselSlider #items .slider-items .step-col-icon, .jdSlider #items .slider-items .step-col-icon{
    margin-top: 0;
    width: 50px;
}
.carouselSlider #items .row.step-3-row.ui-sortable-handle .col-sm-10, .jdSlider #items .row.step-3-row.ui-sortable-handle .col-sm-10 {
    width: calc(100% - 100px);
}
.carouselSlider #items .panel.slider-item, .jdSlider #items .panel.slider-item {
    margin-bottom: 0px;
}
.carouselSlider .panel.slider-item img, .jdSlider .panel.slider-item img {
    max-height: unset;
}
.pd-0{
    padding:0;
}
.pdx-0{
    padding-left:0;
    padding-right:0;
}
.pdy-0{
    padding-top:0;
    padding-bottom:0;
}
.mgt-2rem{
    margin-top:2.5rem;
}


.bgImageDiv > .imgGrp {
    display: flex;
    justify-items: end;
    align-items: center;
    align-content: center;
}

.seiyria-slider-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.seiyria-slider-container > span.min {
    margin-right: 15px;
}
.seiyria-slider-container > span.max {
    margin-left: 15px;
}
.input-fields {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
}
.input-fields > div {
    margin: 0px 5px;
    width: 100%;
}
.input-group .col-form-label {
    display: block;
}
.sliders3D.carouselSlider #settings span.min, .sliders3D.carouselSlider #settings span.max {
    max-width: 45px;
    width: 100%;
}
/*.sliders3D #settings span.max {
    text-align: right;
}*/
.sliders3D #settings span.min {
    text-align: left;
}
#carousel-Modal-Create .panel-heading sub,#jDSlider-Modal-Create .panel-heading sub {
    bottom: -2px;
    display: inline-flex;
}
#carousel-Modal-Create .panel-heading h3,#jDSlider-Modal-Create  .panel-heading h3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.seiyria-slider-container .slider .tooltip.tooltip-main{
    z-index:1;
}
.seiyria-slider-container .slider .tooltip.top .tooltip-arrow, .seiyria-slider-container .slider .tooltip.bottom .tooltip-arrow, .seiyria-slider-container .slider .tooltip.left .tooltip-arrow, .seiyria-slider-container .slider .tooltip.right .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ce2035;
}
.seiyria-slider-container .slider .tooltip .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #ce2035;
    border-radius: 4px;
}
.disabledElelment{
    pointer-events:none;
}

.disabledElelment select, .disabledElelment input, .disabledElelment button{
    background-color:#ffffff42 !important;
}
a .addNewIconHover {
    position: absolute !important;
    left: 0;
    top: 0;
    transition: all 0.25s ease-in-out;
}
a:hover .addNewIconHover {
    opacity: 1 !important;
}
.btnFloating {
    position: fixed;
    right: 10px;
    top: 170px;
    z-index: 100;
}
.btnFloating img {
    width: 71px;
    transition: all 0.25s ease-in-out;
}
.btnFloating .default-img {
    z-index: 0;
    opacity: 1;
}
.btnFloating .hover-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0;
}
.btnFloating:hover .default-img {
    transform: scale(1) rotate(0deg);
    opacity: 1;
    animation: rotateDefault 1s forwards;
}
@keyframes rotateDefault {
    from {transform: rotate(0deg); opacity: 1;}
    to {transform: rotate(360deg); opacity: 0}
}
.btnFloating:hover .hover-img {
    transform: scale(0) rotate(0deg);
    opacity: 0
    z-index: -1;
    animation: rotateHover 1s forwards;
}
@keyframes rotateHover {
    from {transform: scale(0) rotate(0deg); opacity: 0; z-index: -1;}
    to {transform: scale(1) rotate(360deg); opacity: 1; z-index: 1;}
}
.tab-folder-list .btn-add-vsl.btn-add-vsl-folder {
     box-shadow: 0 -23px 60px rgb(0 0 0 / 35%);
}
.tab-folder-list .btn-add-vsl.btn-add-vsl-folder .tab-r-l-heading {
     background: #38314e;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.tab-folder-list:hover .btn-add-vsl.btn-add-vsl-folder img, .tab-folder-list:hover .btn-add-vsl-folder span {
    opacity: 1;
}
.tab-folder-list .btn-add-vsl.btn-add-vsl-folder:hover .tab-r-l-heading {
    background-color: #ffffff;
    color: #ce2035;
}
.tab-folder-list .btn-add-vsl.btn-add-vsl-folder:hover .tab-r-l-heading span {
    color: #ce2035;

}
#SignOutModal .modal-content.custom-scroll {
    z-index: 500;
}
.tab-right.cat-top{
    width: 50% !important;
    text-align:right;
}
.tab-right.cat-top .search-template {
    width: 49% !important;
    display:inline-table;
}
.tab-right.cat-top .input-group select {
    height: 50px !important;
    padding:6px 20px !important;
}

/*New css by nadeem for prezentar bg*/
body.appBody:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: linear-gradient(
36.76deg, #0F082B -1.76%, #170758 16.43%, #5D0E79 31.65%, #48C4EC 43.16%, #080024 68.09%);
    opacity: 0.5;
    z-index: -1;
}
.appBody, body {
    position: relative;
    background-image: none;
}
.nav-menu-right #sub-menu {
    padding: 0px 0px;
    width: 250px;
}
.sub-menu li a {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 5px !important;
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
}
.navbar-nav > li ul.sub-menu li {
    display: inline-block;
    line-height: 0;
    border-bottom: 1px solid #6666662e;
}
.navbar-nav > li ul.sub-menu li:last-of-type {
    border: none;
}
.search-group .form-control.search-control {
                padding: 11px 15px;
                height: 56px;
                z-index: 100;
                width: 100%;
                display: grid;
            }
            #dpdAdminTemplatesCategory .menu-item {
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 6px 20px !important;
                position: relative;
                font-family: 'Poppins', sans-serif;
                font-size: 15px;
                font-weight: 500;
                font-style: normal;
                background: transparent;
                border-bottom: 1px solid #6666662e;
                transition: all 0.25s ease-in-out;
                cursor: pointer;
            }
            #dpdAdminTemplatesCategory .menu-item.selected, #dpdAdminTemplatesCategory .menu-item:hover {
                color: #ce2035;
                background: #080024;
            }
            #dpdAdminTemplatesCategory .menu-item:last-of-type {
                border-bottom: none;
            }
            .search-group #cat-menu {
                width: 100%;
                padding: 0px;
                height: 100%;
                background: transparent;
                color: #fff;
                border: none;
                outline: none !important;
                position: relative;
                text-align: left;
                display: grid;
                align-items: center;
            }
            #cat-menu .cat-text {
                width: 90%;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                position: relative;
                font-family: 'Poppins', sans-serif;
                font-size: 15px;
                font-weight: 500;
                font-style: normal;
            }
            #dpdAdminTemplatesCategory {
                background: #150d33;
                width: 102%;
                min-width: 236px;
                left: auto;
                right: -8px;
            }
            .search-group #cat-menu:focus {
                background: transparent !important;
                border: none !important;
                color: #fff !important;
                outline: none !important;
            }
            #cat-menu .fa {
                position: absolute;
                right: 0px;
                font-size: 20px !important;
                top: 0;
                bottom: 0;
                line-height: 1.8;
                margin: auto;
            }
            #dpdAdminTemplatesCategory {
                max-height: calc(100vh - 165px);
                overflow: hidden auto;
            }
            @media(max-width: 960px){
                #dpdAdminTemplatesCategory {
                    max-height: calc(100vh - 230px);
                }
            }
            @media (max-width: 767px) {
                .search-group .form-control.search-control {
                    padding: 6px 15px;
                    height: 46px;
                }
                #dpdAdminTemplatesCategory {
                    max-height: calc(100vh - 215px);
                }
            }
            .templates-page .tab-content {
                position: relative;
            }
            .templates-page .tab-content:before {
                content: '';
                content: '';
                position: absolute;
                left: 0px;
                right: 0px;
                top: 0px;
                bottom: 0px;
                height: calc(100vh - 170px);
                background: linear-gradient(36.76deg, #0F082B -1.76%, #170758 16.43%, #5D0E79 31.65%, #48C4EC 43.16%, #080024 68.09%);
                opacity: 0.5;
                z-index: 0;
                border-radius: 4px;
            }
          
.sliders3D .label-yellow {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sliders3D .label-yellow .label-line {
    height: 1px;
    background: #baaaef;
    width: 100%;
}
.sliders3D .label-yellow .label-text {
    margin: 0px 15px;
}
.t-shirt-container .reward_img {
    position: relative;
}

.play-it {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 7px;
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #4db02a;
    transition: all 0.25s ease-in-out;
}
.truncate250 {
  max-width:250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate350 {
  max-width:350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.w80Px {
  width:80px;
}
/* **** TOOLTIP STYLES **** */
.formate-tooltip, .formate-tooltip span {
    display: block;
    text-align: left;
    color: #fff;
}

.formate-tooltip {
    position: absolute;
    max-width: 450px;
    background: rgb(52, 55, 110);
    box-shadow: 0px 4px 15px rgb(0 0 0 / 15%);
    backdrop-filter: blur(100px);
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 3%);
    bottom: 51px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    z-index: -3;
    visibility: hidden;
    transition: all 0.20s ease-in-out;
    
}

.active-tooltip .formate-tooltip, .password-validation .form-control:focus ~ .formate-tooltip {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.formate-tooltip .tooltip-head {
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0px 4px 15px rgb(0 0 0 / 15%);
    backdrop-filter: blur(100px);
}

.tooltip-description {
    padding: 10px 15px;
    position: relative;
    font-size: 13px;
}

.tooltip-description .requirement-list {
    padding-left: 30px;
}

    .tooltip-description .requirement-list, .tooltip-description .requirement-item {
        list-style: disc;
    }
.tooltip-description:after {
    content: "";
    position: absolute;
    top: calc(100% - 6px);
    left: calc(50% - 2px);
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: #334d7a #364074 transparent transparent;
    transform: rotate(135deg);
}
.formate-tooltip.forgot_pass .tooltip-description::after {
    display: none;
}
.regx-validation {
    border-color: #ce2035 !important;
}

#TeamMemberForm .popupInnerContainer {
    overflow: visible;
}
/* **** ToolTip Styles End **** */


.upgradeMonthlyModal .modal-dialog {
    width: auto;
}

.upgradeMonthlyModal .modal-content {
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0px 4px 15px rgb(0 0 0 / 15%), 0px 0px 0px 9px rgb(255 255 255 / 10%), inset 0px 0px 30px rgb(255 255 255 / 5%);
    backdrop-filter: blur(100px);
    border-radius: 5px;
    padding: 0px;
}

.upgradeMonthlyModal .modal-body {
    padding: 0px;
    line-height: 0;
}

.upgradeMonthlyModal .cross {
    top: -12px;
    right: -12px;
}

.upgradeMonthlyModal .sale-page a, .upgradeMonthlyModal .sale-page {
    display: inline-block;
    line-height: 0;
}

    .upgradeMonthlyModal .sale-page img {
        border-radius: 4px;
    }

/*editor preview styles*/
#menu.active .view {
    position: relative;
    display: inline-block;
}

#menu.active .preview-tooltip {
    display: inline-block;
    position: relative;
    height: 50px;
    left: 65px;
    bottom: 15px;
    overflow: hidden;
    width: 0px;
}

#menu.active .preview-tooltip.active {
    width: 40px;
}

#menu.active .preview-wrapper {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 50px;
    left: 0px;
    bottom: -45px;
    z-index: -1;
    transition: all 0.50s ease-in-out;
}

#menu.active .view .preview-tooltip .preview-wrapper .preview-option {
    position: unset !important;
    margin: 5px 0px 0px 0px !important;
}

#menu.active .preview-tooltip.active .preview-wrapper {
    bottom: 0px;
    z-index: 2;
}

#menu.active .social-share-menu-buttons {
    top: -160px;
}

.full-row .form-group {
    margin-left: -10px;
    margin-right: -10px;
}
/*.em-dialog-btn-cancel.btn-default2 {
    display: none !important;
}*/

/*#createUserModal .btn-secondary {
    color: #333 !important;
}*/

/*Adding this sd-link class for underline & color the text of Hyperlink*/
a.sd-slide-link {
    text-decoration: underline !important;
}
a.sd-slide-link:hover {
    text-decoration: underline !important;
}

.sd-element-text a.sd-slide-link {
    color: inherit !important;
}

.sd-element-text a.sd-slide-link:hover {
    color: inherit !important;
}
a.sd-link {
    text-decoration: underline !important;
}

a.sd-link:hover {
    text-decoration: underline !important;
}

.sd-element-text a.sd-link {
    color: inherit !important;
}
.sd-element-text a.sd-link:hover {
    color: inherit !important;
}
/*Adding this for Notification of regex validation*/
.em-dialog-message li {
    text-align: left;
    list-style-type: disc;
    margin-left: 20px;
}

/*Adding class for vsl video*/
#video_model .modal-content {
    max-width: 1000px;
    margin: auto;
    background: transparent;
    box-shadow: none;
}

.vsl-video-wrapper {
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0px 4px 15px rgb(0 0 0 / 15%), 0px 0px 0px 9px rgb(255 255 255 / 10%), inset 0px 0px 30px rgb(255 255 255 / 5%);
    backdrop-filter: blur(100px);
    border-radius: 5px;
    padding: 0px;
    line-height: 0;
    text-align: center;
    max-width: 1000px;
    margin: auto;
}

.vsl-video-wrapper .credit-video {
    min-height: auto !important;
    max-width: 100%;
    margin: auto;
    height: auto;
    aspect-ratio: 1/0.51;
}
/*hide the Mute function of audio recording. sheet issue no#136 */
.vjs-volume-panel.vjs-control {
    display: none;
}
.sd-world-background-color_HandDelivery {
    background: white !important;
}
/* ***** Forgot Pass Changes ***** */
.formate-tooltip.forgot_pass {
    position: unset;
    backdrop-filter: none;
    left: unset;
    right: unset;
    bottom: unset;
    opacity: 1;
    z-index: unset;
    visibility: unset;
}
.forgot_pass .requirement-list {
    padding-left: 15px;
}
.forgot_pass.formate-tooltip, .forgot_pass.formate-tooltip span {
    font-size: 15px;
}

.forgot_pass .tooltip-description .requirement-item {
    font-size: 14px;
    position: relative;
}
.forgot_pass .tooltip-description:after {
    display: none;
}
.parallel-tooltip {
    display: flex;
    align-items: center;
}
/*Manage team regex validation css*/
#TeamMemberForm .form-group label.error {
    position: absolute;
    bottom: -9px;
    right: 17px;
}

/*Testimonial Useradmin page css*/ 
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    vertical-align: middle;
}

div.dataTables_wrapper div.dataTables_info {
    color: #333;
}

.testimonials-watch-button-mian {
    display: flex;
    align-items: center;
}

    .testimonials-watch-button-mian a{
        background-color: #ce2035;
        color: #fff;
        padding: 9px 10px;
        border-radius: 20px;
        font-size: 12px;
    }

    .testimonials-watch-button-mian .video-watch-button {
        background-color: #5cb85c;
        border: 0;
        color: #fff;
        padding: 10px;
        line-height: 0;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
        font-size: 18px;
    }

.testimonials-template-access {
    margin: 0px 0 30px;
}

    .testimonials-template-access p {
        color: #fff;
        margin-bottom: 13px !important;
    }

    .testimonials-template-access h3 {
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 25px;
        margin-bottom: 13px !important;
    }

    .testimonials-template-access h4 {
        color: #fff;
        margin-bottom: 13px !important;
    }

    .testimonials-template-access select {
        width: 250px;
        height: 40px;
        padding: 8px;
        border-radius: 3px;
        background-color: #2d2d2d;
        color: #fff;
        border: solid 1px #868686;
    }

.user-testimonials-on-off {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}

    .user-testimonials-on-off input {
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    .user-testimonials-on-off p {
        cursor: pointer;
        width: 50px;
        height: 40px;
        background-color: #2d2d2d;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: 700;
        margin-bottom: 0 !important;
    }

    .user-testimonials-on-off label:first-child p {
        border-radius: 5px 0 0 5px;
    }

    .user-testimonials-on-off label:last-child p {
        border-radius: 0px 5px 5px 0px;
    }

    .user-testimonials-on-off input:checked ~ p {
        background-color: #ce2035;
    }
/*End Testimonial useradmin page*/

/*Client icon increase width*/
#ClientSharingURLsTable .btn {
    font-size: 14px !important;
}
.MyImagesSize {
    color: red;
    margin-top: 17px;
    display: inline-block;
    margin-left: 5px;
}