@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance:textfield;}
input[type="checkbox"]{position:relative; top:1px}
ul{margin: 0; padding: 0; list-style: none;}
.container-fluid{padding:25px;position: absolute;left: 0;right: 0;bottom: 0;top: 56px;overflow: auto;}
.dropdown-menu .fa{margin-right:5px}
.dropdown-menu{max-height:300px; overflow:auto; min-width:170px}
.srchWrp{position:relative;}
.srchWrp .fa{position:absolute; color:#bbb; top:8px;}
.srchWrp input{border-width:0 0 2px; border-color:#f3f3f3; border-style:solid; padding:7px 0 4px 22px; font-size:13px; transition:.3s all; letter-spacing:1px; width:100%; max-width:180px; background:transparent}
.srchWrp input:focus{border-color:#10adff;}
.error{border-color:red !important;}.ermsg{color:red; margin-top: -12px; display:block}
.modal.fade{padding:0 !important}
.loader{position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; background:rgba(0,0,0,.8); z-index:99}
.loader img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:50px}
.topnote{position:fixed; top:56px; height:0; width:100%; text-align:center; z-index:99}
.topnote .alert{padding:7px 15px; border-radius:0; display:inline-block; box-shadow:0 2px 5px rgba(0,0,0,.05)}
.topnote .alert.alert-dismissable .close{top: -1px; right: -6px;}


/*margin-padding by #aad (minified)*/
.pd{padding:5px}.pd1{padding:10px}.pd15{padding:15px}.pd2{padding:20px}.pd3{padding:30px}.pd4{padding:40px}.pdT{padding-top:5px}.pdB{padding-bottom:5px}.pdL{padding-left:5px}.pdR{padding-right:5px}.pdT1{padding-top:10px}.pdB1{padding-bottom:10px}.pdL1{padding-left:10px}.pdR1{padding-right:10px}.pdT2{padding-top:20px}.pdB2{padding-bottom:20px}.pdL2{padding-left:20px}.pdR2{padding-right:20px}.pdT3{padding-top:30px}.pdB3{padding-bottom:30px}.pdL3{padding-left:30px}.pdR3{padding-right:30px}.pdT4{padding-top:40px}.pdB4{padding-bottom:40px}.pdL4{padding-left:40px}.pdR4{padding-right:40px}.pd0{padding:0}.mr{margin:5px}.mr1{margin:10px}.mr15{margin:15px}.mr2{margin:20px}.mr3{margin:30px}.mr4{margin:40px}.mrT{margin-top:5px}.mrB{margin-bottom:5px}.mrL{margin-left:5px}.mrR{margin-right:5px}.mrT1{margin-top:10px}.mrB1{margin-bottom:10px}.mrL1{margin-left:10px}.mrR1{margin-right:10px}.mrB2{margin-bottom:20px}.mrL2{margin-left:20px}.mrR2{margin-right:20px}.mrT3{margin-top:30px}.mrB3{margin-bottom:30px}.mrL3{margin-left:30px}.mrR3{margin-right:30px}.mrT2{margin-top:20px}.mrT4{margin-top:40px}.mrT5{margin-top:50px}.mrB4{margin-bottom:40px}.mrL4{margin-left:40px}.mrR4{margin-right:40px}.mrC{margin:0 auto;}
/*borders*/
.bdrT{border-top:1px solid #e5e5e5}.bdrB{border-bottom:1px solid #e5e5e5}.bdrL{border-left:1px solid #e5e5e5}.bdrR{border-right:1px solid #e5e5e5}

/*buttons*/
.btn{border-radius:0px;}
.btn-inverse{background-color:#1b4458}
.btn-inverse:hover,.btn-inverse:focus{background-color:#07293a; color:#fff;}

.btn-darkblu{background-color:#0197cb}
.btn-darkblu:hover,.btn-darkblu:focus{background-color:#0197cb; color:#fff;}

.btn-dull{background-color:#d4d4d4}
.btn-dull:hover,.btn-dull:focus{background-color:#ccc; color:#fff;}

.btn-yello{background-color:#f5a60d;}
.btn-yello:hover,.btn-yello:focus{background-color:#f5a60d; color:white;}

/*switch*/
.switch + label {display: block;width: 36px;height: 23px;margin: 0px auto;border-radius: 100px;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;background-color: #E6E9EC; cursor:pointer;}.switch{display:none;}
.switch + label i {height: 19px;width: 19px;background: #ffffff;display: inline-block;border-radius: 100px;margin-top: 2px;margin-left: 2px;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;pointer-events: none;box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);}
.switch + label:hover > i {box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20);transform: scale(1.01);}
.switch:checked+label>i {margin-left: 15px;}
.switch + label:active {background-color: #5BB68A;}
.switch + label:active>i {width: 24px;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20);}
.switch:checked+label:active>i {margin-left: 10px;}
.switch:checked+label {background-color: #5BB68A;}
td .switch + label{float:left; margin:12px 5px}

/*navbar*/
.navbar{margin-bottom:0}
.navbar-blue {background-color: #10adff; border:0 none;box-shadow:0 0 5px rgba(0,0,0,.3); z-index:1;}

.navbar-blue .navbar-brand{padding: 14px 20px; height:57px;background: #c9edff;  color:#ddd;}
.navbar-blue .navbar-brand img{width:100px;}
.navbar-blue .navbar-nav > li > a {color: #fff; padding:14px 16px 12px; font-weight:700; transition:.3s all;}
.navbar-blue .navbar-nav > li > a span{display:block; color:#ace3ff; padding:3px 0 4px; border-bottom:2px solid transparent; transition:.3s all;}
.navbar-blue .navbar-nav > li > a:hover,
.navbar-blue .navbar-nav > li > a:focus {
  background:transparent;
}
.navbar-blue .navbar-nav > li > a:hover span,
.navbar-blue .navbar-nav > li > a:focus span{
	border-color:rgba(256,256,256,.8);
}
.navbar-blue .navbar-nav > .active > a span,
.navbar-blue .navbar-nav > .dropdown.open a.fa{
  color: #fff; border-color:rgba(256,256,256,.8)
}
.navbar-blue .navbar-nav li:nth-child(6).active, .navbar-blue .navbar-nav li:nth-child(7).active{background:rgba(27,68,68,.07)}
.navbar-blue .navbar-toggle {border-color: #65bee7;}
.navbar-blue .navbar-toggle:hover,
.navbar-blue .navbar-toggle:focus {
  background-color: rgba(256,256,256,.3);
}
.navbar-blue .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-blue .navbar-nav > .open > a,
.navbar-blue .navbar-nav > .open > a:hover,
.navbar-blue .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #29aad5;
}
.nav .fa-address-book, .nav .fa-users, .nav .fa-plus{border:1px solid #aae2ff; border-radius:100%; padding:7px 6px 7px 7px; width:30px; text-align: center;}
/*.fa-bell + .badge {background:#f43f3f; font-size:10px; font-weight:900; margin:-22px -3px 0px -8px; padding:2px 6px;}*/
a.profDrop{background:#47c0ff}
a.profDrop:hover{background:#29aad5 !important;}
a.profDrop img{margin:-4px 6px 2px 0;}

@media (max-width: 767px) {
	.nav > li{float:left;}
 	.navbar-blue .navbar-nav > li > a span{display:inline-block;}
	.navbar-blue .navbar-nav > li > a{padding:14px 16px 12px}
}

/*navbar tabs*/
.nav-tabs{margin-bottom:20px}
.nav-tabs > li{ margin-right:25px; }
.nav-tabs > li > a{color:#aaa;outline:none; border-bottom:3px solid transparent; font-size:16px; text-transform:uppercase;padding:12px 0}
.nav-tabs > li.active{background:#transparent; border-bottom:3px solid #2983c5;}
.nav-tabs > li.active a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus,.nav-tabs > li > a:hover{color:#666; background:transparent; border-color:transparent;}

/*login css*/
#login .col-sm-7{
background: #32b0e1;
background: -moz-linear-gradient(-45deg, #32b0e1 0%, #17baf1 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #32b0e1), color-stop(100%, #17baf1));
background: -webkit-linear-gradient(-45deg, #32b0e1 0%, #17baf1 100%);
background: -o-linear-gradient(-45deg, #32b0e1 0%, #17baf1 100%);
background: -ms-linear-gradient(-45deg, #32b0e1 0%, #17baf1 100%);
background: linear-gradient(135deg, #32b0e1 0%, #17baf1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b0e1', endColorstr='#17baf1', GradientType=1 );color:#dbf5ff;padding:70px 70px 70px 90px;}
#login .col-sm-5{padding:60px}
#login h1{text-shadow:0 2px 2px rgba(0,0,0,.1); font-size:45px; line-height:57px; margin-top:40px; letter-spacing:2px}
#login h1+span{display:block; height:4px; width:50px; background:rgba(0,0,0,.1); border-radius:2px; margin:40px 0}
#loginForm{margin-top:80px}
#loginForm .password{position:relative; margin-bottom:22px}
#loginForm a.pull-right{position:absolute;top:38px; right:14px}
#loginForm .password input{padding-right:87px}
#loginForm + h4{font-size:18px; margin-top:70px}
@media (max-width: 767px) {
	#login .col-sm-7{display:none;}
	#login .col-sm-5{padding:30px;}
	#loginForm{margin-top:40px}
	#loginForm + h4{font-size:14px; margin-top:40px}
}

/*table*/
.table{box-shadow:0 2px 5px rgba(0,0,0,.05); margin-bottom:25px;}
.table > thead > tr > th{border-bottom:0; padding:10px 15px; vertical-align:middle; background:#1b4459; color:#fff;}
.table > tbody > tr{transition:.2s all; background:#fff;}
.table > tbody > tr:hover,.multiUrlRow:hover + tr{background:#f6f8f8}
.table > tbody > tr > td{padding:10px 15px; border-color:#eee; color:#979a9c; vertical-align:middle}
.table > tbody > tr > td p{word-break: break-all}
.table > tbody > tr > td span{color:#1b4459}
.table td button, .iconCir{border-radius:100%; border:1px solid #ddd; background:#fafafa; display:inline-block; outline:none; margin:5px 3px; color:#1b4459; width: 35px; height: 35px; padding: 6px 0 6px 1px; transition:.3s all;}
.table td button:hover, .iconCir:hover{background:#1b4459; border-color:#1b4459; color:#fff;}
.table td.disabled button{pointer-events:none; opacity:.4}
.table td button img{margin: -7px 0px 0 -2px;border-radius: 100%;width: 35px;height: 35px; transition:.3s all;}
.table td button:hover img{transform:scale(1.06)}
.table td .ourl{max-width: 120px;overflow: hidden;display: inline-block;text-overflow: ellipsis; height:24px;}
.table td .count{display: block;margin: 4px 8px 0 0;background: #1b4459;color: #fff;float: left;padding: 0 3px;font-size: 9px;font-weight: 900;}
.table td .count.req {float: none;display: inline-block;margin-left: 4px;position: relative;top: -2px; cursor:pointer}
.table td .playPause.play{background:#10adff; border-color:transparent; color:#fff}
.table td .playPause.stop{background:#F46464; border-color:transparent; color:#fff}
.table td .playPause .fa-play{margin-left:2px}
.table td.iconInfo .fa{margin-right:4px; font-size:10px; display:inline-block; position:relative; top:-1px}.table td.iconInfo p, .table td .dropdown{display:inline-block}
.table td .moreOpts .dropdown-menu{min-width:57px; overflow:visible;}
.table td .moreOpts .dropdown-menu button{margin-left:10px}
.table td .moreOpts .dropdown-menu button i{margin-left:5px;}
.table input[type="checkbox"]{margin-right:5px}
.numCheck{display:none;}.numCheck .iconCir i{margin-left:-1px}
.tabTop{padding:13px 14px; background:#fff;}
.tabTop h4, .modal-title{font-size:16px; margin:8px 0 0; font-weight:400; letter-spacing:.04em;}
.tabTop h4 .fa{color:#bbb; margin-left:5px; cursor:pointer;}.tabTop h4 .fa:hover{opacity:.8}
.tabTop .btn{margin-left:13px}
.tabTop .dropdown-menu{padding:0}
.tabTop .dropdown-menu li{border-bottom:1px solid #f5f5f5;}
.tabTop .dropdown-menu .srchLi{padding:8px 15px 6px; background:#fafafa}
.tabTop .dropdown-menu .srchLi input{border:0;}
.tabTop .bootstrap-select.btn-group{box-shadow:none; display:inline-block; width:auto; margin-left:15px;}
.tabTop .bootstrap-select.btn-group .dropdown-menu{min-width:200px; max-width:300px;overflow-x:hidden}
.tabTop .bootstrap-select.btn-group .dropdown-menu > li > a{white-space:inherit;}
.tabTop .bootstrap-select .btn-default{background-color:transparent; border-width:0 0 2px 0; border-color:#f2f2f2; box-shadow:none; border-radius:0; padding:5px 27px 5px 6px; outline:0 none !important; transition:all .4s; font-size:14px; letter-spacing:1px; width:125px;}
.tabTop .bootstrap-select .btn-default:hover{background:transparent; border-color:#10adff}
.whiteBox{background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.05); margin-bottom:25px;}
.iconCir{padding:5px 10px; width:33px; height:33px; margin:0 0 0 10px; cursor:pointer;}
.tabTop .dropInfo{display:inline-block;}
.tabTop .dropInfo .dropdown-menu{width:450px; left:0; font-size:12px; line-height:18px}
.tabTop .dropInfo .dropdown-menu li{padding:5px 10px}
/*for table inside modal*/
.tableModal .modal-title{font-weight:400; font-size:15px}
	
@media (max-width: 767px) {
	.container-fluid{padding:15px;}
	.table{box-shadow:none}
	.whiteBox, table{margin-bottom:15px;}
	thead{display:none;}
	.table td, .table tr{display:block; width:100%;}
	.table tr{margin-top:15px}
	.table tr, .tabTop{box-shadow:0 2px 5px rgba(0,0,0,.05)}
	.table td .visible-xs{display:inline-block !important}
	.table td.visible-xs{display:block !important}
	.table td .ourl{position:relative; top:5px; margin-top:-5px;}
	.tabTop h4{margin-bottom:10px}
	.tabTop .pull-right{float:left !important; margin-top:10px}
	.tabTop .btn, .iconCir, .tabTop .bootstrap-select.btn-group{margin-left:0; margin-right:15px;}
	.tabTop .dropdown-menu{left:0}
	.tabTop .dropInfo .dropdown-menu{width:320px; left:-130px}
	.tabTop .popClose{position:absolute; right:0; top:-46px;}
	.modal-dialog{margin:6px;}.tableModal .modal-content{background:transparent}.tableModal .modal-header{background:#fff;}
}

/*profile css*/
.img-upload {position: relative;display: inline-block; margin:28px 0 0 20px}
.img-upload__label {display: block;padding: 10px 15px;color: #fff !important;background: #1b4458;border-radius: 3px;transition: background .3s; font-size:16px;  font-weight:700}
.img-upload__label:hover {cursor:pointer; background: #07293a;}   
.img-upload__input {position: absolute;left: 0;top: 0;right: 0;bottom: 0;font-size: 1;width:0;height: 100%;opacity: 0;}
#ppic{border-radius:100%; width:100px; height:100px; overflow:hidden; text-align:center; float:left; background-color:#ddd;}
#ppic img{max-width:100px; max-height:100px;}

/*form css*/
#formCnt .leftpane{
width:250px;background: #32b0e1; float:left; position:fixed; bottom:0; left:0; top:0;
background: -moz-linear-gradient(-45deg, #32b0e1 0%, #17baf1 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #32b0e1), color-stop(100%, #17baf1));
background: -webkit-linear-gradient(-45deg, #32b0e1 0%, #17baf1 100%);
background: -o-linear-gradient(-45deg, #32b0e1 0%, #17baf1 100%);
background: -ms-linear-gradient(-45deg, #32b0e1 0%, #17baf1 100%);
background: linear-gradient(135deg, #32b0e1 0%, #17baf1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32b0e1', endColorstr='#17baf1', GradientType=1);}
.formsBg{background:#fafbfb}
#formCnt .right{padding-left:250px;}
#formCnt h1{padding: 17px 30px 17px 40px;display: block;background: none;margin:0;color: #dff7ff;line-height: 38px;font-size: 27px;}

#formCnt aside{padding:80px 30px 30px 40px}
#formCnt aside .step{border-left:6px solid rgba(256,256,256,.3); color:#a2e2f9; padding-left:10px; margin-bottom:15px;}
#formCnt aside .step h4{font-weight:100; margin:0 0 5px 0}
#formCnt aside .step small{font-weight:700}
#formCnt aside .step.active{border-color:#f6fcfe; color:#dff7ff;}
#formCnt aside .step.completed{border-color:#5feabe}

#formCnt .form-control:focus,  #formCnt .btn-default:hover,  .tabTop .btn-default:hover, #formCnt .btn-default:focus{border-color:#10adff;}
#formCnt textarea.form-control {min-height:70px;resize:vertical;padding-top:8px;overflow: hidden; transition: .3s border;}
#formCnt .bs-searchbox {padding:4px 10px}
#formCnt .bs-searchbox .form-control{border-width:2px;margin-bottom:6px;padding:10px; border-radius:3px}
#formCnt .form-control.readonly{border-bottom:0; line-height:48px; padding:0 !important}
#formCnt label{font-weight:400; color:#8c8c8c;}
#formCnt label .fa, #formCnt h3 .fa, .boxHd .fa{margin-left:5px; opacity:.6; cursor:pointer; color:#aaa}
#formCnt label .fa:hover, #formCnt h3 .fa:hover{opacity:.8;}
#formCnt h3 .fa-close, #formCnt h3 .fa-trash{border: 1px solid #ccc; border-radius:100%; padding:10px 11px 10px 13px; position:absolute; right:20px; top:20px;}
#formCnt h3 .fa-trash{right:76px;}
#formCnt h3 .fa-close:hover, #formCnt h3 .fa-trash:hover{color:#f43f3f; text-decoration:none; border-color:#f43f3f}
.orgGrp{position:relative}
#formCnt .orgGrp .form-control{padding-right:65px;}
#formCnt input[type=checkbox]{margin-right:5px;}
.orgGrp button.bg{position:absolute; right:15px; bottom:30px;}
.shortTxt{color:#888;}.shortTxt b{color:#1b4459;}
.dataSample{border:1px dashed #ddd; background:#fefefe; word-break:break-all}
.smsContent{display:block}
.smsContent .pull-right{margin-top: -4px;}
#senderID{text-transform:uppercase;}
#formCnt .smsContent .btn-group {width: auto;}
#formCnt .smsContent .btn-default {font-size: 13px;border: 1px solid #ddd;border-radius: 3px;padding: 3px 23px 3px 6px;height: 26px;margin-bottom: 0;}
#formCnt .btn-lg:focus{outline:1px dotted #fff !important}
#formCnt h3 .switch + label{font-weight: 400;color: #8c8c8c;display: inline-block;position: relative;left: 8px;top: 1px; width:45px}
#formCnt h3 .switch:checked + label{background-color: #10adff}
#formCnt h3 .switch:checked + label > i{margin-left:24px}
#parentdiv hr{margin:10px 0 30px}
#parentdiv h5{background:#1b4458; color:#fff; padding:5px 10px; display: inline-block; margin:0 0 25px -25px;}

/*For Jquery Autocomplete*/
.ui-autocomplete.ui-widget-content {color: #1b4459;border-radius: 4px; background: #fff;padding: 8px 1px;font-size: 14px;letter-spacing: 1px;box-shadow:0 6px 12px rgba(0,0,0,.175); border:1px solid rgba(0,0,0,.15);}
.ui-autocomplete .ui-menu-item{padding:8px 15px;}
.ui-autocomplete .ui-menu-item.ui-state-focus{background:#f5f5f5; border-color:transparent;}
.btnlbl{background:#eee; border-radius:3px; border:1px solid #ddd; color:#1b4459; padding:2px 8px; transition:.3s all;}
.btnlbl:hover{background:#f5f5f5; border-color:#e5e5e5;}
.btnlbl.bg{font-size:18px}

@media (max-width: 767px) {
	#formCnt .right{padding-left:0}
	#formCnt h3{padding: 20px 45px 20px 20px;line-height:32px;background:#1b4459;color:#eee;}
	#formCnt h3 .visible-xs{display:inline !important}
	.pdL4{padding-left:20px;}.pdR4{padding-right:20px}
	#formCnt .fa + .btnlbl, #formCnt .btnlbl.mrL1{margin-top:8px}
}


/*send-sms css*/
#grid3 .whiteBox{min-height:543px}
#grid3 p{color:#aaa}
#formCnt.col-md-4{padding-left:13px; padding-right:13px;}
.afterDes{margin-top:-10px}.afterDes p{margin-top:3px}
.boxHd{background:#fafafa;border-bottom:1px solid #f5f5f5;}
.boxHd .fa-search{margin-left:0;}
.boxHd h4{margin:8px 0 4px; font-weight:400}
.grpLi li{border-bottom:1px solid #f5f5f5;padding:12px 30px;transition:.3s all;}
.grpLi li:hover{background:#fcfcfc}
.numLi b{display:inline-block; width:150px}
.prvLi a{font-weight:700}

.liSel label{font-size:14px; color:#1b4459; text-align:right; width:100%; margin-bottom:0; cursor:pointer;}
.liSel label b{float:left; text-align:left;}
.liSel label input {position:absolute;visibility:hidden;}
.liSel input:checked + li{background-color:#f7fafc;}
.liSel input:checked + li b{color:#269fdf;}
.liSel small{float:left}.liSel .text-info{margin-right:3px}

.surLi li:hover{background-color:#f7fafc; cursor:pointer}
.surLi li:hover b{color:#269fdf;}

.memLi{padding-bottom:0; left:-25px}
.memDrop .memLi{min-width:240px;}
.grpDrop .memLi{min-width:196px;}
.memLi .bs-searchbox{padding:2px 8px 8px; position:relative}
.memLi .bs-searchbox input[type="text"]{padding-left:30px; padding-right:54px}
.memLi .bs-searchbox input[type="checkbox"]{position:absolute; left:18px; top:9px;}
.memLi .bs-searchbox input[type="button"]{position:absolute; right:14px; top:8px; display:none;}
.memLi input.memSel{display: inline-block; margin: 0 13px 0 8px; top: 2px; display:none}
.memLi li{border-top:1px solid #eee;padding:8px 10px; color:#1b4459; cursor:pointer}
.memLi li:hover{background:#fafafa;}
.memLi li img{border-radius:100%; width:24px; height:24px; margin-right:5px;}
.memLi li .fa{margin-right: 5px; border: 1px solid #ddd; padding: 5px; border-radius: 100%;}

/*Tutorials css*/
.tutLi{padding:10px 0}
.tutLi li{padding:20px 20px 15px 35px; position:relative;}
.tutLi .step{width:30px; height:30px; border-radius:100%; border: 4px solid rgba(0,0,0,.6);font-weight: bold;padding: 0px 7px;position: absolute;background: rgba(256,256,256,.8);left: 22px;}
.tutLi h4, .tutLi img, .tutLi p{display:inline-block}
.tutLi img{width:50px;}
.tutLi h4 {line-height: 26px; vertical-align: middle; margin-left:15px}
.tutLi h4 a{font-weight:bold; color:#333; cursor:pointer;}
.tutLi p{margin-top:10px; vertical-align: middle; margin-top:-7px}
.tutLi h4 a:hover{color:#10adff;}
.boxHd .moreBack, .boxHd .moreBack .fa{margin-left:0;}
.moreBack:hover .fa{color:#fff}
.moreBack ~ h4{text-indent:15px;}
.scrImg{border:1px solid #f9f9f9;}

#formCnt .numField.form-control, #formCnt .desField.form-control {font-size:14px; resize:vertical; overflow: hidden; transition:.3s border;}
.bootstrap-select.btn-group .dropdown-menu{width:100%;}
.bootstrap-select.btn-group .dropdown-menu li a span.text {word-break: break-all;white-space: normal;}

/*Landing page css*/
.themeCnt{position: relative; word-break: break-word}
.ovr{max-height: 230px; overflow: auto;}
.themeCnt img,.ovr img{width:100%}
.iphone{position: absolute; z-index: -1}
.themeCnt{width: 327px}
.themeCnt.fixed{position: fixed; top:20px}
.themeCnt .inner{padding: 72px 14px 72px 17px;}
.themeCnt .inner .height{max-height: 440px; overflow: auto}
.banpic{width: 200px; float: left;}
.banpic img{width:100%; border-radius: 5px;}
.themeCnt .head{padding: 15px 20px; font-size: 16px}
.mainCol{color:#fff;}
.themeCnt .btnlbl{padding: 8px 15px}
.timings, .contInfo{line-height: 26px; color:#999; font-size: 13px}
.timings b, .contInfo b{color:#1b4459; display: inline-block}
.timings .day{color:#999; width: 90px; font-weight: 400; display: inline-block}
.timings .from{margin-left:10px}
#enterTime .form-control{margin-bottom: 0}
.dayName .closed{color:#ed3237; font-weight: bold; margin-top: 21px; text-indent: 20px}
.closeb b{color:#ed3237;}
.appicons .fa{color:#87969e; font-size: 20px; margin: 0 40px 30px 0}
.appicons .fa:hover{color:#1b4459; cursor: pointer}.appicons .fa.active{color:#01b4df}
#amenities, #socialDiv{display: none}
#amenities i, #socialDiv i, #socialDiv a {line-height: 44px; font-size: 17px; margin: 0 28px 0 0; text-decoration: none}
#socialDiv .fa.fa-mobile{color:inherit; margin: 0 8px 0 0;}
.form-group.soc{position: relative; margin-bottom: 0}
.form-group.soc i{position: absolute; top:39px; left: 15px; font-size: 20px; color:#87969e;}
.form-group.soc .form-control{padding-left:30px !important}
#colSwitch {list-style: none; margin:20px 0 0 0;  padding: 0;}
#colSwitch li, .custCol button {float: left; width: 30px; height: 30px; margin: 0 15px 15px 0; border-radius: 4px; border:3px solid rgba(0,0,0,.2);  cursor: pointer;}
#colSwitch li:hover, .custCol button:hover{opacity: .9}
#colSwitch li i{opacity: 0; color: #fff; margin: 5px;}
#colSwitch li.active i{opacity: 1}
.custCol{position: relative}
.custCol button{position: absolute; top:33px; left: 15px;}
.custCol #chosen-value{padding-left: 40px}
.selInp{position:relative;}
.selInp .bootstrap-select.form-control{position:absolute; cursor: pointer;}
.selInp input{position:absolute; top:0; left:0; background: #fff !important; width: 88%; z-index: 1}
.selInp .bootstrap-select.btn-group .dropdown-menu li:first-child >a{font-size: 12px; color: #aaa}
.selInp .bootstrap-select.btn-group .dropdown-toggle .filter-option{display: none}
.selInp .bootstrap-select.btn-group .dropdown-menu li:first-child >a:hover{background:transparent; cursor: default}
.mainCol.btn:hover{opacity:.9; color:#fff;}

#blueButton, .blue .mainCol {background: #01b4df;}
#purpleButton, .purple .mainCol {background: #594085;}
#redButton, .red .mainCol {background: #ed3237;}
#greenButton, .green .mainCol {background: #3bbb8c;}
#yellowButton, .yellow .mainCol {background: #ff9600;}
#brownButton, .brown .mainCol {background: #876D54;}

/*css for each social icon color*/
.form-group.soc .fa-facebook,.themeCnt .fa-facebook{color: #4867AA;}
.form-group.soc .fa-twitter,.themeCnt .fa-twitter{color: #1DA1F2;}
.form-group.soc .fa-linkedin,.themeCnt .fa-linkedin{color: #0274B3;}
.form-group.soc .fa-google-plus,.themeCnt .fa-google-plus{color: #DD4B39;}
.form-group.soc .fa-instagram,.themeCnt .fa-instagram{color: #F37E38;}
.form-group.soc .fa-youtube,.themeCnt .fa-youtube{color: #FF0000;}
.form-group.soc .fa-vimeo,.themeCnt .fa-vimeo{color: #32B8E8;}
.form-group.soc .fa-pinterest,.themeCnt .fa-pinterest{color: #EC2327;}
.form-group.soc .fa-dribbble,.themeCnt .fa-dribbble{color: #C32361;}
.form-group.soc .fa-skype,.themeCnt .fa-skype{color: #01AEF3;}
.form-group.soc .fa-tumblr,.themeCnt .fa-tumblr{color: #444444;}
.form-group.soc .fa-reddit,.themeCnt .fa-reddit{color: #FF3F18;}
.form-group.soc .fa-github,.themeCnt .fa-github{color: #0D2636;}

/*coupon css*/
.coupon .box{background:white; color:black;position:relative;}
.coupon .box .fa-times{position:absolute;right: 10px;top: 10px;cursor:pointer;}
.coupon .boxmarT{ margin-top: -8px;}
.coupon .coupon_img{position: relative;top: -3px;vertical-align:baseline;}
.coupon .offers{position: absolute;top: -21px;right: 16px; padding:8px 14px}
.coupon .offers p{font-size:17px;font-weight:700;}
.coupon small{display: block;}
.coupon #screen2{display:none;}
input.couponname{border: none; width:100%; text-align: center}
.copied{padding: 3px 5px; font-size: 10px; font-weight: 700; margin:-10px auto; width: 50px; background: #3CB371; color: #fff; position: absolute; left: 0; right:0;}

/*vCard css*/
.vcard #ppic {float: none}
.vcard p.small{font-size:12px;padding-left: 30px;color: #696868;}
.vcard .header a{text-decoration:none;color:white;display:block;}
.vcard .header a:hover{background-color:rgba(0,0,0,.1);}
.vcard .col-sm-4 i{font-size:24px;}
.vcard .col-sm-4{border-top: 1px solid rgba(256,256,256,.2); border-right: 1px solid rgba(256,256,256,.2);}
.vcard .noneborder{	border-right:none;}
.vcard .bdrB i{font-size:24px;margin-right:20px;}

/*social media css*/
.socialMedia .circle{background-color: #eee; border-radius: 100%; width: 36px; margin:0 15px 40px 0px; padding:4px 0px;font-size: 20px;}
.socialMedia .circle .fa{margin-left: 2px;}
#socialSec a{display: block; text-decoration: none; cursor: pointer; min-height: 77px}
#socialSec a:hover{background:#f7f8f9}
#socialSec span{color:#777; font-weight: bold}

/*rating css*/
.rating .bg-color{background-color:#fff;box-shadow: 0 0 23px -2px rgba(0,0,0,0.3);margin-top: -55px;}
.rating .head{padding-bottom: 56px;}
#comment .form-control{font-size: 16px; margin-bottom: 0}
.rating-stars ul {list-style-type:none; padding:0;}
.rating-stars ul > li.star {display:inline-block;}
.rating-stars ul > li.star > i.fa {font-size:30px;color:#ccc;}
.rating-stars ul > li.star.hover > i.fa {color:#FFCC36}
.rating-stars ul > li.star.selected > i.fa {color:#FF912C}

/*event css*/
.event .pd2 i{font-size:24px;margin-right:20px;}
.event p.small {font-size: 12px;padding-left: 30px;color: #696868;}
.event .detalpd  p.small{padding-left:0px;}
.event .detalpd{padding-left:60px;}

/*app css*/
.app b{display:block;}
.app .banner img{max-width: 150px;}
.app .appLinks img{width: 180px; border-radius: 4px;}
.app .appLinks a{display: block}
.app .appLinks a:hover{opacity:0.9;}
.app .banner {background: rgba(256,256,256,.3)}

/*facebook page css*/
.facebook .box{background:white; color:black;}
.facebook .like{background-color: #4267B2;color: white;padding: 8px 12px;border-radius: 5px;box-shadow: 0 2px 1px rgba(0,0,0,.1); text-decoration: none}
.facebook .like:hover{background-color: #375ba5;}
.facebook .fbbtn{border-top: 1px solid #d2d2d2; display: block; text-decoration:none;color:#505050;}
.facebook .fbbtn:hover{background: #eee;}
.facebook .fbbtn i{position:relative; top:2px}

/*pdf css*/
.pdf .bg-color1{background-color:#fff;box-shadow: 1px 3px 23px -2px rgba(0,0,0,0.97);margin-top: -116px;}
.pdf .box{padding-bottom:111px;}
.pdf .bg-color1 .pd2 span{font-size:24px;margin-top:15px;padding:0px 9px;}
.uploader{color: #a4a6a8; background: #fafafa; border: 2px dashed #e5e5e5;}
.hFull{height: 100%}

/*html css*/
.html iframe{border: 0; overflow:hidden;overflow-x:hidden;overflow-y:hidden; height:100%; width:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px}
.html .height{position: relative; height:440px}
.htmlCode.form-control {font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; min-height:300px !important;}

/*image gallery css*/
.gallery .smoothCnt{margin-top: -80px;}
.gallery .sb{box-shadow: 1px 3px 23px -2px rgba(0,0,0,0.3); display: block}
.gallery .headline+p{font-size:13px;}
.gallery .head{padding: 0px;}
.gallery .box{padding-bottom: 90px}
.mobGal .smoothbox{height: 440px; top: 72px; width: 295px; left: 17px}

/*video css*/
.video .headingbox{margin-top:-5px;}
.video .bg-color{background-color:#f7f7f7;}
.video .bg-color1{background-color:#fff;box-shadow: 1px 3px 23px -2px rgba(0,0,0,0.3);}
.urline .form-group.col-xs-10{margin-bottom: 0}

/*mp3 css*/
.mp3 .bg-color .bg-color1{background-color:#fff;box-shadow: 1px 3px 23px -2px rgba(0,0,0,0.97);margin-top: -130px;}
.mp3 .checked {color: orange;}
.mp3 .bg-color .bg-color1 .pd2 span{font-size:24px;margin-top:15px;padding:0px 9px;}
.mp3 .bg-color b{display:block;}
.mp3 .bg-color audio{display:block;width:100%}
.mp3 .audio{border:2px dashed #d4d4d4;}
.mp3 .themeCnt .head{padding: 0px 20px;padding-bottom: 131px;}






@media (max-width: 767px) {
	#grid3 .pd3{padding:15px}
	#grid3 .whiteBox{min-height:auto;}
	#grid3 .srchWrp + button{float:none !important; margin-top:15px;}
	.numLi b{display:block; margin-bottom:4px}
	
	/*Landing page responsive*/
	.themeCnt.fixed{position: static;}
}

footer p{font-size:12px;margin-bottom:20px;color:#aaa;text-shadow:0 1px 0 #fff;text-align: center;}