@charset "utf-8";
/*@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(MaterialIcons-Regular.eot); 
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(fonts/MaterialIcons-Regular.woff) format('woff'),
       url(fonts/MaterialIcons-Regular.ttf) format('truetype');
}*/


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* CSS Document */

*{padding:0; margin:0; list-style:none; text-decoration:none; outline:none; -webkit-font-smoothing:antialiased;  -moz-font-smoothing:antialiased;  -webkit-appearance:none !important;  -moz-appearance:none !important;}

HTML,body{float:left; height:100%; width:100%; background:#F4F8F9; margin:0;}
.main{width:100%; float:left; height:100%;}
textarea{min-height:110px;}




/*..............................login...........................*/
body{background:#F4F8F9; margin:0;}
header{float:left; width:100%; padding:25px 30px; box-sizing:border-box;}
.logo{float:left; width:auto;}
.logo-img{float:left; width:auto;margin-right:10px;}
.logo-text{float:left; width:auto; padding:12px 0 12px 12px; }
.logo-name{float:left; width:auto; color:#000; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; margin-bottom:5px; padding:20px 0 20px 5px; text-transform:capitalize;}
.logo-text p{float:left; width:100%; color:#000; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; margin-bottom:5px; text-transform:capitalize;}
.logo-text span{float:left; width:100%; color:#323C47;opacity: 0.5; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; text-transform:capitalize;}

.logo.login-logo{float:left; width:auto;}
.logo.login-logo .logo-img{float:left; width:auto;margin-right:10px;}
.logo.login-logo .logo-text{float:left; width:auto; border-left:1px solid #DCE0E5; padding:12px 0 12px 12px; }
.logo.login-logo .logo-name{float:left; width:auto; color:#000; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; margin-bottom:5px; padding:20px 0 20px 5px; text-transform:capitalize;}
.logo.login-logo .logo-text p{float:left; width:100%; color:#000; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; margin-bottom:5px; text-transform:capitalize;}
.logo.login-logo .logo-text span{float:left; width:100%; color:#323C47;opacity: 0.5; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; text-transform:capitalize;}

footer{position:fixed; bottom:0; width:100%; float:left; padding:22px 30px; box-sizing:border-box;}
.lft-foot{float:left; width:auto;}
.lft-foot span{float:left; width:auto; color:#989898; font-size:13px; font-weight:500; line-height:14px;}
.lft-foot p{float:left; width:auto; opacity:0.8; color:#929EAA; font-family:'Roboto', sans-serif; font-size:11px; line-height:13px; margin:0 0 0 10px;}
.ryt-foot{float:right; width:auto; font-family:'Roboto', sans-serif;}
.ryt-foot p{float:left; margin-left:20px; width:auto; opacity:0.8; color:#929EAA; font-family:'Roboto', sans-serif; font-size:11px; line-height:13px;}
.ryt-foot a{opacity:0.8; color:#929EAA; text-decoration:none;}
.login-sec{float:left; width:100%; text-align:center; transform:translateY(-50%); position:absolute; top:50%;}
.login-form{width:375px; margin:0 auto;}
.login-form h1{float:left; width:100%; text-align:left; color:#181818; font-family:'Roboto', sans-serif; font-size:48px; font-weight:300; line-height:57px; margin-bottom:85px;}
.login-form input[type="text"]::placeholder{}
.form-row label{float:left; width:auto; color:#323C47; font-family:'Roboto', sans-serif; font-size:11px; line-height:13px; margin-top:11px;}
.form-row label a{color:#323C47;}
.form-row input[type="submit"]{float:right; width:100%; border-radius:3px; background-color:#0077E2; box-shadow:0 2px 7px 0 rgba(120,137,149,0.25); font-family:'Roboto', sans-serif; width:180px; color:#fff; font-size:14px; font-weight:500; line-height:16px; text-align:center; border:none; cursor:pointer; padding:10px;}
.confrm{margin:0px 0px 52px 0px; float:left; width:100%;}
.confrm span{margin:0px; float:left; width:100%; color:#A7A9AB; font-family:'Roboto', sans-serif; font-size:14px; line-height:19px; text-align:left; padding:5px 0}
.confrm input[type="text"] {
	border:none; border-bottom:1px solid #323C47; box-sizing:border-box; float:left; margin-bottom:18px; outline:medium none; padding:10px 0 2px 0 !important; font-size:16px; width:100%;}
.confrm input[type="password"] {
	border:none; border-bottom:1px solid #323C47; box-sizing:border-box; float:left; margin-bottom:18px; outline:medium none; padding:10px 0 2px 0 !important; width:100%;}
.input {
  display:inline-block; margin:0; position:relative; vertical-align:top; z-index:1;}
.input--akira {
	margin-top:0;}

.input__field--akira {
	position:absolute; top:0; left:0; z-index:10; display:block; padding:0 1em; width:100%; height:100%; background:transparent; text-align:left;}

.input__label--akira {
	padding:0; width:100%; background:none; color:#212121; cursor:text;}

.input__label--akira::before {
	content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:none; -webkit-transform:scale3d(0.97, 0.85, 1); transform:scale3d(0.97, 0.85, 1); -moz-transform:scale3d(0.97, 0.85, 1); -ms-transform:scale3d(0.97, 0.85, 1); -o-transform:scale3d(0.97, 0.85, 1); -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -ms-transition:transform 0.3s; -o-transition:transform 0.3s; -moz-transition:transform 0.3s;}

.input__label-content--akira {
	-webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -ms-transition:transform 0.3s; -o-transition:transform 0.3s; -moz-transition:transform 0.3s;}

.input__field--akira:focus + .input__label--akira::before,
.input--filled .input__label--akira::before {
	-webkit-transform:scale3d(0.99, 0.95, 1); transform:scale3d(0.99, 0.95, 1); -moz-transform:scale3d(0.99, 0.95, 1); -o-transform:scale3d(0.99, 0.95, 1); -ms-transform:scale3d(0.99, 0.95, 1);}

.input__field--akira:focus + .input__label--akira,
.input--filled .input__label--akira {
	cursor:default; pointer-events:none;}

.input__field--akira:focus + .input__label--akira .input__label-content--akira,
.input--filled .input__label-content--akira {
	-webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0); -moz-transform:translate3d(0, -20px, 0); -o-transform:translate3d(0, -20px, 0); -ms-transform:translate3d(0, -20px, 0);}

.input__label-content em{color:#9da4a5; font-style:normal; padding:0 5px;}

/*...................right-pann-header........................*/
.right-pan{width:81.85%; float:left;}
.header-section{float:left; width:100%; box-shadow:inset 0 -1px 0 0 #DDDDDD; padding:11px 40px; box-sizing:border-box; background:#fff;}
.lft-page-title{float:left; width:auto; margin-top:10px;}
.lft-page-title ul li{ float:left; width:auto; color:#4DA1FF; font-family:'Roboto', sans-serif; font-size:12px; line-height:12px; text-transform:capitalize;}
.right-data-user{float:right; width:auto; position:relative;}
.user-dtl{float:right; width:auto;}
.user-dtl span{float:left; color:#DCE0E5; margin:0 10px; font-size:26px;}
.user-dtl span i.material-icons{font-size:28px;}
.user-dtl .fa-angle-down{font-size:18px; font-weight:500; letter-spacing:1px; line-height:15px; color:#687178;}
.user-dtl a{float:left; margin-top:5px;}
.user-dtl p{float:left; color:#000000; font-family:'Roboto', sans-serif; font-size:14px; line-height:16px; text-align:right; font-weight:500; margin-top:5px;}
.searchbar{width:auto; margin-right:15px; float:left;}
.searchbar i{float:left; width:auto; color:#687178; font-size:14px; font-weight:500; line-height:15px; text-align:right; border-right:1px solid #DCE0E5; padding:6px 10px;}
.searchbar input[type="text"]{float:right; width:auto; padding:5px 0; border:none;}
.pro-droup-dwn{float:right; width:170px; position:absolute; border:1px solid #D0D6DC; border-radius:3px; background-color:#FFFFFF; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); right:-2px; top:46px; padding:15px 20px; box-sizing:border-box; display:none; z-index:1;}
.pro-droup-dwn ul li{float:left; width:100%; margin-bottom:16px;}
.pro-droup-dwn ul li a{float:left; width:100%; color:#757575; font-size:12px; line-height:14px; font-family:'Roboto', sans-serif;}
.pro-droup-dwn ul li:last-child{padding:10px 0 0 0; border-top:1px solid #E9EFF4; margin:0;}
.contect{float:left; width:100%;}
.tab-row{float:left; width:100%; box-shadow:inset 0 -1px 0 0 #DDDDDD; background:#fff; padding:0 40px; box-sizing:border-box;}
.tab{float:left; width:auto;}
.tab ul{float:left; width:100%;}
.tab ul li{float:left; width:auto; margin-right:15px; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.tab ul li a{float:left; width:auto; opacity:0.5; color:#181818; font-family:'Roboto', sans-serif; font-size:12px; font-weight:500; line-height:14px; text-align:center; padding:22px 10px; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-transform:capitalize;}
.tab ul li:hover a{opacity:1; padding-bottom:22px; background-color:rgba(233,239,244,0.48);}
.tab ul li a.service-active{opacity:1; padding-bottom:22px; background-color:rgba(233,239,244,0.48);}
.tab ul li a.active{border-bottom:5px solid #00B0FF; opacity:1; padding-bottom:17px;}
.inner-contant{float:left; width:100%; padding:45px 38px 10px 38px; box-sizing:border-box; position:relative;}
.pages-row{float:left; width:100%;}
.pages-row ul{float:left; width:100%;}
.pages-row ul li{float:left; width:100%; margin-bottom:15px; background:url(../images/line-back.png) left bottom no-repeat , url(../images/border.jpg) 1.9% 0 repeat-y;} 
.pages-row ul li .data-list{float:left; width:100%; border:1px solid #DDE3E8; border-radius:5px; background-color:#FFFFFF; padding:15px; box-sizing:border-box; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.pages-row ul li .data-list span.ion-grid{float:left; width:auto; color:rgba(208,215,221,0.8); font-size:24px; font-weight:500; letter-spacing:2px; line-height:26px; margin-right:20px;}
.pages-row ul li .data-list p{float:left; width:auto; opacity:0.8; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:16px; margin-top:4px;}
.ryt-links{width:auto; float:right; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.ryt-links .material-icons{float:right;}
.pages-row ul li .material-icons a{
  display:inline-block; font-size:24px; font-style:normal; font-weight:normal; letter-spacing:normal; line-height:1; overflow-wrap:normal; text-transform:none; white-space:nowrap; margin:0;}
.pages-row ul li ul {
    width:98% !important; float:right;}
.pages-row ul li ul li{background:url(../images/border.jpg) repeat-x; background-position:-20px 42px; margin-bottom:0;} 
.pages-row ul li ul li .data-list{margin-top:15px;}
.lnk-icon{float:left; width:auto; margin-top:6px; display:none; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.pages-row ul li a{float:left; width:auto; margin:0 10px; color:#687178; font-size:14px; font-weight:500; line-height:15px; text-align:center; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.pages-row ul li .data-list:hover{background-color:#4DA1FF;}
.pages-row ul li .data-list:hover span.ion-grid{color:#fff;}
.pages-row ul li .data-list:hover p{color:#fff;}
.pages-row ul li .data-list:hover a{color:#fff; opacity:0.5;}
.pages-row ul li .data-list a:hover{color:#fff; opacity:1;}
.pages-row ul li .data-list:hover .ryt-links .material-icons{color:#fff;}
.pages-row ul li .data-list.select a:hover{color:#fff; opacity:1;}
.pages-row ul li .data-list.select{background-color:#4DA1FF;}
.pages-row ul li .data-list.select span.ion-grid{color:#fff;}
.pages-row ul li .data-list.select p{color:#fff;}
.pages-row ul li .data-list.select a{color:#fff; opacity:0.5;}
.pages-row ul li .data-list.select .ryt-links .material-icons{color:#fff;}
.pages-row ul li .data-list.select a:hover{color:#fff; opacity:1;}
.pages-row ul li ul li .data-list{width:98%; float:right;}
.lnk-icon a{position:relative;}
.lnk-icon a p{position:absolute; background:#fff; color:#4DA1FF !important;font-size:13px; font-family:'Roboto', sans-serif; border-radius:5px; padding:5px 15px; opacity:0; top:-40px; left:-27px;-webkit-transform: translateY(-10px);transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px); -webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;color: transparent;}
.lnk-icon a p::after {content: ""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#fff transparent transparent transparent;}
.lnk-icon a:hover p{opacity:1;-webkit-transform: translateY(0);transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.ryt-links:hover .lnk-icon{display:block;}
.lft-page-title a{float:left; color:#687178;}
.lft-page-title span{float:left; color:#233539; font-size:16px; font-weight:500; line-height:14px; text-align:right; margin:0 5px;}
.adv-setting{float:right; width:212px; margin-top:15px;}
.adv-setting a{float:right; width:100%; border:1px solid #E9EFF4; padding:6px 10px;}
.adv-setting p{float:left; width:auto; opacity:0.5; color:#323C47; font-size:13px; font-family:'Roboto', sans-serif; line-height:15px; text-transform:capitalize;}
.adv-setting span{ float:right; width:auto; color:#323C47; font-size:13px; font-weight:500; line-height:14px; text-align:center;}
.white-block{float:left; width:100%; min-height:600px; border-radius:6px; background-color:#FFFFFF; box-shadow:0 2px 9px 0 rgba(0,0,0,0.03); padding:26px 50px 30px 30px; box-sizing:border-box;}
.page-head{float:left; width:auto;}
.page-head span{float:left; width:auto; color:#323C47; font-size:24px; font-weight:500; line-height:26px; text-align:center; padding:6px 0; margin-right:10px;}
.page-head h2{float:left; width:auto; color:#323C47; font-family:'Roboto', sans-serif; font-size:28px; line-height:35px; font-weight:normal; /*text-transform:capitalize;*/}
.ryt-button{float:right; width:auto;}
/*.ryt-button input[type="submit"]{width:127px; float:right; border:none; border-radius:100px; background-color:#E9EFF4; font-family:'Roboto', sans-serif; padding:8px 0; font-size:13px; font-weight:500; line-height:15px; text-align:center; color:#323C47; border:1px solid #E9EFF4; margin-left:19px; cursor:pointer;}*/
a.border-btn{width:127px; float:right; border-radius:100px; background-color:none; border:1px solid #7ED321; font-family:'Roboto', sans-serif; padding:8px 0; font-size:13px; font-weight:500; line-height:15px; text-align:center; color:#7ED321; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-transform:capitalize; display:none;}
a.border-btn:hover{background-color:#7ED321; color:#fff;}
.page-top{float:left; width:100%; margin-bottom:65px;}
.data-inner{float:left; width:100%; border-bottom:1px solid #EEEEEE; margin-bottom:30px;}
.save-row{float:left; width:100%;}
.save-btn{width:127px; float:right; border:none; border-radius:100px; background-color:#E9EFF4; font-family:'Roboto', sans-serif; padding:8px 0; font-size:13px; font-weight:500; line-height:15px; text-align:center; color:#323C47; border:1px solid #E9EFF4; margin-left:19px; cursor:pointer; text-transform:capitalize; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; opacity: 0.5;}

.save-btn.active{width:127px; float:right; border:none; border-radius:100px; background-color:#7ED321; font-family:'Roboto', sans-serif; padding:8px 0; font-size:13px; font-weight:500; line-height:15px; text-align:center; color:#fff; border:1px solid #7ED321; margin-left:19px; cursor:pointer; opacity: 1;}
.save-btn:hover{background-color:#73BF1F; color:#fff; opacity: 1;}
.save-btn:active{background-color:#69AD1F; opacity: 1;}	
.data-inner{float:left; width:100%;}
.data-row{float:left; width:100%; margin-bottom:30px;}
.data-lft{width:12%; float:left; position:relative;}
.data-lft p{width:100%; float:left; opacity:0.5; margin-top:12px; color:#323C47; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px;}
.data-ryt{float:left; width:88%;}
.data-ryt input[type="text"].page-title{float:left; width:100%; border:1px solid transparent; border-radius:3px; background-color:#FFFFFF; padding:5px 10px; color:#323C47; font-size:24px; line-height:28px; font-family:'Roboto', sans-serif; box-sizing:border-box;}
.data-ryt input[type="text"].page-title:hover{border:1px solid #E9EFF4;}
/*.data-ryt input[type="text"].page-title:focus{border:1px solid #000;}*/
.data-ryt input[type="text"].page-title:focus{border:1px solid #00B0FF;}
.data-ryt input[type="text"].page-head{float:left; width:100%; border:1px solid transparent; border-radius:3px; background-color:#FFFFFF; padding:5px 10px; color:#323C47; font-size:20px; line-height:28px; font-family:'Roboto', sans-serif; box-sizing:border-box;}
.data-ryt input[type="text"].page-head:hover{border:1px solid #E9EFF4;}
/*.data-ryt input[type="text"].page-head:focus{border:1px solid #000;}*/
.data-ryt input[type="text"].page-head:focus{border:1px solid #00B0FF;}

.data-ryt textarea{float:left; width:100%; border:1px solid transparent; border-radius:3px; background-color:#FFFFFF; padding:5px 10px; color:#323C47; font-size:14px; line-height:26px; font-family:'Roboto', sans-serif; box-sizing:border-box; resize:none;}
.data-ryt textarea:hover{border:1px solid #E9EFF4;}
/*.data-ryt textarea:focus{border:1px solid #000;}*/
.data-ryt textarea:focus{border:1px solid #00B0FF;}
.icon{float:left; width:100px; height:100px; border:1px dashed #4DA1FF; border-radius:4px; background-color:rgba(77,161,255,0.03); position: relative;}
.bow-img,.bow-img1{float:left; width:100%; border:1px dashed #4DA1FF; border-radius:4px; background-color:rgba(77,161,255,0.03); min-height:200px; text-align:center; padding:0; box-sizing:border-box; position: relative;}
.data-lft span{float:left; width:auto; color:#D0D6DC; font-family:'Roboto', sans-serif; font-size:12px; font-weight:300; line-height:14px;}
.slide-ord{float:left; width:100%; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #EEE;}
.data-inner .slide-ord ol{float:left; width:auto; background-color:rgba(233,239,244,0.48); border-radius:4px; padding:6px 20px; box-sizing:border-box; margin-right:25px;}
.slide-ord ol li{float:left; width:85px; margin:0 6px 0 0; box-sizing:border-box; background:none; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.slide-ord ol li:last-child{margin-right:0;}
.slide-ord ol li a{float:left; width:auto;}
.slide-ord ol li span{float:left; width:auto; color:rgba(233,239,244,0.48); font-size:16px; font-weight:500; line-height:17px; text-align:center; margin-right:10px;}
.slide-ord ol li p{float:left; width:auto; opacity:0.5; color:#323C47; font-family:'Roboto', sans-serif; font-size:11px; line-height:16px; text-align:center;}
.slide-ord ol li:hover{background-color:#E9EFF4; box-shadow:0 10px 10px 0 rgba(146,158,170,0.3);}
.slide-ord ol li:hover span{color:#4DA1FF;}
.slide-ord ol li p{float:left; width:auto; opacity:0.5; color:#323C47; font-family:'Roboto', sans-serif; font-size:11px; line-height:16px; text-align:center;}
.slide-ord ol li.active{ background:#fff;}
.slide-ord ol li.active span{color:#D0D7DD;}
.slide-ord ol li.active p{float:left; width:auto; opacity:0.5; color:#323C47; font-family:'Roboto', sans-serif; font-size:11px; line-height:16px; text-align:center;}

.add-slide{float:left; width:98px; padding:12px 5px; box-sizing:border-box; border-radius:3px; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.add-slide span{float:left; width:auto; color:#D0D7DD; font-size:16px; font-weight:500; line-height:17px; text-align:center; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.add-slide p{float:left; width:auto; color:#929EAA; font-family:'Roboto', sans-serif; font-size:12px; line-height:14px; text-align:center; margin:0 10px;}
.add-slide:hover{background-color:rgba(233,239,244,0.3);}
.add-slide:hover span{color:#7ED321}
.data-lft .material-icons.ques-icon{float:left; width:auto; position:absolute; top:10px; right:10px; opacity:0.5; color:#323C47; font-size:16px; font-weight:500; line-height:17px;}
.data-lft .material-icons.ques-icon a:hover{color:#323c47;}
.data-ryt input[type="text"]{float:left; width:100%; border-radius:3px; border:1px solid transparent; background-color:#FFFFFF; padding:5px 10px; color:#323C47; font-size:14px; line-height:28px; font-family:'Roboto', sans-serif; box-sizing:border-box;}

.data-ryt input[type="text"]:hover{border:1px solid #E9EFF4;}
/*.data-ryt input[type="text"]:focus{border:1px solid #000;}*/
.data-ryt input[type="text"]:focus{border:1px solid #00B0FF;}

.data-ryt input[type="text"]::placeholder,.data-ryt textarea::placeholder{color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:26px; opacity:0.5;}
.data-ryt .ion-calendar{ float:left; color:#4DA1FF; margin-top:9px; font-size:16px; font-weight:500; letter-spacing:3px; line-height:17px; text-align:center; margin-right:10px;}
.date-row{float:left; width:auto;}
.data-ryt .date-row input[type="text"]{float:left; text-align:center; width:110px; margin-top:3px; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:26px; padding:0 10px;}
.data-ryt .date-row input[type="text"]::placeholder{text-transform:capitalize;}
.date-row span{float:left; font-size:30px; margin:0 5px; font-weight:400; color:#323C47; font-family:'Roboto', sans-serif; line-height:32px;}
.data-lft label{float:left; width:auto; opacity:0.5; color:#323C47; font-family:'Roboto', sans-serif; font-size:11px; line-height:13px;}
.small-row{width:30%; float:left; margin-right:3%}
.small-row label{float:left; width:100%; opacity:0.8; color:#929EAA; font-family:'Roboto', sans-serif; font-size:11px; line-height:13px; margin-bottom:8px; min-height:15px; padding:0 10px; box-sizing:border-box;}
.small-row .nice-select{float:left; width:100%; border:none; border-radius:3px; height:auto; padding:5px 10px; color:#323C47; font-size:14px; line-height:28px; font-family:'Roboto', sans-serif; box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; border:1px solid transparent; font-weight:normal;}

.small-row .nice-select:hover{border:1px solid #e9eff4;}
.small-row .nice-select:focus{border:1px solid #00B0FF !important;}
.lft-chang-save{float:right; width:100%; display:none; margin-top:40px !important;}
.change-save{float:right; width:auto; box-shadow:0 2px 10px 0 rgba(0,0,0,0.1); border:1px solid #7ED321; border-radius:4px;}
.change-save span{float:left; width:50px; height:50px; border-radius:4px 0 0 4px; background-color:#7ED321; color:#FFFFFF; font-size:14px; font-weight:500; line-height:15px; text-align:center; padding:18px 0; box-sizing:border-box;}
.change-save p{float:left; width:auto; height:50px; padding:14px 15px; box-sizing:border-box; color:#313541; font-family:'Roboto', sans-serif; font-size:14px; line-height:17px;}
.last-save{float:right; width:auto; margin-right:20px; margin-top:8px;}
.last-save p{float:left; width:auto; opacity:0.8; color:#929EAA; font-family:'Roboto', sans-serif; font-size:11px; line-height:13px; margin-right:5px;}
.account-row input[type="text"]{width:auto; float:left; font-size:16px;}
.account-row i{float:left; color:#4DA1FF; font-size:16px; font-weight:500; letter-spacing:3px; line-height:17px; text-align:center; margin-top:10px;}
.tags{float:left; width:auto; border-radius:100px; background-color:#F5D323; padding:6px 12px; color:#323C47; font-family:'Roboto', sans-serif; font-size:10px; line-height:12px;}
.tags p{float:left; width:auto; color:#323C47; text-transform:capitalize; font-family:'Roboto', sans-serif; font-size:10px; line-height:12px;}
.ion-pricetag{float:left; margin-right:12px; margin-top:6px; color:#4DA1FF; font-size:16px; font-weight:500; font-family:"Ionicons"; transform:rotate(90deg);} 
.tags span{float:right; width:auto; color:#4A4A4A; font-size:12px; font-weight:500; line-height:14px;}

/*.................advance setting.....................*/

.advance-set-main{float:left; width:470px; background-color:#F8FAFB; box-shadow:0 2px 9px 0 rgba(0,0,0,0.02); position:absolute; right:0; padding:20px 35px 20px 20px; box-sizing:border-box; height:100%; display:none; z-index:99;}
.advance-set-main .page-head{padding:0 0 20px 8px; box-sizing:border-box; border-bottom:1px solid #DCE0E5; width:100%; margin-bottom:55px;}
.advance-set-main .page-head h2{font-size:24px;}
.advance-set-main .page-head span{font-size:20px;}
.advance-set-main .page-head span a{color:#323c47;}
.adv-row{float:left; width:100%; margin-bottom:22px;}
.adv-row label{float:left; width:100%; color:#323C47; font-family:'Roboto', sans-serif; font-size:13px; line-height:19px; margin-bottom:10px;}
.adv-row input[type="text"], .adv-row .nice-select{float:left; width:100%; border:1px solid #fff; border-radius:2px; background-color:#FFFFFF; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:26px; padding:7px 10px; box-sizing:border-box; height:auto;}
.adv-row input[type="text"]:hover{border:1px solid #E9EFF4;}
.adv-row input[type="text"]:focus{border:1px solid #00B0FF;}
.adv-row.url-row input[type="text"]{width:70%; float:right;}
.adv-row.url-row p{float:left; width:auto; color:#687178; font-family:'Roboto', sans-serif; font-size:12px; line-height:15px; margin-top:13px; margin-bottom:10px;clear: both;}
.adv-row.url-row label{width:auto;}
.adv-row .tooltip{float:left;}
.adv-row .tooltip .material-icons.ques-icon {float:left; width:auto; position:absolute; top:3px; left:10px; opacity:0.5; color:#323C47; font-size:16px; font-weight:500; line-height:17px;}
.adv-row .tooltip .tooltiptext{margin-left:0;font-family:'Roboto', sans-serif; width:220px;}
.meta-block{float:left; width:100%;}
.meta-block span{float:left; width:100%; text-transform:uppercase; border-bottom:1px solid #EEEEEE; color:#D0D6DC; font-family:'Roboto', sans-serif; font-size:12px; font-weight:500; line-height:14px; padding-bottom:8px; margin-bottom:35px;}
.label-row{float:left; width:100%;}
.label-row label{width:auto; float:left;}
.char-length{float:right; width:auto;}
.char-length p{float:right; width:auto; color:#7ED321; font-family:'Roboto', sans-serif; line-height:20px; margin-right:10px; font-size:11px; font-weight:500; text-align:right;}
.char-length input[type="text"]{width:40px; height:20px; font-size:13px; box-sizing:border-box; line-height:22px; float:right; padding:0 5px !important; border:1px solid #7ED321 !important; border-radius:3px; background-color:#FFFFFF;}
.adv-row textarea{float:left; width:100%; border:1px solid #fff; border-radius:2px; background-color:#FFFFFF; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:26px; padding:7px 10px; box-sizing:border-box; resize:none;}
.adv-row textarea:hover{border:1px solid #E9EFF4;}
.adv-row textarea:focus{border:1px solid #00B0FF;}
.char-length.orange p{color:#F7B422;}
.char-length.orange input[type="text"]{border:1px solid #F7B422 !important;}
.char-length.red p{color:#FF6D4A;}
.char-length.red input[type="text"]{border:1px solid #FF6D4A !important;}
.bottom-row{float:right; width:100%; padding-top:20px; position:absolute; bottom:20px; right:0;}
.button-row.page-button-row{ padding-right:25px;}
.button-row{float:right; width:100%; border-top:1px solid #D0D6DC; padding-top:20px; box-sizing:border-box; padding-right:30px;}
.google-pre{float:left; width:100%; text-align:center; margin-top:10px;}
.button-row input[type="submit"]{float:right; width:100px; border-radius:100px; background-color:#E9EFF4; border:none; padding:8px; box-sizing:border-box; color:#000; font-family:'Roboto', sans-serif; font-size:13px; font-weight:500; line-height:15px; text-align:center; text-transform:capitalize; cursor:pointer; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.button-row input[type="submit"]:hover{background-color:#73BF1F; color:#fff;}
.button-row input[type="submit"]:active{background-color:#69AD1F;}
.button-row input[type="submit"].active{background-color:#7ED321; color:#fff;} 
.button-row input[type="button"]{float:right; width:100px; border-radius:100px; border:1px solid #DCE0E5; padding:8px; box-sizing:border-box; color:#687178; font-family:'Roboto', sans-serif; font-size:13px; font-weight:500; line-height:15px; text-align:center; text-transform:capitalize; background:none; cursor:pointer; margin-right:20px; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.button-row input[type="button"]:hover{background-color:#73BF1F; color:#fff; border:1px solid #73BF1F;}
.full-back-mnu {background:#000000; display:none; float:left; left:0; margin:0; min-height:100%; opacity:0.8; padding:0; position:fixed; top:0; width:100%; z-index:11;}
.top-btm{float:left; width:auto; margin:10px 40px 12px 0;}
.top-btm label{float:left; width:auto; line-height:14px; margin-right:20px;}

/*.......................blog..................*/
.add-btn{float:right; width:auto;}
.add-btn a{float:right; width:auto; margin-left:10px; border-radius:95px; background-color:#7ED321; padding:8px 15px; box-sizing:border-box; text-align:center color:#FFFFFF; font-family:'Roboto', sans-serif; font-size:11px; line-height:13px; text-align:center; color:#fff; margin-top:15px; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-transform:capitalize;}
.add-btn a:hover{background:#73BF1F;}
.serch-bar-row{float:left; width:100%; margin-bottom:22px;}
.serch{float:left; width:210px; padding:0 10px; box-sizing:border-box; border:1px solid #D0D6DC !important; border-radius:100px; background-color:rgb(255,255,255, 0.5);}
.serch span{float:left; width:auto; color:#323C47; opacity:0.5; font-family:'Roboto', sans-serif; font-size:14px; font-weight:500; line-height:15px; margin:8px 10px 0 0;}
.serch input[type="text"]{float:left; width:88%; color:#000; font-family:'Roboto', sans-serif; border:none; padding:6px 0; background: none;}
.serch input[type="text"]::placeholder{color:#989898; font-family:'Roboto', sans-serif; font-size:14px; line-height:17px;}
.serch-ryt{float:right; width:300px;}
.sory-by{float:right; width:125px; margin-right:20px; border-right:1px solid rgba(146,158,170,0.5); padding:3px 0;}
.sory-by:first-child{border-right:0;}
.sory-by label{float:left; width:auto; color:#595959; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; text-transform:capitalize;}
.sory-by select{float:left;}
.nice-select{color:#323C47; font-family:'Roboto', sans-serif; font-size:13px; font-weight:500; line-height:15px;}
.sory-by .nice-select{font-weight:500;}
.blog-head-row{float:left; width:100%; height:35px; color:#000000; font-family:'Roboto', sans-serif; font-size:12px; line-height:15px; padding:0 12px; box-sizing:border-box;}
.chk-box{float:left; width:50px;}
.col-30-h{float:left; width:30%; text-transform:capitalize;}
#new_id_blog .col-30-h{float:left; width:20%; text-transform:capitalize;}
.with-arrow p{float:left;}
.with-arrow{float:left; width:100%;}
.with-arrow .material-icons{float:left; line-height:15px; color:#757575; font-size:15px; margin-left:10px; font-weight:500;}
.col-12-h{float:left; width:12%; text-transform:capitalize;}
/*#new_id_blog .col-12-h{float:left; width:10%; text-transform:capitalize;}*/
.col-33-h{float:left; width:33%; text-transform:capitalize;}
.col-8-h{float:left; width:5%;}
.col-8{float:left; width:5%; text-align:left; color:#757575; font-family:'Roboto', sans-serif; font-size:12px; line-height:32px; text-transform:uppercase;}
.status-h{float:left; width:18%; text-transform:capitalize;}
.data-table ul{float:left; width:100%;}
.data-table ul li{float:left; width:100%; margin-bottom:6px;}
.data-table ul li .blog-row{float:left; width:100%; padding:9px 12px; box-sizing:border-box; border:1px solid #D0D6DC; background-color:#FFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.data-table ul li .blog-row:hover .enquiry-more{display:block;}
.chk-box{float:left; width:35px;}
.chk-box span{float:left; color:#8BC34A; font-size:15px;}
.chk-box{float:left; width:50px; line-height:32px;}
.col-30{float:left; width:30%; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:32px; word-wrap:break-word;}
#del_multiple_blogs .col-30{float:left; width:20%; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:32px; word-wrap:break-word;}
.col-12{float:left; width:12%; text-align:left; color:#757575; font-family:'Roboto', sans-serif; font-size:12px; line-height:32px;}
.col-33{float:left; width:33%; margin-top:5px;}
.col-33-h{float:left; width:33%; margin-top:5px;}
.col-25{float:left;width: 25%; margin-top:5px;}
.col-25-h{float:left; width:25%;}
.col-33 a{float:left; width:auto; color:#757575; font-family:'Roboto', sans-serif; font-size:12px; line-height:14px; border-bottom:1px solid #757575;}
.col-33 textarea{width:250px; float:left; resize:none; border:1px solid transparent; border-radius:3px; background-color:#FFFFFF; padding:5px 10px; color:#323C47; font-size:14px; line-height:28px; font-family:'Roboto', sans-serif; box-sizing:border-box;}
.col-33 textarea:focus{border:1px solid #00B0FF;}
.col-33 textarea:hover{border:1px solid #e9eff4;}
.tag{float:left; width:100%;}
.blog-row .tag a{float:left; width:80px; border-radius:100px; background-color:#DCE0E5; opacity:0.75; color:#4A4A4A; font-family:'Roboto', sans-serif; font-size:10px; line-height:11px; padding:5px 8px; box-sizing:border-box; border:none;}
.tag p{float:left; width:auto;}
.tag span {
   color:#4A4A4A; float:right; font-size:12px; font-weight:500; line-height:14px; width:auto;}
.status{float:left; width:100%; margin-top:12px; box-sizing: border-box; }
.status span{float:left; width:auto; color:#8BC34A; font-size:11px; margin-right:8px; line-height:14px;}
.status.draft span{float:left; width:auto; color:#666; font-size:11px; margin-right:8px;}
.status p{float:left; width:auto; color:#757575; font-family:'Roboto', sans-serif; font-size:10px; line-height:12px;}
.form-nm{float:left; width:18%; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:32px;}
.more{float:right; width:auto; color:rgba(208,215,221,0.8); font-family:Ionicons; font-size:30px; font-weight:500; letter-spacing:3px; line-height:22px; margin-top:6px;}
.more a{color:rgba(208,215,221,0.8);}
.material-icons a{color:#929EAA; position:relative;}
.material-icons a p{position:absolute; text-transform:capitalize; background:#F4F7FA; color:#4DA1FF !important;font-size:13px; font-family:'Roboto', sans-serif; border-radius:5px; padding:5px 15px; opacity:0; top:-40px; left:-27px;-webkit-transform: translateY(-10px);transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px); -webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;color: transparent;}
.material-icons a p::after {content: ""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#F4F7FA transparent transparent transparent;}
.material-icons a:hover p{opacity:1;-webkit-transform: translateY(0);transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.select-row{float:left; width:100%; height:55px; color:#000000; font-family:'Roboto', sans-serif; font-size:12px; line-height:15px; padding:0 12px; box-sizing:border-box; box-shadow:0 0 8px 0 rgba(0,0,0,0.35); background:#fff; margin-top:62px; padding:11px 12px;}
.select-row ul{float:left; width:100%;}
.sel-no{float:left; width:5%; margin-top:5px;}
.sel-no p{float:left; width:24px; height:24px; color:#fff; text-align:center; padding:5px; box-sizing:border-box; font-family:'Roboto', sans-serif; border-radius:3px; background:#4DA1FF;}
.delete,.edit,.download{float:left; width:auto; margin-right:30px; margin-top:8px;}
.delete span,.download span{float:left; width:auto; color:#929EAA; font-size:16px; font-weight:500; line-height:17px; margin-right:10px;}
.delete p,.download p{float:left; width:auto; opacity:0.8; color:#929EAA; font-family:'Roboto', sans-serif; font-size:11px; line-height:20px;}
.edit span{float:left; width:auto; color:#929EAA; font-size:16px; font-weight:500; line-height:17px; margin-right:10px;}
.edit p{float:left; width:auto; opacity:0.8; color:#929EAA; font-family:'Roboto', sans-serif; font-size:11px; line-height:20px;}
.msg{float:right; width:auto; color:#929EAA; margin-top:10px; font-family:'Roboto', sans-serif; font-size:12px; font-style:italic; line-height:15px; text-align:right;}
.msg span{ color:#2196F3; padding:0 2px;}

.chk-box input[type=checkbox].css-checkbox {display:none;}
.chk-box input[type=checkbox].css-checkbox + label.css-label {
	padding-left:33px; height:18px; display:inline-block; line-height:28px; background-repeat:no-repeat; background-position:0 -17px; font-size:14px; vertical-align:middle; cursor:pointer;}
.chk-box input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position:0 1px;}
.chk-box label.css-label {
	background-image:url(../images/checkbox2.png); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.chk-box span{float:left; margin-right:5px; color:#4DA1FF; font-size:10px; line-height:15px;}
.more .material-icons{font-size:15px; line-height:22px; float:right; width:20px !important;}
.more .material-icons.more-lnk{font-size:30px; float:right;}

.page-info {
  position:absolute; right:0; top:0; display:none; background-color:#F8FAFB; box-shadow:0 2px 9px 0 rgba(0,0,0,0.02); height:100%; padding:25px; box-sizing:border-box;}
.page-info-inner .material-icons{color:#323C47; font-size:20px; font-weight:500; line-height:23px; float:left; width:100%; margin-bottom:5px;}
.page-info-inner h2{float:left; width:100%; color:#323C47; font-family:'Roboto', sans-serif; font-size:19px; font-weight:normal; line-height:22px;}
.page-info-inner p,.page-info-inner a{float:left; width:100%; color:#989898; font-family:'Roboto', sans-serif; margin-bottom:10px; font-size:10px; line-height:36px;}
.expand {
  color:#323c47; font-family:'Roboto', sans-serif; font-size:13px; font-weight:500; line-height:15px; float:right;}
.page-block{float:left; width:100%; margin-bottom:28px;}
.slider-img-blk{float:left; width:100%; margin-bottom:0; position: relative; height: 110px;}
.slider-img-blk-txt{float:left; width:100%; margin-bottom:0; position: relative;}
.slider-img-blk p,.slider-img-blk-txt p{float:left; width:100%; color:#323C47; font-family:'Roboto', sans-serif; font-size:10px; margin:0;}
.slider-img-blk span, .slider-img-blk-txt span{float:left; width:auto; color:#D0D6DC; font-family:'Roboto', sans-serif; font-size:12px; font-weight:500; line-height:14px; margin-right:3px;}
.block-head{float:left; width:100%; margin-bottom:20px; border-bottom:2px solid #EEEEEE; position:relative;}
.block-head h3{float:left; width:auto; color:#D0D6DC; margin-bottom:10px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:500; line-height:14px; text-transform:uppercase;}
.expand::after{
  border-bottom:1px solid #808FA3; border-right:1px solid #808FA3; content:""; display:block; height:5px; margin-top:-5px; pointer-events:none; position:absolute; right:10px; top:10px; transform:rotate(45deg); transform-origin:66% 66% 0; transition:all 0.15s ease-in-out 0s; width:5px;}
.block-head a{float:right; width:20px;}
.exp-setting{float:left; width:100%; display:none;}
.sett-row{float:left; width:100%;}
.sett-row label{float:left; width:100%; color:#323C47; font-family:'Roboto', sans-serif; font-size:13px; line-height:19px; margin:0 0 10px 0;}
.sett-row p{float:left; width:100%; color:#989898; font-family:'Roboto', sans-serif; font-size:9px; line-height:16px; margin-bottom:13px;}
.sett-row .top-btm{float:left; width:100%; padding:0; margin:0 0 8px 0;}
.sett-row label{float:left; width:auto;}
.sett-row .on-off-switch{float:right; margin-top:5px;}
.exp-mata-detail{float:left; width:100%; display:none;}
.mata-row{float:left; width:100%; margin-bottom:20px;}
.mata-row label{float:left; width:100%; margin-bottom:5px; color:#323C47; font-family:'Roboto', sans-serif; font-size:11px; line-height:13px;}
.mata-row input[type="text"]{float:left; width:100%; background:none; color:#989898; font-family:'Roboto', sans-serif; font-size:9px; line-height:11px; padding:5px 0; border:none;}
.button-row.page-button-row input[type="button"]{border-radius:100px; background-color:rgba(233,239,244,0.48); border:none;}
.button-row.page-button-row input[type="button"]:hover{background:#73bf1f;}
.team-pop-head.row{float:left; width:100%; border-radius:3px 3px 0 0; background-color:#0077E2; padding:14px; box-sizing:border-box; color:#FFFFFF; font-family:'Roboto', sans-serif; font-size:18px; font-weight:500; line-height:21px;}
.close-reveal-modal span.material-icons{width:24px; height:24px; border:1px solid #fff; border-radius:100px; opacity:0.5; color:#fff; font-size:19px; padding:2px; box-sizing:border-box;}
.pop-txt{float:left; width:100%; color:#323C47; font-family:'Roboto', sans-serif; padding:10px; box-sizing:border-box; font-size:12px; line-height:14px;}
.pop-form-row{float:left; width:100%; border-bottom:1px solid #DCE0E5; border-top:1px solid #DCE0E5; padding:25px 15px; box-sizing:border-box;}
.pop-row{float:left; width:100%; margin-bottom:10px;}
.pop-row label{float:left; width:100px; opacity:0.5; color:#323C47; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; margin-top:10px;}
.pop-row input[type="text"]{float:left; width:320px; border:1px solid transparent; border-radius:3px; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:26px; padding:4px 10px; box-sizing:border-box;}
.pop-row input[type="text"]:hover{border:1px solid #DDE3E8;}
.pop-row input[type="text"]:focus{border:1px solid #00B0FF;}
.pop-row .nice-select{float:left; width:320px; border:1px solid #DDE3E8; border-radius:3px; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:0; padding:18px 10px; box-sizing:border-box;}
.pop-row .nice-select .list{float:left; width:100%;}
/*.pop-row.active label{color:#000; opacity:1;}
.pop-row.active input[type="text"]{border:1px solid #000;}*/
.pop-last-row{float:left; width:100%; padding:7px 22px 11px 0; box-sizing:border-box;}
.pop-last-row input[type="submit"]{width:127px; float:right; border-radius:100px; background-color:#7ED321; color:#FFFFFF; font-family:'Roboto', sans-serif; font-size:13px; font-weight:500; line-height:15px; text-align:center; border:none; padding:8px 0; cursor:pointer;}
.pop-last-row input[type="button"]{width:127px; float:right; border-radius:100px; background-color:rgba(233,239,244,0.48); color:#4DA1FF; font-family:'Roboto', sans-serif; font-size:13px; font-weight:500; line-height:15px; text-align:center; border:none; padding:8px 0; cursor:pointer; margin-right:10px;}
.pop-last-row input[type="submit"]:hover{ background-color:#73bf1f; color:#ffffff;}
.pop-last-row input[type="submit"]:active{ background-color:#69ad1f; color:#ffffff;}
.data-ryt .date-picker input[type="text"]{width:200px;}
.data-row.bottom-space{margin-bottom:8px;}
.data-inner.newsletter-form{padding-bottom:20px;}
.newsletter-form .data-row{margin-bottom:15px;}
.newsletter-form .data-row textarea{margin-bottom:30px;}
.small-row.forty-row{width:40%;}
.export-lnk{float:right; width:auto; margin-top:15px;}
.export-lnk a{float:right; width:79px; border:1px solid rgba(77,161,255,0.7); padding:6px 12px; box-sizing:border-box; border-radius:2px;}
.export-lnk p{float:right; width:auto; color:rgba(77,161,255,0.74); font-family:'Roboto', sans-serif; font-size:11px; line-height:14px;}
.export-lnk span{float:left; width:auto; color:rgba(77,161,255,0.74); font-family:'Roboto', sans-serif; font-size:12px; line-height:14px;}
/*.pages-row ul li.new-page-row{width:80%;}
.pages-row ul li.add-new-page{float:left; width:100%; background:none; text-align:center; border:1px dotted #7ed321;}
.pages-row ul li.add-new-page a{float:left; width:100%; text-align:center; opacity:0.5; color:#323C47; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; padding:15px; box-sizing:border-box;}
.pages-row ul li.add-new-page:hover{background:#fff;}
*/
.new-page-row{width:80%;}
.add-new-page{float:left; width:100%; background:none; text-align:center; border:1px dotted #7ed321;}
.add-new-page a{float:left; width:100%; text-align:center; opacity:0.5; color:#323C47; font-family:'Roboto', sans-serif; font-size:13px; line-height:15px; padding:15px; box-sizing:border-box;}
.add-new-page:hover{background:#fff;}
.adv-row .tooltip .tooltiptext::after{left:20px;}
.add-page-btn{float:left; width:auto; margin-left:30px;}
.add-page-btn a{ float:left; border-radius:95px; background-color:#7ED321; color:#FFFFFF; font-family:'Roboto', sans-serif; font-size:11px; line-height:13px; width:107px; padding:10px 0; text-align:center; margin-top:13px;}
.adv-row select{width:100% !important; height:30px;}
.enq-count{float:right; width:auto; background:rgba(77,161,255,0.07); border-radius:100px; width:30px; padding:2px 0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:bold; line-height:19px; text-align:center; color:#4DA1FF;}
.tab-row .ryt-button{margin-top:15px;}
.tab-row .ryt-button .save-btn{width:108px; padding:7px 0; margin-left:10px;}
.tab-row .ryt-button .border-btn{width:108px; padding:6px 0;}

.pop-status-mn{float:left; width:320px; border:1px solid #DDE3E8; border-radius:3px; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:26px; padding:4px 10px; box-sizing:border-box; height:35px; position:relative; cursor:pointer;}
.pop-status-mn-tgs .selectize-input{float:left; width:320px;  border-radius:3px; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; line-height:26px; padding:4px 10px; box-sizing:border-box;position:relative; cursor:pointer;}
.pop-status-mn-tgs:hover .selectize-input{ padding:4px 10px !important;}
.pop-status-mn-tgs .selectize-input:focus { padding:4px 10px !important;}
.pop-status-mn-tgs.selectize-control.multi .selectize-input.has-items{padding: 4px 0px !important;}
.pop-status-data{float:left; width:100%;}
.pop-status{float:left; width:100%; position:absolute; top:37px; background:#fff; border:1px solid #DDE3E8; left:0; border-rasius:3px; display:none;}
.status-row{float:left; width:100%; padding:5px 10px; box-sizing:border-box;}
.status-row span{float:left; width:auto; color:#8bc34a; font-size:10px; margin-right:8px;}
.status-row p{float:left; width:auto; color:#323C47; font-size:14px; line-height:26px;}
.status-row.draft span{color:#666;}
.status-row:hover{background:#4da1ff;}
.enquiry-more{float:right; width:auto; opacity:0; visibility:hidden; transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;}
.more:hover .enquiry-more{opacity:1; visibility:visible;}
.tooltip {
    position:relative; display:inline-block; border-bottom:1px dotted black; float:right; width:auto;}

.tooltip .tooltiptext {
    visibility:hidden; width:auto; color:#000; text-align:center; border-radius:6px; padding:5px 0; position:absolute; z-index:1; bottom:150%; font-size:11px; left:50%; margin-left:-60px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); padding:10px; box-sizing:border-box;}

.tooltip .tooltiptext::after {
    content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#fff transparent transparent transparent;}

.tooltip:hover .tooltiptext {
    visibility:visible;}
/*......................pagination................*/
.page-no{float:left; width:auto;}
.page-no ul{float:left; width:100%;}
.page-no ul li{float:left; width:auto;}
.page-no ul li a{float:left; width:auto; color:#323C47; font-family: 'Heebo', sans-serif; font-size:16px; line-height:30px; border:1px solid #929EAA; padding:0 12px; box-sizing:border-box; margin-right:8px;}
.page-no ul li:last-child a{margin-right:0;}
.page-no ul li:hover a{background:#0077E2; color:#fff; border:1px solid #0077E2;}
.page-no ul li.active a{background:#0077E2; color:#fff; border:1px solid #0077E2;}
.page-total{float: right; width: auto; position: absolute; right: 0; bottom: -55px; color: #323C47; font-family: 'Heebo', sans-serif; font-size: 14px;}
ol.dd-list.token_data li.no-data{
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding:15px 10px;
    box-sizing: border-box;
    text-align: center;
    color: #323C47;
    opacity: 0.5;
}
.page-no ul li a.current {
    background: #0077E2;
    color: #fff;
    border: 1px solid #0077E2;
}
.dd-list.token_data {
    float: left;
    width: 100%;
    position: relative;
}
/*......................303 page................*/
.half-row{float:left; width:48%;}
.half-row label{
  color:#000; float:left; font-family:"Roboto",sans-serif; font-size:15px; line-height:15px; margin-top:12px; width:100%; font-weight:400;}
.half-row input[type="text"] {
  background-color:#ffffff; border:1px solid rgba(0, 0, 0, 0); border-radius:3px; box-sizing:border-box; color:#323c47; float:left; font-family:"Roboto",sans-serif; font-size:14px; line-height:28px; padding:5px 10px; width:100%;}
.half-row input[type="text"]:hover{border:1px solid #e9eff4;}
.half-row input[type="text"]:focus{border:1px solid #00B0FF;}
.material-icons.ques-icon a{color:#323C47;}
.submit-btn{float:right; width:auto;}
.save-btn.saved{width:127px; float:right; border:none; border-radius:100px; background-color:#7ED321; font-family:'Roboto', sans-serif; padding:8px 0; font-size:13px; font-weight:500; line-height:15px; text-align:center; color:#fff; border:1px solid #7ED321; margin-left:19px; cursor:pointer; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; display:none; opacity:1;}

.save-btn.save-done{width:127px; float:right; border-radius:100px; background-color:#7ED321; font-family:'Roboto', sans-serif; padding:8px 0; font-size:13px; font-weight:500; line-height:15px; text-align:center; color:#fff; border:1px solid #7ED321; margin-left:19px; cursor:pointer; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
.save-btn.save-done i.material-icons{font-size:13px; font-weight:700;}
.save-btn.save-load{width:127px; float:right; border:none; border-radius:100px; background-color:#7ED321; font-family:'Roboto', sans-serif; padding:7px 0; font-size:13px; font-weight:500; line-height:15px; text-align:center; color:#fff; border:1px solid #7ED321; margin-left:19px; cursor:pointer; transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; display:none; opacity: 1;}
.save-btn.save-load i{font-size:17px;}

.section-ryt{float:left; width:100%; border:2px solid #EEEEEE; border-radius:5px;}
.lft-ryt-mn{float:left; width:100%; border-bottom:1px solid #EEEEEE; position:relative;}
.left-category{float:left; width:25%;;}
.left-category ol{float:left; width:100%;}
.left-category ol li{float:left; width:100%;}
.left-category ol li a{float:left; width:80%; box-sizing:border-box; padding:20px 18px; transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}
.left-category  ol li:first-child a{border-radius:5px 0 0 0;}
.left-category ol li .material-icons {font-size: 19px;
color: #ccc;
opacity: 0.6;
width: 20%;
text-align: center;
line-height: 58px; float: left;}
    .left-category ol li:hover .material-icons,.left-category ol li.active .material-icons {color:#fff;}
.left-category ol li P{float:left; width:auto; line-height:13px; font-size:13px; font-weight:700; font-family:'Roboto', sans-serif; color:#323c47; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.left-category ol li:hover{background:#4da1ff;}
.left-category ol li a:hover p{color:#fff;}
.left-category ol li.active a p{color:#fff;}
.add-new-sec{float:left; width:auto; bottom:0; padding:23px 30px; box-sizing:border-box; margin-top:80px; text-transform:capitalize; position:relative;} 
.add-new-sec a{float:left; width:100%; width:100%;}
.add-new-sec a .material-icons{float:left; font-size:32px; color:#4da1ff;}
.add-new-sec p{float:left; width:auto; font-family:'Roboto', sans-serif; color:#323c47; font-size:18px; line-height:28px; margin-left:10px;}
.ryt-new-sec{float:left; width:75%; padding:40px 35px; box-sizing:border-box; border-left:1px solid #EEEEEE; min-height:600px;}
.sec-save-row{float:left; width:100%; padding:15px 25px; box-sizing:border-box;}
.sec-save-row input[type="submit"]{background:none; border:1px solid #4da1ff; width:130px; color:#4da1ff; font-family:'Roboto', sans-serif; font-size:16px; padding:10px 0; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.sec-save-row input[type="submit"]:hover{background:#4da1ff; color:#fff; text-transform:capitalize;}
.sec-save-row a{background:#f5f8fa; border:1px solid #f5f8fa; width:130px; color:#4da1ff; font-family:'Roboto', sans-serif; font-size:16px; padding:10px 0; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.sec-save-row a:hover{background:#4da1ff; color:#fff;}
.page-info-inner .char-length p{float:right; width:auto; color:#7ED321; font-family:'Roboto', sans-serif; line-height:20px; margin-right:10px; font-size:11px; font-weight:500; text-align:right;}
.page-info-inner .char-length.orange p{color:#F7B422;}
.page-info-inner .char-length.red p{color:#FF6D4A;}

.file-upload {
	position:relative; display:inline-block; float:right; margin-top:14px;}

.file-upload__label {
  display:block; border-radius:100px; background-color:#F5A623; text-align:center; padding:6px 15px; box-sizing:border-box; cursor:pointer; width:150px; float:left; &:hover {
     cursor:pointer; background:#000;}
}
.tab-enquire-form {
    margin-bottom: 40px;
    margin-top: -15px;
}
.file-upload__label span{ color:#FFFFFF; font-size:16px; font-weight:500; line-height:17px; width:auto; float:left; margin-right:3px;}
.file-upload__label p{ color:#FFFFFF; font-family:'Roboto', sans-serif; margin:0; font-size:14px; font-weight:500; line-height:17px; width:auto; float:left;}
.file-upload__input {
    position:absolute; left:0; top:0; right:0; bottom:0; font-size:1; width:0; height:100%; opacity:0;}
.list-icon{float:right; margin-right:0; color:#323C47;}
.list-icon a span{float:right; margin-right:0; color:#323C47; font-size:18px; margin-top:-4px; font-size:29px;}
.col-30 img{ width:auto; float:left; margin-right:5px}
.material-icons.visibility,.material-icons.crop{font-size:12px; padding-top:2px;}
.Sketches-btn {float:left; width:auto; margin-top:5px; margin-left:23px;}
.Sketches-btn a{float:left; width:auto; padding:5px 16px; box-sizing:border-box; border-radius:100px; background-color:#DCE0E5; margin:0 !important;}
.Sketches-btn p{float:left; width:auto; opacity:0.75; color:#4A4A4A; font-family:'Roboto', sans-serif; font-size:10px !important; line-height:11px; margin:0 !important;}
.Sketches-btn span{float:right; color:#4A4A4A; font-size:10px; width:auto; font-weight:500; line-height:14px;}
.white-block.media-search{float:left; width:100%; padding:0;}
.media-block{float:left; width:100%; position:relative;}
.media-tab{float:left; width:20%;}
.media-tab ul{float:left; width:100%;}
.media-tab ul li{float:left; width:100%;}
.media-tab ul li a{float:left; width:100%; border-radius:3px 0 0 0; padding:12px 10px 12px 25px; box-sizing:border-box; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.media-tab ul li p{float:left; color:#323C47; font-family:'Roboto', sans-serif; font-size:14px; font-weight:bold; line-height:16px;}
.media-tab ul li span{float:right; color:#FFFFFF; font-size:16px; font-weight:500; line-height:17px; opacity:0.5;}
.media-tab ul li:hover a{ background-color:#4DA1FF;}
.media-tab ul li:hover p{ color:#fff;}
.media-tab ul li.active a{ background-color:#4DA1FF;}
.media-tab ul li.active p{ color:#fff;}
.media-tab .add-new-sec{position:absolute; padding:25px;}
.media-tab .add-new-sec a .material-icons{font-size:24px; line-height:26px; font-weight:500;}
.media-tab .add-new-sec p{font-size:14px; line-height:28px;}
.media-list{float:left; width:80%; border-left:1px solid #DCE0E5; box-sizing:border-box; padding:10px 30px; min-height:600px;}
.media-list h3{float:left; width:100%; color:#323C47; font-family:'Roboto', sans-serif; margin-bottom:20px; font-size:14px; font-weight:500; line-height:16px; text-transform:capitalize;}
.media-list ul{float:left; width:100%;}
.media-list ul li{float:left; width:112px; height:auto; margin:0 20px 30px 0;}
.media-list ul li a{float:left; width:100%;}
.media-img{float:left; width:100%; position:relative; line-height:0;}
.media-img img{width:100%; ; height:100%;}
.hover-icons{float:left; opacity:0; width:100%; position:absolute; height:100%; background-color:rgba(50,60,71,0.5); top:0; padding:32px 0 0 0; box-sizing:border-box; transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.hover-icons .material-icons a{float:left; width:auto; color:#FFFFFF; font-size:13px; font-weight:500; line-height:14px; padding:0 3px;}
.media-list ul li:hover .hover-icons{opacity:1;}
.media-img-nm{float:left; width:100%; color:#323C47; font-family:'Roboto', sans-serif; font-size:13px; line-height:19px; padding:8px 0;}
.select-media{float:left; width:100%; position:absolute; text-align:center; padding-top:26px; color:#4DA1FF; font-size:20px; font-weight:500; line-height:23px; box-shadow:0 2px 9px 0 rgba(0,0,0,0.03); border:3px solid #4DA1FF; display:none; height:100%; box-sizing:border-box; top:0;}
.media-list ul li.select .select-media{display:block;}
.media-list ul li.select .hover-icons{opacity:0;}
.exp-mata-detail.media-exp,.exp-setting.media-exp{display:block;}
.page-info-inner .Sketches-btn span{float:right; color:#4A4A4A; font-size:10px; margin:0; width:auto; font-weight:500; line-height:14px;}
.media-quick-edit .Sketches-btn{margin:0 10px 10px 0;}
.media-row{float:left; width:100%;}
.media-row p{color:#323C47; font-family:'Roboto', sans-serif; margin-bottom:15px; font-size:13px; line-height:15px;}
.media-quick-edit h2{margin-bottom:30px;}
.form-data.e-referral{border-bottom:none;}
.form-data.e-referral label{float:left; width:28%; font-size:14px;line-height:26px;}
.form-data.e-referral .data-row p{float:right; width:70%;color: #323C47;font-family: 'Roboto', sans-serif;font-size: 14px;line-height:26px;}
.col-30 p {color:#323C47;}
.img-title img{width:auto; margin:0;}
.img-title p{float:left; width:84%; padding-left:5px; box-sizing:border-box;}
.form-data.role-manage label{float:left; width:35%; margin:10px 0 0 0; font-size:12px; text-transform:capitalize;}
.ryt-row{float:right; width:60%;}
.ryt-row.small-row{margin:0;}
li.option.selected.disabled.focus { background-color: #fff; }
@media only screen and (max-width:1366px){
.col-12-h,.col-12,.col-33-h,.col-33-h,.col-30,.col-30-h{padding:0 3px; box-sizing:border-box;}
.left-category ul li P{line-height:20px; font-size:13px;}
.add-new-sec a .material-icons{font-size:26px;}
.add-new-sec p{font-size:13px; line-height:24px;}
.login-sec{padding:2% 0;}
.blog-head-row{font-size:11px;}
.adv-row input[type="text"], .adv-row .nice-select{padding: 2px 10px;}
.adv-row textarea{min-height: 80px;}
}

.float-right{float:right !important;}
.main{width:100%; float:left; height:100%;}
.left-pan{width:18.125%; float:left; background:#fff; box-sizing:border-box; border-right:solid 1px #dddddd; position:relative; }
.cms-logo{width:100%; float:left; padding:30px 16px; box-sizing:border-box;}
.cms-logo img{width:100%;}
.right-pan{border-left:solid 1px #dddddd;  float:left; margin-left:-1px;  }
.navigation-logo{width:100%; float:left;}
.navigation-logo ul{width:100%; float:left;}
.navigation-logo ul li{width:100%; float:left;}
.navigation-logo ul li a{width:100%; float:left; padding:20px 20px 20px 20px; border-left:solid 5px #fff; color: #323C47; font-family: Roboto; font-size: 16px; line-height: 19px; font-family: 'Roboto', sans-serif; font-weight:400; box-sizing:border-box;  transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; position:relative; }
.navigation-logo ul li span{font-size:24px;vertical-align:middle; width:auto; padding-right:20px; box-sizing:border-box; float:left; min-width:42px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; opacity:0.3; } 
.navigation-logo ul li span.txt{color: #323C47; font-family: Roboto; font-size: 16px; line-height: 19px; font-family: 'Roboto', sans-serif; font-weight:400; box-sizing:border-box; float:left; padding:3px 0; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; opacity:0.3;}
.navigation-logo ul li:hover a, .navigation-logo ul li.select a{opacity:1;background-color: rgba(233,239,244,0.48); border-left:solid 5px #4DA1FF; padding:20px 20px 20px 20px; box-sizing:border-box;}
.navigation-logo ul li:hover a{opacity:1;background-color:rgba(233,239,244,0.3); border-left:solid 5px rgba(233,239,244,0.3);}
.navigation-logo ul li:hover span, .navigation-logo ul li:hover span.txt, .navigation-logo ul li.select span, .navigation-logo ul li.select span.txt{color:#4DA1FF; opacity:1;}
.navigation-logo ul li:active a{background-color: rgba(233,239,244,0.8); border-left:5px solid rgba(233,239,244,0.8);}
.bottom-links{width:100%; float:left; margin-top:30px; border-top:solid 1px #F5F5F5; padding:20px 55px; box-sizing:border-box; position:absolute; bottom:0;}
.bottom-links ul{width:100%; float:left;}
.bottom-links ul li {width:100%; float:left;}
.bottom-links ul li a{width:100%; float:left; padding:20px 0 0; opacity: 0.8;	color: #929EAA;	font-family: Roboto;	font-size: 11px;	line-height: 13px ansition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out;}
.bottom-links ul li a span{font-size:18px; vertical-align:middle; width:auto; box-sizing:border; float:left; min-width:32px;}
.bottom-links ul li span.txt{color: #323C47; opacity: 0.8;	color: #929EAA;	font-family: Roboto;	font-size: 11px;	line-height: 18px;}
span i.material-icons{font-size:18px;}
.bottom-links ul li:hover a, .bottom-links ul li.select a{opacity:1;}


/*contactpage*/
.white-block-small{float:left; width:662px; border-radius:6px; background-color:#FFFFFF; box-shadow:0 2px 9px 0 rgba(0,0,0,0.03); padding:26px 30px 30px 30px; box-sizing:border-box;}
.white-block-small .page-top{margin-bottom:0;}
.form-data{width:100%; float:left; padding:40px 0 35px 20px; box-sizing:border-box; border-bottom:solid 1px #eee; margin-bottom:15px;}
.form-data .data-row{margin-bottom:20px;}
.form-data .data-row input[type="text"].page-title{float:left; width:100%;border: 1px solid #323C47;	border-radius: 3px;	background-color:#FFFFFF;padding:9px 10px; color: #323C47;font-size: 14px;	line-height: 26px; line-height:28px;font-family: 'Roboto', sans-serif; box-sizing:border-box;border:1px solid #fff;}
.form-data .data-row input[type="text"].page-title:hover{border:1px solid #E9EFF4;}
.form-data .data-row input[type="text"].page-title:focus{border:1px solid #00B0FF;}
.form-data .data-row input[type="text"].page-head{float:left; width:100%;border: 1px solid #323C47;	border-radius: 3px;	background-color:#FFFFFF;padding:9px 10px; color: #323C47;font-size: 14px;	line-height: 26px; font-family: 'Roboto', sans-serif; box-sizing:border-box;border:1px solid #fff;}
.form-data .data-row input[type="password"].page-head:hover{border:1px solid #E9EFF4;}
.form-data .data-row input[type="password"].page-head:focus{border:1px solid #00B0FF;}
.form-data .data-row input[type="text"].page-head:hover{border:1px solid #E9EFF4;}
.form-data .data-row input[type="text"].page-head:focus{border:1px solid #00B0FF;}
.form-data .data-row input[type="password"].page-head{float:left; width:100%;border: 1px solid #323C47;	border-radius: 3px;	background-color:#FFFFFF;padding:9px 10px; color: #323C47;font-size: 14px;	line-height: 26px; font-family: 'Roboto', sans-serif; box-sizing:border-box;border:1px solid #fff;}
.form-data .data-row input[type="password"].page-head:hover{border:1px solid #E9EFF4;}
.form-data .data-row input[type="password"].page-head:focus{border:1px solid #00B0FF;}


.data-col{width:48%; float:left;}
.form-data label{width:100%;opacity: 0.8;color: #929EAA;font-family: 'Roboto', sans-serif;font-size: 11px;line-height: 13px; margin-bottom:12px; float:left;}


/*............for select checkbox with Shift.................*/
.chk-box{float:left; width:50px; line-height:32px; position: relative;}
.chk-box input[type=checkbox].css-checkbox {-moz-appearance:none; display: block; -webkit-appearance:none; position: absolute; height: 16px; width: 16px; top: 9px; cursor: pointer;}

.data-table ul li {
            user-select: none; /* CSS3 (little to no support) */
        -ms-user-select: none; /* IE 10+ */
       -moz-user-select: none; /* Gecko (Firefox) */
    -webkit-user-select: none; /* Webkit (Safari, Chrome) */
}
.dd-item {
          user-select: none; /* CSS3 (little to no support) */
        -ms-user-select: none; /* IE 10+ */
       -moz-user-select: none; /* Gecko (Firefox) */
    -webkit-user-select: none; /* Webkit (Safari, Chrome) */
}
/*.............................................*/




/****social****/
.social-link-table{width:100%; float:left;padding:40px 0 35px 0; box-sizing:border-box; border-bottom:solid 1px #eee; margin-bottom:15px;}
.table-titles{width:100%; float:left;opacity: 0.8;	color: #929EAA;	font-family: 'Roboto', sans-serif;font-size:11px;line-height: 13px; margin-bottom:15px;}
.acc-nm{width:100px; float:left; margin-right:10px;}
.acc-url{width:405px; float:left;}
.spcur{ padding:0 0 0 10px;}
.acc-stat{width:50px; float:right; text-align:center; padding:0 11px; box-sizing:border-box; }

.social-link-table ul{width:100%; float:left;}
.social-link-table ul li{margin-bottom:10px; width:100%; float:left;}
li .acc-nm{color: #323C47;font-family: 'Roboto', sans-serif;font-size: 14px;line-height:26px; padding:11px 0;}
li .acc-stat{margin:16px 0;}
.acc-url input[type="text"].page-title{float:left; width:100%;border: 1px solid #323C47;	border-radius: 3px;	background-color:#FFFFFF;padding:9px 10px; color: #323C47;font-size: 14px;	line-height: 26px; line-height:28px;font-family: 'Roboto', sans-serif; box-sizing:border-box;border:1px solid #fff;}
.acc-url input[type="text"].page-title:hover{border:1px solid #E9EFF4;}
/*.acc-url input[type="text"].page-title:focus{border:1px solid #929EAA;}*/
.acc-url input[type="text"].page-title:focus{border:1px solid #00B0FF;}
.acc-url input[type="text"].page-head{float:left; width:100%;border: 1px solid #323C47;	border-radius: 3px;	background-color:#FFFFFF;padding:9px 10px; color: #323C47;font-size: 14px;	line-height: 26px; font-family: 'Roboto', sans-serif; box-sizing:border-box;border:1px solid #fff;}
.acc-url input[type="text"].page-head:hover{border:1px solid #E9EFF4;}
.acc-url input[type="text"].page-head:focus{border:1px solid #00B0FF;}
.confrm .login-error input[type="text"],.confrm .login-error input[type="password"]{border-bottom:2px solid #EC1940;}
.confrm .login-error span{color:#EC1940;}

.input__label-content.input__label-content--akira {
	width: auto;
}
.show-pass{float:right; width:auto;font-size: 14px;	line-height: 26px; font-family: 'Roboto', sans-serif; color:#000; display:none;}
.login-form .input__field--akira{z-index:-1;}

.rec-del {font-family: 'Roboto', sans-serif;
    font-size: 18px;
    
    text-align: center;
    color: #00B0FF;
    font-style: italic;
     margin-top: 35px; }
	 
.error-border{border: 1px solid #EC1940 !important;}

.slim-label p{color: #4DA1FF; font-family: 'Roboto', sans-serif; font-size: 18px;}
.slim-error p{color: #EC1940; font-family: 'Roboto', sans-serif; font-size: 18px;}
.button-row.page-button-row .border-btn.cancel_btn{float:right; width:100px; padding:7px; box-sizing:border-box; font-size:13px; line-height:15px; color:#7ED321;}
.button-row.page-button-row .border-btn.cancel_btn:hover{color:#fff;}
.data-table ul li .blog-row.bg-color{background:#F4F7F9;}
.pop-row.for-pass label{width:100%; margin-bottom:10px;}
.pop-row.for-pass input[type="text"]{width:100%;}
.pop-row p{font-size:14px;color: #323C47; font-family: 'Roboto', sans-serif; float:left; width:100%;}
.button-row a.border-btn{width:100px; padding:7px 0;}

.data-ryt .label-class .nice-select{float: left;
width: 100%;
border: none;
border-radius: 3px;
height: auto;
padding: 5px 10px;
color: #323C47;
font-size: 14px;
line-height: 28px;
font-family: 'Roboto', sans-serif;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid transparent;
font-weight: normal;}
.data-ryt .label-class .nice-select .list{width:300px;}
.data-ryt .label-class .nice-select:hover {border: 1px solid #e9eff4;}

.advance-set-main .adv-row .page-head {
	margin-bottom: 0 !important;
}


/*    For Google Preview Begin   */

.google-pre-inn{
 float: left;
 width: 100%;
/*  padding: 0 30px 0 20px; */
 box-sizing: border-box;
 text-align: left;
 font-family: arial;
}
.google-pre-txt{
 font-size: 13px !important;
 color: #2591a9 !important;
 font-weight: 500;
 line-height: 35px;
}
.google-pre-inn .google-pre-txt{line-height: 30px;}
.google-pre-inn span#serp-url{font-style: normal;}
.google-pre-inn h3{font-size:15px; color:#1a0dab;}
.google-pre-inn > div{font-size:12px; color:#545454;}
.google-pre-inn span#serp-url{font-size:12px; color:#006621; line-height:30px;}
.google-pre .google-pre-inn span#serp-url{line-height: 15px; display: inline-block; padding: 8px 0;}
.google-pre .google-pre-inn span{width: 100%;  float: left;}
/*    For Google Preview Over   */

.data-ryt.vd-rty{font-size:14px;color: #323C47; font-family: 'Roboto', sans-serif; line-height:40px; }
.data-inner .table-titles .acc-nm{width:200px;}
.data-inner li.ui-sortable-handle .acc-nm{width:200px;}

#model-confirm-popup .pop-last-row input[type="button"] {
    background: #4DA1FF;
    color: #fff;
}	
.data-ryt label{font-family: 'Roboto';font-size: 13px; margin-top: 15px;margin-right: 20px;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    font-family: 'Roboto';
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    font-family: 'Roboto';
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #4DA1FF;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


@media only screen and (max-width:1870px){ 
.logo-img img{width:100%;}
.cms-logo{padding:30px 10px;}
.logo-img{width:48px; margin-right:5px;}
.logo-text{padding:5px 0 5px 5px;}
.logo-text span{font-size:11px;} 
} 

.data-table ul li .nice-select{line-height: 32px; padding-left: 0;}
.data-table ul li .nice-select .list{padding-top: 5px; margin-top: 15px;}
.data-table ul li .nice-select:after{margin-top: 3px; }
.data-table ul li .nice-select ul li{margin-bottom: 0;}