@charset "utf-8";
/* CSS Reset */
* { margin: 0; padding: 0; }
header, footer, section, aside, nav, article { display: block; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
strong { font-weight: bold }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif !important; text-transform: inherit; }
p { margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif !important; }
a { color: inherit; text-decoration: none; -webkit-transition: all .2ms ease-in-out; -moz-transition: all .2ms ease-in-out; -ms-transition: all .2ms ease-in-out; -o-transition: all .2ms ease-in-out; transition: all .2ms ease-in-out; }
a:focus { text-decoration: none; }
a:hover { color: inherit; text-decoration: none; -webkit-transition: all .2ms ease-in-out; -moz-transition: all .2ms ease-in-out; -ms-transition: all .2ms ease-in-out; -o-transition: all .2ms ease-in-out; transition: all .2ms ease-in-out; }
body a:hover { color: #000; text-decoration: none; }
body a:focus { color: #000; text-decoration: none; }
a img { border: none; }
img { max-width: 100%; }
a:focus { outline: none; }
body { font-size: 13px; color: #2c2c2c !important; background: #fafafa; font-family: 'Roboto', sans-serif !important; }
li { list-style: none; }
.wrapper { width: 100%; position: relative; }
ul { margin: 0; padding: 0; }
a:focus { outline: none; }
.btn { -webkit-transition: all .2ms ease-in-out; -moz-transition: all .2ms ease-in-out; -ms-transition: all .2ms ease-in-out; -o-transition: all .2ms ease-in-out; transition: all .2ms ease-in-out; }
.btn:hover { -webkit-transition: all .2ms ease-in-out; -moz-transition: all .2ms ease-in-out; -ms-transition: all .2ms ease-in-out; -o-transition: all .2ms ease-in-out; transition: all .2ms ease-in-out; }
/*************font---css****************/
@font-face { font-family: "Proxima Nova Regular"; src: url('../fonts/Proxima-Nova-Regular.eot'); src: url('../fonts/Proxima-Nova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima-Nova-Regular.svg#Proxima') format('svg'), url('../fonts/Proxima-Nova-Regular.woff') format('woff'), url('../fonts/Proxima-Nova-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Proxima Nova Bold"; src: url('../fonts/Proxima-Nova-Bold.eot'); src: url('../fonts/Proxima-Nova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima-Nova-Bold.svg#Proxima') format('svg'), url('../fonts/Proxima-Nova-Bold.woff') format('woff'), url('../fonts/Proxima-Nova-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Proxima Nova Thin"; src: url('../fonts/Proxima-Nova-Thin.eot'); src: url('../fonts/Proxima-Nova-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima-Nova-Thin.svg#Proxima') format('svg'), url('../fonts/Proxima-Nova-Thin.woff') format('woff'), url('../fonts/Proxima-Nova-Thin.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Proxima Nova Light"; src: url('../fonts/Proxima-Nova-Light.eot'); src: url('../fonts/Proxima-Nova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima-Nova-Light.svg#Proxima') format('svg'), url('../fonts/Proxima-Nova-Light.woff') format('woff'), url('../fonts/Proxima-Nova-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Proxima Nova Semibold"; src: url('../fonts/Proxima-Nova-Semibold.eot'); src: url('../fonts/Proxima-Nova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Proxima-Nova-Semibold.svg#Proxima') format('svg'), url('../fonts/Proxima-Nova-Semibold.woff') format('woff'), url('../fonts/Proxima-Nova-Semibold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
/**************header***********/
.header {color: #fff; padding:  16px 15px; }
.header-menu li { display: inline-block; margin-right: 37px; }
.header-menu li a { font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; }
.header-menu li a:hover { color: #f2a26f; }
.header-menu li .fa { margin-right: 7px; }
.header-menu { padding-left: 70px; padding-top: 4px; }
/*****header-right******/

.header-right-nav { padding-top: 0px; display: inline-block; vertical-align: middle; }
.header-right-nav li a { font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; }
.header-right-nav li a:hover { color: #f2a26f; }
.header-right-nav li .fa { font-size: 26px; vertical-align: middle; margin-left: 20px; }
/*******mini-menu******/
.mini-submenu { display: none; background-color: none; border: 1px solid #fff; border-radius: 15px; padding: 10px 15px 13px 15px; /*position: relative;*/ width: auto; display: inline-block; vertical-align: middle; border-radius: 50px; margin-left: 30px; }
.mini-submenu:hover { cursor: pointer; }
.mini-submenu .icon-bar { border-radius: 0px; display: block; height: 2px; width: 16px; margin-top: 3px; }
.mini-submenu .icon-bar { background-color: #ffffff; }
#slide-submenu { background: rgba(0, 0, 0, 0.45); display: inline-block; padding: 0 8px; border-radius: 4px; cursor: pointer; }
.menu-toggle-wrap { display: inline-block; vertical-align: middle; }
.menu-text { color: #fff; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 15px; font-weight: 300; }
.mini-submenu .icon-bar:first-child { margin-top: 0; }
.mini-submenu .fa-bars { font-size: 17px; vertical-align: middle; margin-left: 12px; }
.mini-submenu:hover { background: #fff; color: #4b4b4b; }
.mini-submenu:hover .fa-bars, .mini-submenu:hover .menu-text { color: #4b4b4b; }
/********main-container*************/
.main-wrap { padding: 0; }
.page-head-main { font-size: 30px; font-weight: 300; font-family: 'Roboto', sans-serif; color: #828282; padding: 30px 0; }
.main-container-detail { margin-left: -8px !important; margin-right: -7px !important; }
/***********papers-list*******/
.papers-section { padding-left: 8px; padding-right: 7px; }
.papers-list { padding: 30px 20px 30px 35px; margin-bottom: 15px; }
.grd1 { background: #f2a570; /* Old browsers */ background: -moz-linear-gradient(left, #f2a570 0%, #ed6465 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f2a570 0%, #ed6465 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f2a570 0%, #ed6465 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a570', endColorstr='#ed6465', GradientType=1 ); /* IE6-9 */
}
.grd2 { border-radius: 25px; background: linear-gradient(127deg, #1DB1C4 0%, #0071BC 100%); /* Old browsers */ background: -moz-linear-gradient(127deg, #1DB1C4 0%, #0071BC 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(127deg, #1DB1C4 0%, #0071BC 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #1DB1C4 0%, #0071BC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ad6fa', endColorstr='#5f90f7', GradientType=1 ); /* IE6-9 */
}
.grd3 { background: #9c66f6; /* Old browsers */ background: -moz-linear-gradient(left, #9c66f6 0%, #4253f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #9c66f6 0%, #4253f4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #9c66f6 0%, #4253f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c66f6', endColorstr='#4253f4', GradientType=1 ); /* IE6-9 */
}
.papers-head { position: relative; padding-right: 40px; }
.papers-head h2 { font-size: 30px; font-weight: 500; color: #fff; margin-bottom: 24px; }
.papers-head .fa { position: absolute; right: 0px; top: 0; font-size: 39px; color: #fff; }
.papers-list p { font-size: 18px; color: #fff; font-weight: 300; line-height: normal; }
.btn-default { font-size: 16px; color: #4b4b4b; border: none; border-radius: 50px; font-weight: 500; text-transform: uppercase; padding: 11px 25px; }
.papers-list .btn-default:hover, .btn-default:hover, .box-section .btn-default:hover { background: #f2a26f; color: #fff; }
.papers-list .btn-default { background: #fff; margin-top: 30px; }
/**********current-section********/
.current-section { padding-left: 8px; padding-right: 7px; }
.box-section { background: #fff; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.06); margin-bottom: 15px; }
.box-section .btn-default { color: #4b4b4b; background: #f6f6f6; margin-top: 0; margin-bottom: 35px; }
.box-section h2 { font-size: 30px; color: #686868; font-weight: 500; border-bottom: 1px solid #f4f4f4; padding: 20px 20px; }
/**********live-iconcss**********/
.box-section-detail { padding: 0 20px; }
.box-section-detail ul { padding: 20px 0; }
/************ Check-n-radio *************/
.checkboxes input[type=checkbox], .radioboxes input[type=radio] { opacity: 0; }
.checkboxes h3, .radioboxes h3 { margin-bottom: 20px; }
.checkboxes .livicon-evo, .radioboxes .livicon-evo { display: inline-block; position: relative; top: -1px; margin-left: -26px; }
.checkboxes.toggles .livicon-evo, .radioboxes.toggles .livicon-evo { margin-top: -8px; margin-right: 4px; margin-bottom: -4px; }
.checkboxes li label, .radioboxes li label { font-size: 18px; margin-bottom: 0; font-weight: 300; cursor: pointer; color: #929292; }
/*.checkboxes li.active label, .radioboxes li.active label { color: #f2a26f; font-weight: 500; }*/
/*********latest-papers******/
.latest-papers { padding-left: 8px; padding-right: 7px; }
.papers-name-list h4 { font-size: 18px; color: #929292; font-weight: 300; }
.papers-name-list h6 { font-size: 12px; color: #f2a26f; font-weight: 500; margin-top: 1px; }
.papers-name-list li { border-bottom: 1px solid #f4f4f4; padding: 20px 20px 15px; }
.papers-name-list li:last-child { border-bottom: none; }
.box-section-btn { padding: 10px 20px 0; }
/**********help-support********/
.help-support { /*padding-right: 15px;*/ }
.help-support .box-section h2 { color: #f2a26f; }
.papers-help-block { padding: 20px; }
.help-support p { color: #929292; font-size: 14px; margin-bottom: 10px; }
.help-support p a { color: #f2a26f; }
.help-support p a:hover { color: #000; }
.help-support h4 { color: #f2a26f; font-weight: 500; margin-bottom: 10px; }
/********main-menu*******/
.menu-open-right.list-group { position: fixed; top: 0; right: 0; width: 300px; background: #000; height: 100%; margin-bottom: 0; overflow-y: auto; z-index: 999; }
.menu-open-head { padding: 25px 20px; }
.menu-open-head .header-right-nav li a { background: #ffffff; padding: 10px 15px; border-radius: 50px; color: #4b4b4b; font-size: 16px; text-transform: uppercase; font-weight: 600; display: block; }
.menu-open-head .header-right-nav li .fa { margin-left: 0; margin-right: 9px; position: relative; top: -2px; font-size: 22px; }
.menu-open-right select.form-control { background: url(../images/arrow-bottem.png) no-repeat center right #000; color: #fff; font-size: 14px; box-shadow: none; border-radius: 30px; cursor: pointer; border: 1px solid #c6c6c6; height: 46px; width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }
.forrm-right-menu { padding: 0 20px; border-bottom: 1px solid #4d4d4d; }
.forrm-right-menu .form-group { margin-bottom: 20px; }
.menu-right-menu li { border-bottom: 1px solid #4d4d4d; }
.menu-right-menu li:last-child { border: none; }
.menu-right-menu li a { font-size: 18px; color: #fff; padding: 13px 20px; font-weight: 300; display: block; }
.menu-right-menu li a:hover { color: #f2a26f; }
.menu-open-head .header-right-nav li a:hover { background: #f2a26f; color: #fff; }
#slide-submenu .fa { float: right; font-size: 18px; margin-top: 8px; }
.mini-submenu { display: inline-block !important; }
/**************paper-create****************/
.paper-create-left { background: #fff; padding: 0; }
.paper-create-left .panel-group { margin-bottom: 0; }
.paper-create-left .panel-default { border: none; border-radius: 0; }
.paper-create-left .panel-default .panel-title { font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 700; }
.paper-create-left .panel-body { padding: 0px; border: none; }
.paper-create-left .panel-body table tr td { padding-left: 15px }
.paper-create-left .panel-body .table { margin-bottom: 0px; }
.paper-create-left .panel-default > .panel-heading { border: none; background: #none; color: #fff; border-radius: 0; padding: 0; }
.paper-create-left .panel-default > .panel-heading a { padding: 20px 35px; display: block;  }
.paper-create-left .panel-default > .panel-heading a.active, .paper-create-left .panel-default > .panel-heading a[aria-expanded="true"] { background: #f19e6f!important}
.paper-create-left .panel-default > .panel-heading a.collapsed { background: #efefef; ; }
.paper-create-left .panel-default > .panel-heading.active a, .paper-create-left .panel-default > .panel-heading a:hover { background: #f19e6f; color: #fff; }
.paper-create-left .panel-default > .panel-heading.selected a { background: #8cc63e; color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); }
.paper-create-left .panel-default > .panel-heading a:focus { color: #fff; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: none; }
.paper-create-left .panel-default > .panel-heading .fa-caret-right { font-size: 18px; color: #fefefe; margin-right: 30px; width: 7px; transition: all 8s ease-in-out 0.8s; }
.change-tab { float: right; font-size: 12px; color: #fff; font-weight: normal; margin-top: 3px; }
.paper-create-left .panel-group .panel + .panel { margin-top: 0; }
.paper-create-left ul .list-group-item:first-child{border-top:0;}
.paper-create-left ul .list-group-item:last-child{border-bottom:0;}
.paper-create-left ul .list-group-item:hover{background:#efefef;}
/************checkbox-wrap*********************/
.paper-create-check .list-group-item.active, .paper-create-check .list-group-item.active:focus, .paper-create-check .list-group-item.active:hover { background: #fff; color: #434343; border-color: #f0f0f0; }
.paper-create-check .list-group-item { background: #fff;  border-width:1px 0 1px 0; border-color: #f0f0f0; border-radius: 0; color: #737373; font-size: 16px; font-weight: normal; padding: 11px 35px; cursor: pointer; }
.state-icon { left: 0; margin-right: 9px; vertical-align: middle; top: 0; }
.paper-create-check .list-group-item-primary { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); }
.paper-create-check .list-group-item .state-icon{display: none;}
.paper-create-check .list-group { margin-bottom: 0px; }
.check-cercle { width: 15px; height: 15px; border-radius: 50%; background: #000; vertical-align: middle; right:10px; position: absolute}
.list-group-item label { width: 100%; display: inline-block; vertical-align: middle; margin:0; }
.check-yellow { background: #fff100; }
.check-black { background: #231f20; }
.check-org { background: #faa519; }
.check-pink { background: #d91b5b; }
.check-green { background: #8cc63e; }
.check-perpl { background: #652c90; }
.search-btn-wrap { font-size: 16px; font-weight: normal; padding: 20px 35px; }
.search-btn-question { background: #ef9c6f; display: inline-block; color: #fff; }
.checked-list-box li:last-child { border-bottom: none; }
.paper-create-left .panel-default > .panel-heading.active .fa-caret-right:before { content: "\f0d7"; font-family: 'FontAwesome'; transition: all 8s ease-in-out 0.8s; }
.question-list { display: table; width: 100%; padding: 15px 26px 15px 55px; }
.nav-stacked li:last-child { border: none; }
.question-list .fa-file-o { font-size: 14px; color: #555555; margin-right: 15px; vertical-align: top:; }
.question-inner-head h4 { font-size: 15px; color: #555555; }
.question-inner-tag i { font-style: normal; font-size: 10px; color: #9d9d9d; width:50px; margin-right: 20px; display: inline-block }
.papercreate-fileter .nav-stacked .prview-question-btn a { font-size: 10px; padding: 10px 20px; float: right; }
.question-add-less i { height: 28px; width: 28px; border-radius: 50%; text-align: center; color: #fff; padding: 7px 3px; text-align: center; font-size: 16px; float: right; }
.question-add-less .fa-plus { background: #ef9c6f; }
.question-add-less .fa-minus { background: #ef6f6f; }
.question-inner-head, .prview-question-btn, .question-add-less { display: inline-block; vertical-align: middle; }
.question-inner-head{width:310px;}
.q-tab-icon { vertical-align: top; width:30px;}
/*********************papercreate-fileter*************************/
.papercreate-fileter h5 { padding: 0px 35px 20px; font-size: 16px; color: #6f6f6f; font-weight: normal; }
.papercreate-fileter .nav-stacked li { border: none; border-bottom: 1px solid #dadada; }
.papercreate-fileter .nav-stacked a { padding: 10px 22px 10px 35px; color: #6b6b6b; font-size: 16px; font-weight: normal; background: #f0f0f0; border: none; }
.topic_accordion{position:relative; padding-right: 30px}
.addQuestion, .removeQuestion{cursor: pointer}
.papercreate-fileter .nav-stacked a.preview-btn-question{padding:8px 22px; font-size:12px; line-height: 14px; margin-right: 5px}

.papercreate-fileter .nav-stacked a .fa-caret-right { font-size: 18px; color: #6b6b6b; vertical-align: middle; margin-right: 15px; width: 7px; }
.papercreate-fileter .nav-stacked .check-cercle { float: right; margin-top: 5px; margin-left: 7px;}
.papercreate-fileter .nav-stacked .check-count { float: right; margin-top: 2px; margin-left: 7px;}
.papercreate-fileter .nav-stacked > li + li { margin-top: 0; }
.papercreate-fileter .nav-stacked .panel.active a, .papercreate-fileter .nav-stacked .panel.active a .fa { color: #ef9c6f; }
.papercreate-fileter .nav-stacked .panel.active a .fa-caret-right:before { content: "\f0d7"; font-family: 'FontAwesome'; color: #ef9c6f; }
.papercreate-fileter .btn-default:hover{background: #67c1f9; color: #fff; }
.papercreate-fileter .nav-stacked .panel span{display:inline-block;}
/************create-paper-right****************/
.create-paper-right { padding: 0; }
#custom-search-input { padding: 0px; border: solid 1px #E4E4E4; border-radius: 0px; background-color: #fff; border: none; }
#custom-search-input input { border: 0; box-shadow: none; font-size: 24px;  font-weight: normal; height: 60px; border: none; padding: 5px 35px; border-radius: 0 }
#custom-search-input button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: #666666; padding: 0 8px 0 10px; border-left: solid 1px #ccc; }
#custom-search-input button:hover { border: 0; box-shadow: none; border-left: solid 1px #ccc; }
#custom-search-input .glyphicon-search { font-size: 23px; }
/****nav-tabs*****/
.create-question-wrap { padding: 12px 35px; }
.card .nav-tabs > li.active > a, .card .nav-tabs > li.active > a:focus, .card .nav-tabs > li.active > a:hover { border-width: 0; }
.card .nav-tabs > li > a { border: none; color: #a9a9a9; font-size: 18px; padding: 12px 30px; margin-right: 0; }
.card .nav-tabs > li.active > a, .card .nav-tabs > li > a:hover { border: none; color: #00aeef !important; background: transparent; background: -webkit-linear-gradient(left, #ed6465, #f2a570); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.card .nav-tabs > li > a::after { content: ""; background: transparent; height: 1px; position: absolute; width: 100%; left: 0px; bottom: 0px; transition: all 250ms ease 0s; transform: scale(0); }
.card .nav-tabs > li > a:hover:after, .card .nav-tabs > li.active a:after { content: ""; height: 3px; position: absolute; width: 100%; left: 0px; bottom: 0px; transition: all 250ms ease 0s; transform: scale(0); background: #ed6465; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #ed6465, #f2a570); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, #ed6465, #f2a570); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #ed6465, #f2a570); /* For Firefox 3.6 to 15 */ background: linear-gradient(left, #ed6465, #f2a570); /* Standard syntax */ }
.card .nav-tabs > li.active > a::after, .card .nav-tabs > li:hover > a::after { transform: scale(1); }
.card .tab-nav > li > a::after { background: #21527d; color: #fff; }
.card .tab-pane { padding: 0; }
.tab-content { background: #fff; border: none; width: 98%; margin:0 auto; padding: 0; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.06); position:absolute; top:122px; bottom:185px; left:20px; right:20px	; overflow:scroll;}
.create-question-wrap .nav-tabs { border: none }
.question-create { position: relative; border-bottom: 1px dashed #e4e4e4; padding: 30px 30px 30px 60px; float: left; width: 100%; }
.question-create h3 { font-size: 18px; color: #282828; font-weight: normal; margin-bottom: 25px; padding-right: 150px; }
.question-create h3 a { color: #282828; }
.question-create h3 .question-left { margin-right: 25px; }
.answer-list { padding-left: 53px; }
.answer-list li { font-size: 18px; font-weight: 300; line-height: 24px; color: #282828; }
.answer-list li .answer-left { margin-right: 15px; }
.marks-question { font-size: 18px; color: #282828; font-weight: normal; }
.remove-btn { background: #ef6f6f; color: #fff; position: absolute; right: 30px; top: 25px; }
.question-arrow { height: 100%; left: 0; position: absolute; top: 0; background: #f7f7f7; text-align: center; width: 35px; }
.question-arrow .fa-arrow-up { position: absolute; top: 15px; width: 100%; left: 0; text-align: center; }
.question-arrow .fa-arrow-down { position: absolute; bottom: 15px; width: 100%; left: 0; text-align: center; }
.question-arrow a { color: #c7c7c7; font-size: 18px; }
.question-arrow a:hover, .question-arrow a:focus { color: #f19e6f; }
.create-question-wrap .nav-tabs > li { margin-bottom: 0px; }
/************paper-bottem-bar*************/
.paper-bottem-bar { background: #000000; min-height: 90px; }
.paper-bottom-right { float: right; }
.question-time-wrap { float: left; }
.question-time-wrap li { float: left; text-align: center; color: #fff; padding: 20px 30px; }
.question-time-wrap li h3 { font-size: 30px; font-weight: 300; }
.question-time-wrap li p { font-size: 12px; font-weight: 300; }
.paper-sace-btn { height: 90px; color: #fff; font-size: 36px; font-family: "Proxima Nova Semibold"; padding: 20px 10px; float: left; width: 222px; border: none; box-shadow: none; text-align: center; background: #ed6465; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(top, #ed6465, #f2a570); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(top, #ed6465, #f2a570); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #ed6465, #f2a570); /* For Firefox 3.6 to 15 */ background: linear-gradient(top, #ed6465, #f2a570); /* Standard syntax */ }
.paper-sace-btn:hover, .paper-sace-btn:focus, .external-btn:hover, .external-btn:focus { color: #fff; }
.external-btn { height: 90px; float: left; padding: 13px 30px; color: #fff; text-align: center; font-size: 13px; color: #fff; background: #6ad6fa; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(top, #6ad6fa, #5f90f7); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(top, #6ad6fa, #5f90f7); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #6ad6fa, #5f90f7); /* For Firefox 3.6 to 15 */ background: linear-gradient(top, #6ad6fa, #5f90f7); /* Standard syntax */ }
.external-btn span { display: block; }
.external-btn .fa { font-size: 37px; color: #fff; margin-top: 10px; }
/*******popup-question-preview********/
.modal-backdrop.in { opacity: 0.83; background: #fff; }
.modal-content:after, .modal-content:before { clear: both; display: block; overflow: hidden; content: ""; }
.modal-content { border-radius: 0; }
.modal-header { background: #000000; color: #fff; padding-left: 30px; padding-left: 30px; }
.modal-title { font-size: 18px; color: #fff; font-weight: 500; }
.modal-header .close { box-shadow: none; opacity: 1; font-weight: 300; font-size: 39px; width: 40px; height: 40px; text-align: center; background: #fff; color: #bdbdbd; border-radius: 50%; position: absolute; top: -17px; right: -17px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal-header .close span { position: relative; top: -3px; }
.modal-body { padding: 0; }
.modal .question-create { padding: 25px 30px 25px; border: none; }
.modal-footer { float: left; width: 100%; border: none; padding-left: 30px; padding-left: 30px; }
.modal-footer .btn-default { background: #ebebeb; color: #b3b3b3; float: left; }
.modal-footer .btn-default:hover, .modal-footer .btn-default:focus { background: #f19e6f; color: #fff; }
.modal-dialog{ margin-top:100px; }
#previewModal .modal-body{padding:15px 35px 15px 35px;}
#previewModal .modal-body h4{margin-bottom:15px;}
#previewModal .modal-body .question-body{padding-left: 20px}
/********popup-form****************/
.check-list { float: left; width: 100%; border-bottom: 1px solid #ededed; padding: 10px 30px; }
.export-paper-radio { float: left; width: 100%; border-bottom: 1px solid #ededed; padding: 14px 30px; }
.check-list li { float: left; width: 50%; }
.check-list li label { color: #737373; font-size: 16px; font-weight: normal; margin-bottom: 0; }
.export-paper-radio .switch { display: inline-block; vertical-align: middle; margin-right: 12px; }
.question-switch { color: #737373; display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle; margin-bottom: 0; }
.export-paper-radio label { margin-bottom: 0; }
.export-paper-radio .switch { display: inline-block; margin-bottom: 0; }
.checkboxes .check-list .livicon-evo, .radioboxes .check-list .livicon-evo { margin-left: -20px; }
.cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden; }
.cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input.cmn-toggle-round + label { padding: 2px; width: 42px; height: 24px; background-color: #dddddd; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; }
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; }
input.cmn-toggle-round + label:before { right: 1px; background-color: #ffffff; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; border: 1px solid #cccccc; }
input.cmn-toggle-round + label:after { width: 15px; height: 15px; background-color: #cccccc; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; left: 5px; top: 4px; }
input.cmn-toggle-round:checked + label:before { background-color: #ffffff; }
input.cmn-toggle-round:checked + label:after { margin-left: 17px; }
.popup-form .form-group{margin:0; padding:10px 30px;  border-bottom: 1px solid #ededed; float:left; width:100%;}
.popup-form .form-group label{font-size:16px; color:#000000; font-weight:normal; padding:5px 0 0; width:65px; text-align:left; float:left;}
.popup-form .form-group .form-control {
    float: right;
    width: 470px;
    border:none; box-shadow:none;
    font-size:16px; 
}
.popup-form .form-group .form-control:focus{box-shadow:none;}
.form-hint-popup{font-size:16px; color:#bfbfbf; padding:15px 30px; float:left; width:100%;}
.radioboxes .model-radio label{font-size:16px; color:#424242; font-weight:700;}
.model-radio {
    float: left;

    width: 100%;
}
.model-radio li{float: left;
                padding:13px 30px;
                width: 100%;}
.model-radio li.active{background:#f6f5f2; border-top:1px solid #ededed;}
.radioboxes .model-radio label .fa{font-size:18px; color:#4a4a4a; margin-right:10px; margin-left:5px;}
.form-mrgn{margin-top:50px;}


/*---------------------- Past Paper CSS Start here ------------*/

.past-paper-left {background: #f6f5f2; padding: 0; height: 650px;}
.past-paper-left .breadcrumb {background-color:none; border-radius:0px; margin-bottom:10px; font-size:14px; padding:40px 35px 5px 35px;}
.past-paper-left .breadcrumb > li + li::before {color: #c5c5c5; content: ">> "; padding: 0 5px; letter-spacing:-2px;}
.past-paper-left h2 {color:#f2a26f; margin-bottom: 15px}
.past-paper-left select {background:none; padding-left:30px; padding-bottom: 5px; box-shadow:none; border:none; border-bottom:1px solid #ebeae8; height:auto; font-size:18px;}
.past-paper-right {padding:40px;}
.past-paper-right h4 {color:#6c6c6c;}
.past-paper-right .search-book-result {background: #fff; border: none; float: left; width: 100%; padding: 0; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.06); min-height: 400px; margin-top:35px;}

.search-book-result .table > thead > tr > th {font-size:18px; color:#2e2e2e; font-family: 'Roboto', sans-serif; background:#f6f5f2; border:none; font-weight:bold; padding:15px 40px;}

.search-book-result .table > tbody > tr > td, .donation-table .table > tfoot > tr > td, .donation-table .table > thead > tr > td {background:#ffffff; border-bottom:1px solid #f4f4f4; color:#414141; font-family: 'Roboto', sans-serif; font-size:18px; padding:15px 40px;}
.search-book-result .table > tbody > tr > td i {color:#2e2e2e; font-size:18px;}

.pagination > li > a, .pagination > li > span {background:none; border:none; padding:14px 12px;}

.pagination > .active > a {background-color: #fff; color:#337ab7;}
.pagination > .active > a:hover {background-color: #fff; color:#f2a26f;}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .pagination > .active > a:focus {color:#f2a26f; background:none;}
.pagination > li.paginate_button.next a {background:#f2a26f; padding:10px 25px; border-radius:20px; color:#fff; text-transform:uppercase; font-size:16px;}
.pagination > li.paginate_button.previous a {background:#f2a26f; padding:10px 25px; border-radius:20px; color:#fff; text-transform:uppercase; font-size:16px;}
.dataTables_info{
    padding:5px 0 0 40px;
}

.dataTables_paginate{
    padding:5px 40px 0 0;
}
.past-paper-panel{
    padding: 0 35px
}
.dataTables_filter{
    text-align: right;
    padding: 10px 15px 0 10px
}
.dataTables_filter input{
    margin-left: 10px
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
.select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 0px 10px 30px;
    outline: 0;
    border: 0;
    border-radius: 0;
    color: #6c6c6c;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-bottom:1px solid #ebeae8;
}
.select select::-ms-expand {
    display: none;
}


.select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
}
.dataTables_length label {padding: 15px 0px 0px 15px;}

div.dataTables_wrapper div.dataTables_processing {
    left: 50%;
    margin-left: -100px;
    margin-top: -26px;
    padding: 1em 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
}
.form-control.question-height {
    height: 300px;
    margin-top: 175px;
}
.btn-selection {
    margin-top: 270px;
}
.paper-create-check input.css-checkbox {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;}
.paper-create-check input.css-checkbox + label.css-label { padding-left: 26px; display: inline-block; line-height: 23px; background-repeat: no-repeat; font-size: 16px; vertical-align: middle; cursor: pointer; font-weight: normal;}
.paper-create-check label.css-label { background-image: url('check-tick.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; padding-right: 11px; padding-left: 20px;}
.paper-create-check input.css-checkbox:checked + label.css-label {background-position: 0px -46px;}


.paper-create-check input.css-radio {position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;}
.paper-create-check input.css-radio + label.css-radio-label { padding-left: 26px; display: inline-block; line-height: 23px; background-repeat: no-repeat; font-size: 16px; vertical-align: middle; cursor: pointer; font-weight: normal; position: relative; margin-bottom:0;}
.paper-create-check label.css-radio-label { background-image: url('radio-tick.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; padding-right: 11px; padding-left: 20px;}
.paper-create-check input.css-radio:checked + label.css-radio-label {background-position: 0px -46px;}


/*--------------Exam Paper CSS Start here -----------------*/

.exam-paper-wrapper {
    width:1070px;
    margin:20px auto;
    background:#fff;
    font-family: 'Roboto', sans-serif;
}
.exam-paper-top {
    background:#f4f4f4; 
    padding:15px; 
    border-radius:3px;
}

.exam-paper-bottom {
    padding:15px; 
    font-family: 'Roboto', sans-serif;
}
.instruction-listing {
    line-height:25px;
    font-size:20px;
    color:#595959;	
}
.exam-paper-bottom h4 {
    font-family: 'Roboto', sans-serif;
    font-size:27px;
    margin:20px 0px;
}
.exam-table {
    background:#f8f8f8;
    border:1px solid #858585;
    margin-top:100px;
}
.exam-table th {
    text-align:center;
    font-size:20px;
    color:#595959;
    padding:10px 0px;
    font-weight:normal;
}
.exam-table td {
    font-size:23px;
    color:#595959;
    font-weight:bold;
    border:1px solid #858585;
    border-collapse:collapse;
    padding:30px 0px 30px 30px;
}
.paper-question-wrapper {
    border:1px solid #000000;
    padding:45px 30px 30px 30px;	
    width:1070px;
    margin:20px auto;
    background:#fff;
    font-family: 'Roboto', sans-serif;
    position:relative;
}
.question-wrapper {
    margin-bottom:30px;
    font-size:22px;
    color:#000000;	
}
.answer-wrapper {
    margin-left:65px;	
}
.page-number-wrapper {
    position:absolute;
    bottom: -35px;	
    font-size:15px;		
    left:0px;
}
.page-number {
    background:#000;
    color:#fff;
    padding:15px;
    margin-right:10px;
}
.container-table {
    display: table;
}
.vertical-center.row {
    display: table-cell;
    vertical-align: middle;
}

html, body, .container-table, .main-wrap {
    height: 100%;
}
.login-box{
    background:#f6f5f2;
    border: 0;
    border-radius: 0;
}
.login-box h1.login-title{
    font-size:15px;
}
.login-box .panel-heading{
    background:transparent;
    text-align: center;
    border:0;
}
.login_logo{
    margin:30px 0 30px 0;
}
.login-box input.form-control{
    border:0;
    background:transparent;
    border-bottom:1px solid #acaba9;
    box-shadow: none;
    border-radius:0;
}
.login-box .input-group-addon{
    background:transparent;
    border:0;
    border-bottom:1px solid #acaba9;
    border-radius: 0
}

.login-box .form-control{
    height: 50px
}
.login-box .form-group{
    margin-bottom: 0
}
.login-box .input-group-addon.active{
    border-bottom: 1px solid #ed6465;
    color:black;
}
.login-box input:focus{
    border-bottom: 1px solid #ed6465;
    -moz-border-image: -moz-linear-gradient(left, #ed6465 0%, #f2a570 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #ed6465 0%, #f2a570 100%);
    border-image: linear-gradient(to right, #ed6465 0%, #f2a570 100%);
    border-image-slice: 1;
}
.login-box input.password, .login-box .input-group-addon.password{
    border-bottom: 0
}
.login-box .btn{
    width:100%;
    border-radius:0 0 4px 4px;
    text-align: center;	
    background: #ed6465;
    background: -moz-linear-gradient(left,  #ed6465 0%, #f2a370 98%);
    background: -webkit-linear-gradient(left,  #ed6465 0%,#f2a370 98%);
    background: linear-gradient(to right,  #ed6465 0%,#f2a370 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6465', endColorstr='#f2a370',GradientType=1 );
    border:0;
    padding: 10px 0
}
.login-box .forgotten{
    padding:25px;
    color: #9f9f9f;
    text-align: center

}
.login-box .forgotten a{
    color:#ed6565;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}


[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}

/* Basic Theme */

[data-accordion] {
    line-height: 1;
}

[data-control],
[data-content] > * {
    border-bottom: 1px solid #888;
    padding: 10px;
}

[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}

[data-accordion] [data-control] {
    position: relative;
    padding-right: 40px;
}

[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url('../images/down.png') center center no-repeat;
    background-size: 50%;
}

[data-accordion].open > [data-control]:after {
    -webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
}


/* Base for label styling */
.paper-create-left  [type="checkbox"]:not(:checked),
.paper-create-left [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.paper-create-left [type="checkbox"]:not(:checked) + label,
.paper-create-left [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    font-weight: normal
}

/* checkbox aspect */
.paper-create-left [type="checkbox"]:not(:checked) + label:before,
.paper-create-left [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 1.25em; height: 1.25em;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
}
/* checked mark aspect */
.paper-create-left [type="checkbox"]:not(:checked) + label:after,
.paper-create-left [type="checkbox"]:checked + label:after {
    content: "\f00c";
    position: absolute;
    left: .1em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #434343;
    transition: all .2s;
    font-family: 'FontAwesome'
}
/* checked mark aspect changes */
.paper-create-left [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.paper-create-left [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.paper-create-left [type="checkbox"]:disabled:not(:checked) + label:before,
[.paper-create-left type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.paper-create-left [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.paper-create-left [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.paper-create-left [type="checkbox"]:checked:focus + label:before,
.paper-create-left [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px #434343 blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #4778d9!important;
}
.active.morph{
    border-color:#f19e6f;
}
.morph {
    width: 40px;
    height: 26px;
    background: #fff;
    display:inline-block;
    margin-right:10px;
    position: relative;
    border-radius: 50px;
    border:2px solid #dddddd;
}
.morph:after {
    color: #000;
    position: absolute;
    right: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.morph:before {
    color: #27ae60;
    position: absolute;
    left: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: bold;
}
.morph label {
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 3px;
    z-index: 1;
    background: #dddddd;
    /*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
    border-radius: 50px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    /*box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);*/
}
.morph input[type=checkbox] {
    visibility: hidden;
}
.morph input[type=checkbox]:checked + label {
    left: 14px;
    background:#f19e6f;
}
.header-right-nav li{
    display:inline-block;
    margin-right:10px;
}

/* Loader */


/* Center the loader */
.loader-wrapper {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0, 0, 0, 0.3);
    z-index: 2000;
    display:none;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -60px 0 0 -60px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader-message{
    position: absolute;
    left: 10%;
    top: 50%;
    z-index: 1;
    width: 80%;
    height: 120px;
    margin-top: -105px;
    text-align: center;
    color:white;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.export-btn { background: #f19e6f; font-size: 16px; color: #fff; border: none; border-radius: 50px; font-weight: 500; text-transform: uppercase; padding: 11px 25px; float: left; }
.export-btn:hover { background: #ff6600; color: #fff; }
.morph-toggle {
    display:inline-block;
}
.morph-toggle label {
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; border: 1px solid #999 !important; font-weight: 300; }
.toggle.ios .toggle-handle { border-radius: 20px; }
.toggle-on.btn {
    padding-right: 30px;
    padding-left: 5px;
}
.toggle-off.btn {
    padding-top: 8px;
    padding-right: 5px;
}
span.toggle-handle.btn.btn-default:hover{
    background: #e6e6e6;
}
label.btn.btn-primary.toggle-on {
    font-weight: 300;
}
label.btn.btn-default.toggle-off {
    font-weight: 300;
    font-size: 14px;
}
.placeholder-color::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    black;
}
.placeholder-color:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    black;
    opacity:  1;
}
.placeholder-color::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    black;
    opacity:  1;
}
.placeholder-color:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    black;
}
.placeholder-color::-ms-input-placeholder { /* Microsoft Edge */
    color:    black;
}
.placeholder-color::placeholder { /* Most modern browsers support this now. */
    color:    black;
}

.header-right-nav-new { padding-top: 0px; display: inline-block; vertical-align: middle; }
.header-right-nav-new li a { font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; }
.header-right-nav-new li a:hover { color: #f2a26f; }
.header-right-nav-new li .fa { font-size: 26px; vertical-align: middle; margin-left: 20px; }

.menu-open-head .header-right-nav-new li a { background: #ffffff; padding: 10px 15px; border-radius: 50px; color: #4b4b4b; font-size: 16px; text-transform: uppercase; font-weight: 600; display: block; }
.menu-open-head .header-right-nav-new li .fa { margin-left: 0; margin-right: 9px; position: relative; top: -2px; font-size: 22px; }

.menu-open-head .header-right-nav-new li a:hover { background: #f2a26f; color: #fff; }
.header-right-nav-new li{
    display:inline-block;
    margin-right:10px;
}
.menu-open-head2 .header-right-nav2 li a { background: #ffffff; padding: 10px 15px; border-radius: 50px; color: #4b4b4b; font-size: 16px; text-transform: uppercase; font-weight: 600; display: block; }
.menu-open-head2 .header-right-nav2 li { margin-left: 0; margin-right: 9px; position: relative; top: -2px; font-size: 22px; }
.menu-open-head2 .header-right-nav2 li a:hover { background: #f2a26f; color: #fff; }

.star {
    color:red;
}

.input-demo {
  color: transparent;
  text-shadow: 0 0 0 #2196f3;

  &:focus {
      outline: none;
  }
}

.input-demo:focus {
    border-color: #ccc;
    box-shadow: none;
}

.upgrade-button-form{
	display: inline-block;
}

/*Feedback Changes*/

@media only screen and (max-width: 767px) {

#feedbackModal .popup-form .form-group .form-control{
	width: inherit;
}
#feedbackModal .popup-form .form-group{
	padding: 10px;
}
#feedbackModal .modal-footer{
	padding-left: 10px;
}
}

.float.feedback-button{
	position:fixed;	
	bottom:40px;
	right:40px;
	background-color:#000;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	padding: 10px 18px;
}

.feedback-button .my-float{
	margin-top:15px;
	font-size: 17px;
}
/*Feedback Changes*/