@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



html, body{ background:#fdfcfc; font-family: 'open_sansregular';  font-size:14px; color:#7d7d7d; letter-spacing:1px;}

h1, h2, h3, h4{ color:#7d7d7d; }  h2{ font-size:24px;} ul{ margin:0; padding:0;} ul li{ list-style:none;} 
.font12{ font-size:12px;} .font44{ font-size:44px;} .m_b_15{ margin-bottom:15px;} .red_clr{ color:#f04b54;} .yelw_clr{ color:#fdc20e;} 
.yelw_clr{ color:#fdc20e;} .grn_clr{ color:#2dcc70;}

.opesmbld{font-family: 'open_sanssemibold';} .opesmlgt{font-family: 'open_sanslight';} .m_t_0{ margin-top:0;} .m_b_0{ margin-bottom:0;} .m_b_12{ margin-bottom:12px;} 
.m_b_20{ margin-bottom:20px;} .m_t_30{ margin-top:30px;}  .linght1{ line-height:40px;}

.header{ background:#2e3334;  width:236px; position:fixed; left:0; top:0; bottom:0; overflow-y:auto;} .navbar-brand{ width:100%; display:block; padding:20px 10px; height:auto;  text-align:center;} .navbar-header{ width:100%;} .navbar-brand > img{ display:inline-block;} 
.navbar-collapse{ padding:0;} .navbar-nav, .navbar-nav > li{ float:none;}
.navbar-default{ background:none; border:none;} .navbar{ border-radius:0; margin:0; min-height:inherit;}
 .navbar-default .navbar-nav > li > a{  font-size:14px; font-family: 'open_sanssemibold';  color:#fff; padding:12px 10px 12px 20px; text-align:left; border-left:#2e3334 5px solid; text-transform:uppercase;} 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{ background:#383f40; color:#fe9700; border-left:#fe9700 5px solid; } 
.link1{ width:236px; position: fixed; left:0; bottom:40px; margin-bottom:0 !important;} .link1 a{ color:#b5282e; font-size:14px; background:#383f40; padding:12px 30px 12px 10px; display:block; text-transform:uppercase; font-family: 'open_sanssemibold';} 
.link1 a:hover{ color:#fff;} .link1 a .fa{ float:right; position:relative; bottom:-5px;} 
.btn{  background:#fe9700; color:#fff; text-transform:uppercase; font-family: 'open_sanssemibold';} 
.btn:focus, a:hover {
    color: white !important;
    text-decoration: underline;
}

.wrapper_sec{ padding-left:236px; padding-bottom:50px; } 
.search_proj{ margin:25px 0px 25px;} .search_proj label{ text-transform:uppercase; margin-bottom:0;} 
.txt1{ background:#fdfcfc; -moz-box-shadow:    inset 0 0 3px rgba(0,0,0,.3);
   -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
   box-shadow:         inset 0 0 3px rgba(0,0,0,.3); border-radius:0;} 

.tablemain .table > thead > tr > th{ border:none; background:#fe9700; padding:12px 10px; text-align:center;  color:#fff; text-transform:uppercase;} 
.tablemain .table > thead > tr > th:first-child{ border-radius:5px 0px 0px 5px;} 
.tablemain .table > thead > tr > th:last-child{ border-radius:0px 5px 5px 0px;}
.iconsbx .fa{ font-size:18px; margin:0 10px;} .iconsbx .fa-copy{ color:#fe9700;} .iconsbx .fa-edit{ color:#10bfd7;} 
.iconsbx .fa-database{ color:#cfdd44;} .iconsbx .fa-minus-square-o{ color:#f44236;} 

.tablemain .table thead tr th:nth-child(1), .tablemain .table tbody tr td:nth-child(1){ width:5%;} 
.tablemain .table thead tr th:nth-child(2), .tablemain .table tbody tr td:nth-child(2), 
.tablemain .table thead tr th:nth-child(3), .tablemain .table tbody tr td:nth-child(3), 
.tablemain .table thead tr th:nth-child(4), .tablemain .table tbody tr td:nth-child(4){ width:23%;} 
.tablemain .table thead tr th:nth-child(5), .tablemain .table tbody tr td:nth-child(5){ width:26%;} 
.tablemain .table tbody tr td{ border-bottom:#f2f2f2 1px solid; padding:12px 10px;}

.paginationbotm .pagination{ margin-top:0;} 
.paginationbotm .prev_l a, .paginationbotm .next_r a{ color:#fe9700;} 
.paginationbotm ul li.active a{ background:#fe9700; color:#fff; border:#fe9700 1px solid;}

.footer{ width:100%; height:40px; background:#25292a; font-size:12px; position: fixed; left:0; bottom:0; z-index:999; text-align:center; padding-top:12px;} 
.titletop{ text-transform:uppercase; font-family: 'open_sanssemibold'; color:#fe9700; font-size:20px;} 
.blue{ color:#41ccdf;}

/*=======================22=11=2016=================================*/ 
.creattabs .nav-tabs{ background:#fe9700; border-radius:3px; padding:6px 6px 0px; border:none;} 
.creattabs .nav-tabs > li{ margin:0; width:16.5%;} 
.creattabs .nav-tabs > li > a{ border:none !important; margin-right:1%; font-family: 'open_sanssemibold'; text-align:center; color:#fff;  font-size:12px; text-transform:uppercase;padding: 10px 8px;} 
.creattabs .tab-content{ background:#fff; border:#eee 1px solid;  padding:50px 15px 30px; border-top:none;} 
.creattabs{ margin-bottom:15px;} 
.creattabs .nav-tabs > li.active > a, .creattabs .nav-tabs > li.active > a:focus, .creattabs .nav-tabs > li.active > a:hover, 
.creattabs .nav-tabs > li > a:hover{ color:#7d7d7d !important;background: white;} 
.padbasic{ padding-top:50px; padding-bottom:30px;}
.txt2{ background:#f8f7f7; height:120px !important; -moz-box-shadow:    inset 0 0 3px rgba(0,0,0,.3);
   -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
   box-shadow:         inset 0 0 3px rgba(0,0,0,.3); border-radius:0;} 
.m_b_20{ margin-bottom:20px;} 
.btn.savebtn{ min-width:120px;} .btn.savebtn:hover{ color:#fff; background:#696e6f;}
.btn.close_btn{ min-width:120px; background:#696e6f;} .btn.close_btn:hover{ color:#fff; background:#fe9700;} 
.btn.download{ text-transform:inherit;} 
.editorsec{ margin-top:35px;}  .tecteditor{ margin-bottom:20px;} 
.downloadsec .title_wrap{ background:#fe9700; padding:22px 10px; border-radius:3px; text-align:center; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin-bottom:-3px; position:relative; z-index:5;}
.download_bx .img-responsive{ width:100%;} .download_bx{ position:relative;} 
.download_bx .overlay{ width:100%; height:100%; background:rgba(0,0,0,.7); text-align:center; position:absolute; left:0; top:0; display:none;} 
.downloadsec .col:hover .overlay{ display: block; } 
.btn_download_rw{ position:relative; top:50%; margin-top:-50px;} 
.btn_download_rw .btn.download{ width:100%; max-width:250px; /*height:40px;*/} 
.downloadsec .col{ margin-bottom:20px;}

.form_right{ padding:100px 20px 0px 50px;} 
.form_right h2{font-family: 'open_sanssemibold'; margin-top:0; font-size:30px; text-transform:uppercase; color:#fe9700;} 
.form_right p.desc{ font-size:16px; color:#707070;} .inptrw{ position:relative; margin-bottom:20px;} .inptrw i{ color:#d4d4d4; font-size:18px; position:absolute; right:10px; top:15px;} .txtbx6{ border:none; border-radius:0; box-shadow:none; height:44px;} 
.transp_bg{ background:#2e3334; position:fixed; left:0; top:0; bottom:0; width:100%; z-index:999;} 
.popup_sec{ width:100%; position:absolute; left:0; top:25%; z-index:9999;} 
.popup_sec .form_right{ padding:0; width:92%; max-width:400px; margin:0px auto 0;} 
.popup_sec .form_right form{ background:#edf3f7; padding:30px;}
.btn3{ background:#fe9700; width:100%;  height:40px; border-radius:3px; border:#e3b424 1px solid; font-family: 'open_sanssemibold'; font-size:16px; text-transform:uppercase; color:#fff; outline:none !important;} .btn3:hover{ background:#ef8e01;} 
.link2 a{font-size:14px; color:#707070;}  body.bgblk{ background:#2e3334 !important;}
.ScriptFild{float:left; width:100%; margin:10px 0;}
.ScriptFild textarea{background:#f6f6f6; font-size:11px; color:#c3c2c2; border-radius:4px; -webkit-border-radius:4px; height:100px; resize:none; font-family:'MontserratRegular';}
.block, .widt{width:100%; float:left;}
.selectPopup h2{color:#7d7d7d; font-size:14px; text-transform:uppercase;  padding-bottom:20px;}
.selectPopup .modal-body{float:left; width:100%; background:#fff;}
.selectPopup .modal-dialog{display:inline-block; margin-top:80px;}
.selectPopup .modal-dialog p{color:#7d7d7d; font-size:12px; margin-bottom:10px;}
.ScriptFild{float:left; width:100%; margin:10px 0;}
.has-error{border:2px red solid !important;}

@media (min-width:992px) and (max-width:1199px){ 
 }
 

@media (min-width:768px) and (max-width:991px){ 
/*=======================22=11=2016=================================*/ 
.btn.download{ margin-top:5px;}

}

@media (max-width: 767px) { .header{ position:inherit; width:100%;} .wrapper_sec{ padding-left:0;} 
.search_proj .txt1{ margin-bottom:6px; margin-top:6px;} .search_proj, .search_proj .text-right, .tablefooter, .tablefooter .text-right{ text-align:center;} 
.paginationbotm .pagination{ margin-top:10px;} .navbar-toggle{ position:absolute; right:0; top:0;} .footer{ position:inherit;} 

.tablemain .table thead{ display:none;}
.tablemain .table tbody tr td{ display:block; width:100% !important;}  
.tablemain .table tbody tr:nth-child(even){ background:#eee;}

.tablemain .table tbody tr td:nth-child(1):before{ content:"Select"; width:100%; display:block; text-align:center;}
.tablemain .table tbody tr td:nth-child(2):before{ content:"Campaign TItle"; width:100%; display:block; text-align:center;}
.tablemain .table tbody tr td:nth-child(3):before{ content:"date created"; width:100%; display:block; text-align:center;}
.tablemain .table tbody tr td:nth-child(4):before{ content:"category"; width:100%; display:block; text-align:center;}
.tablemain .table tbody tr td:nth-child(5):before{ content:"actions"; width:100%; display:block; text-align:center;} 


/*=======================22=11=2016=================================*/ 
.btn.download{ margin-top:5px;}
.creattabs .nav-tabs > li{ margin:0; width:48%;} 
.creattabs .tab-content .text-right{ text-align:left;}

}