@charset "utf-8"; .error-message, .success-message { border: 1px dashed #ea0606; margin-bottom: 20px } .labelleft, .labelright { text-align: left!important } .error-message { color: #ea0606; padding: 10px 50px 10px 10px; position: relative } .error-message .close, .error-message .errorclose { position: absolute; color: red; right: 8px; top: 4px; font-weight: 700; text-decoration: none } .error-message UL LI { list-style: none; background: url(../../images/icon_error.gif) left 3px no-repeat; padding-left: 20px; padding-bottom: 3px } .error-message .close { font-size: 12px } .error-message .errorclose { font-size: 10px; background: url(../../images/b_drop.png) left 1px no-repeat; padding-left: 20px } .success-message { color: #43b7b0; padding: 10px 50px 10px 10px; position: relative } .success-message UL LI { list-style: none; color: #43b7b0; background: url(../../images/icon_tick.gif) left 3px no-repeat; padding-left: 20px; padding-bottom: 3px } .success-message .close, .success-message .successclose { position: absolute; right: 8px; top: 4px; font-size: 12px; font-weight: 700; color: #43b7b0; background: url(../../images/b_drop.png) left 1px no-repeat; padding-left: 20px; text-decoration: none } .menu.transition .header.item.disabled { opacity: 1 !important; } .infromtext, .listlinks, .required { color: red!important } .infromtext { font-size: 11px } .col-arn { width: 11%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-arn label { font-weight: 100!important } input#clearinput { background: url(../../images/b_drop.png) no-repeat; width: 16px; border: 0 } .listlinks { font-weight: 700 } .labelcentre, .labelright { font-weight: 400!important } #file_browse { margin-left: -145px; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(Opacity=0) } div.iconsett a { background: url(../../images/iconss-arn.png) no-repeat; display: inline-block; width: 30px; height: 30px } div.iconsett a.one { background-position: -8px -2px!important } div.iconsett a.two { background-position: -40px -2px!important } div.iconsett a.three { background-position: -70px -2px!important } div.iconsett a.four { background-position: -100px -2px!important } div.iconsett a.five { background-position: -142px -2px!important } div.iconsett a.six { background-position: -178px -2px!important } .pagingWrapper { padding: 20px 0 } .pagingWrapper .sorting { float: left } .pagingWrapper p { float: left; font-size: 13px; color: #488c6c } .pagingWrapper p span { font-size: 12px; color: #acacac } .pagingWrapper .category { float: left; margin: 0 10px; height: 26px; background: url(../../images/downArrow.jpg) 110% -2px no-repeat #fff; overflow: hidden; border: 1px solid #e2e2e2; position: relative; top: -4px } .pagingWrapper .category select { border: 0; background: 0; font-size: 12px; color: #909090; height: 26px; width: 128%; padding-right: 20px } .pagingWrapper .paging { float: right } .pagingWrapper .paging a { display: inline-block; font-size: 11px; color: #488c6c; background: #e9e9e9; padding: 3px 8px } .pagingWrapper .paging a:hover { color: #e9e9e9; background: #488c6c; text-decoration: none } .pagingWrapper .lineright, .pagingWrapper .lineright a { float: right; text-decoration: none } .labelleft { width: 30%!important } .labelright { width: 50%!important } .labelcentre { width: 5%!important; text-align: center!important } .bridehead, .bridesub, .incolhead { font-weight: 700 } #captcha_container_1 input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; float: left } .bridedes, .bridehead, .bridesub { padding-left: 4.5%; font-family: inherit } #crop_container { height: auto!important; white-space: nowrap; line-height: 0 } .preventcopy { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-datepicker-trigger { margin-left: 5px; margin-top: 8px; margin-bottom: -3px } .datewidth { width: 80%!important } .hint { font-size: 11px; color: red!important } hr { margin-top: 10px; margin-bottom: 15px } .bridehead { font-size: 30px; color: #141414; text-align: left; padding-top: 30px; padding-right: 10% } .bridedes, .bridesub { color: #838383; font-size: 14px } .bridesub { text-transform: uppercase } .bridedes { padding-top: 2%; padding-right: 10% } .incol, .incol2 { padding-top: 5px; padding-bottom: 5px } .incolhead { font-size: 23px; color: # #2eaf9e; font-family: inherit } .incoldis { font-size: 15px } .incol2 { margin-top: 5% } @media only screen and (max-width:640px) { .incol2head, .incol2headgrey { font-size: 14px; font-weight: 700 } .incol2head, .incol2headgrey, .incol2text { text-align: left; font-family: inherit } .incol2head { color: #2eaf9e } .incol2headgrey { color: #838383 } .incol2text { font-size: 12px; color: #666; font-weight: 400 } } @media only screen and (min-width:767px) { .incol2head, .incol2headgrey, .incol2text { text-align: left; font-family: inherit } .incol2head { font-size: 16px; color: #2eaf9e; font-weight: 700 } .incol2headgrey { font-size: 17px; color: #838383; font-weight: 700 } .incol2text { font-size: 14px; color: #666; font-weight: 400 } } .incol2dis { font-size: 15px } .btn btn-info bg-teal-gradient { color: #d96a79; font-family: inherit; font-color: #fff; background-color: #00acd6 } #GoogleMaster, #GoogleMasterRoad { display: none; position: absolute; z-index: 2; font-family: inherit; font-size: 13px; overflow: hidden; background-color: #fff; padding: 10px; color: #000 } #GoogleMaster { width: 50%; height: 500px } #CommonMasterInner { display: block; position: relative; z-index: 300; height: 375px!important; overflow: auto; margin-bottom: 10px } @media only screen and (min-width:640px) { .swal-wide { width: 50%!important; margin-left: -25%!important } } .avatarround { position: relative; width: 50px;height: 50px; } .avatarroundDiv { box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0, 0, 0, .2); border-radius: 1% } .wordwrap { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word } .roundImage { /*margin-top:1em;*/ margin-right: 1em; position: relative; border-radius: 50%; height: 40px!important; width: 40px!important } .triangle-right { position: relative; padding: 10px; color: #fff; background: #399; background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#399)); background: -moz-linear-gradient(#2e88c4, #399); background: -o-linear-gradient(#2e88c4, #399); background: linear-gradient(#2e88c4, #399); border-radius: 10px; height: 60px } .triangle-right.top { background: -webkit-gradient(linear, 0 0, 0 100%, from(#399), to(#2e88c4)); background: -moz-linear-gradient(#399, #2e88c4); background: -o-linear-gradient(#399, #2e88c4); background: linear-gradient(#399, #2e88c4) } .triangle-right.left { background: #399 } .triangle-right.right { margin-right: 40px; background: #399 } .triangle-right:after { content: ""; position: absolute; bottom: -20px; left: 50px; border-width: 20px 0 0 20px; border-style: solid; border-color: #399 transparent; display: block; width: 0 } .triangle-right.left:after, .triangle-right.right:after, .triangle-right.top:after { bottom: auto; border-color: transparent #399 } .triangle-right.top:after { top: -20px; right: 50px; left: auto; border-width: 20px 20px 0 0 } .triangle-right.left:after { top: 16px; left: -16px; border-width: 15px 16px 0 0 } .triangle-right.right:after { top: 16px; right: -40px; left: auto; border-width: 15px 0 0 40px } .alertDiv { background: #399!important; height: 40px!important } #abia_loader #inner_loader { height: 100%; width: 100%; display: flex; display: flex; align-items: center; justify-content: center; background: url('../../images/loader_logo.png') no-repeat center; border: 16px solid #fff; border-radius: 50%; border-top: 16px solid #46cab7; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; / animation: spin 2s linear infinite; margin:auto; z-index: 1000; position: relative;margin-bottom:2%;top: 50%; background-color: #2eaf9d; box-shadow: 0 0 10px rgba(0,0,0,0.3); } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #loading{} #loadingImage, #loadingModal, .pageloader, .pageloader-static { position: fixed; width: 100%; height: 100%; left: 0; top: 0 } #loadingModal { background-image: url(../../images/page-loader.gif) } .loading_chat #inner_loader{display:block !important} .pageloader, .loading #inner_loader, #blog_loader{display:none !important} .alertDiv.left:after { border-color: transparent #399!important } .leftClass { text-align: left; padding: 2% 0 0 } #loadingImage, #loadingModal { display: none; padding: 0; margin: 0; background-color: rgba(192, 192, 192, .5); background-repeat: no-repeat; background-position: center } #loadingImage { z-index: 30000; display: none; padding: 0; margin: 0; background-color: rgba(192, 192, 192, .5); background-repeat: no-repeat; background-position: center } #loadingModal { z-index: 29000 } .dropdown-menu>li>a { line-height: 20px; background-color: #bae2dc; color: #000 } .form-control, span.multiselect-selected-text { font-family: inherit; color: #838383 } .navbar-nav .open .dropdown-menu>li>a { background-color: #bae2dc } .nav>li>a:active, .nav>li>a:focus, .nav>li>a:hover { background: rgba(51, 153, 153, .25) } .form input { border-radius: 0!important } .incol { margin-top: 1% } .barstyle { padding: 10px } hr { border-top: 1px solid rgba(158, 158, 158, .6) } .modal-content { border: 20px solid #eee } .demo-gallery>ul { margin-bottom: 0 } .demo-gallery>ul>li { float: left; width: auto; height: 240px; padding: 0; margin: 0 } .demo-gallery>ul>li a { border: 3px solid #FFF; border-radius: 3px; display: block; overflow: hidden; position: relative; float: left } .demo-gallery>ul>li a>img { -webkit-transition: -webkit-transform .15s ease 0s; -moz-transition: -moz-transform .15s ease 0s; -o-transition: -o-transform .15s ease 0s; transition: transform .15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100% } .demo-gallery>ul>li a:hover>img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } .demo-gallery>ul>li a:hover .demo-gallery-poster>img { opacity: 1 } .demo-gallery>ul>li a .demo-gallery-poster { background-color: rgba(0, 0, 0, .1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color .15s ease 0s; -o-transition: background-color .15s ease 0s; transition: background-color .15s ease 0s } .demo-gallery>ul>li a .demo-gallery-poster>img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; transition: opacity .3s ease 0s } .demo-gallery>ul>li a:hover .demo-gallery-poster { background-color: rgba(139, 182, 55, .7) } .demo-gallery .justified-gallery>a>img { -webkit-transition: -webkit-transform .15s ease 0s; -moz-transition: -moz-transform .15s ease 0s; -o-transition: -o-transform .15s ease 0s; transition: transform .15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .demo-gallery .justified-gallery>a:hover>img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } .demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img { opacity: 1 } .demo-gallery .justified-gallery>a .demo-gallery-poster { background-color: rgba(0, 0, 0, .1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color .15s ease 0s; -o-transition: background-color .15s ease 0s; transition: background-color .15s ease 0s } .demo-gallery .justified-gallery>a .demo-gallery-poster>img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; transition: opacity .3s ease 0s } .demo-gallery .justified-gallery>a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, .5) } .demo-gallery .video .demo-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: .8; width: 48px } .demo-gallery.dark>ul>li a { border: 3px solid #04070a } .home .demo-gallery { padding-bottom: 80px } span.multiselect-selected-text { margin: 5px } b.caret { display: none } button.multiselect { margin: 5px; background: url(../../images/arrowdown.png) right no-repeat; min-width: 155px!important } td { padding: 0 0 0 10 } select:hover { color: #333; background-color: #e6e6e6!important; border-color: #adadad } .awards { background-color: #fff } select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../../images/arrowdown.png) right no-repeat } input#clearinput { height: 32px!important } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, button.btn.btn-default { margin-top: -8px } ::i-block-chrome, div#subcr_div { margin-top: 18px!important } } .navbar-inverse .navbar-toggle:hover { background-color: #fff!important } .section-container { padding: 5% 0 } .direct-manage-text, .direct-send-text { position: relative; padding: 5px 10px; color: #444 } .direct-manage-text { border-radius: 5px; background: #eaf3f8; border: 1px solid #d2d6de; margin: 5px 0 0 50px } .chat-menuopt-img img { height: 30px; width: 40px } .direct-send-text { border-radius: 5px; background: #efefef; border: 1px solid #d2d6de; margin: 5px 0 0 60px; word-wrap: break-word } .dropdown-menu>li>a:hover { background-color: #black!important } ul.multiselect-container.dropdown-menu { width: 100% } .sendstyle { padding-left: 1% } .bus_profile { text-align: right; padding-bottom: 2% } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: textfield; appearance: none; margin: 0 } input[type=number], input[type=number]:focus, input[type=number]:hover { -moz-appearance: textfield } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #444; background-color: #eee } @media(max-width:768px) { .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { text-align: center; color: #444; font-weight: 700; background-color: #fff } .navbar-inverse .navbar-brand .navbar-nav>.open>a { text-align: left; } .navbar-inverse .navbar-brand .navbar-nav .open .dropdown-menu>li>a { line-height: 20px; background-color: #bae2dc; font-weight: 600; } .navbar-nav .open .dropdown-menu { border: 0; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } } .main_titles { color: #444; text-align: center; letter-spacing: 1px; font-weight: 400 } .blog_style { color: #555; font-size: 16px; line-height: 25px } .span_chatdropdown { font-size: 12px } .modal-content-request { border: none!important } #GoogleMaster .widget-header h3 { font-family: 'freight-big-pro'!important; text-align: center!important } #abia_loader { z-index: 10000; display: none; padding: 0 !important; margin: 0 !important; position: fixed !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; background-color: rgba(101, 96, 96, 0.5); } #error_message, .error{color:red}